@font-face{font-family:ArchiveSerif;src:local('Instrument Serif'),local('Songti SC'),local('Noto Serif CJK SC'),local('Georgia');font-display:swap}
:root{--paper:#f2ecdf;--paper-2:#e9dfce;--ink:#292821;--muted:#666256;--faint:#8a8375;--rule:#c6bdad;--orange:#b04a30;--rust:#8c3929;--gold:#bd773d;--serif:ArchiveSerif,'Songti SC','Source Han Serif SC',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Arial,sans-serif;--mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;--pad:clamp(22px,5.4vw,88px);--max:1540px;--ease:cubic-bezier(.2,.75,.25,1);--head:clamp(54px,5.8vw,88px);--nav-h:76px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 18px)}body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:multiply}body.menu-open,body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3{font-weight:400}::selection{background:var(--orange);color:var(--paper)}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1200;background:var(--orange);color:var(--paper);padding:12px}.skip-link:focus{left:14px;top:14px}.site-head{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:rgba(242,236,223,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.wordmark{display:inline-flex;align-items:baseline;gap:2px;font:27px/1 var(--serif);letter-spacing:-.06em}.wordmark-dot{color:var(--orange)}.wordmark small{font:8px var(--mono);letter-spacing:.14em;margin-left:13px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:clamp(18px,3.2vw,48px);font:11px var(--sans);letter-spacing:.08em;text-transform:uppercase}.main-nav a,.language-switch{position:relative;padding:9px 0}.main-nav a::after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}.language-switch{font:10px var(--mono);color:var(--orange)}.language-switch span{color:var(--rule);padding:0 4px}.menu-toggle,.mobile-menu{display:none}.head-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px}.head-progress span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}
.paper-section{position:relative;background:var(--paper);overflow:hidden}.hero{min-height:min(920px,calc(100svh - var(--nav-h)));padding:24px var(--pad) 22px;isolation:isolate}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.hero-meta{max-width:var(--max);margin:auto}.hero-meta i{font-style:normal;color:var(--orange);padding:0 5px}.hero-grid{max-width:var(--max);min-height:min(730px,calc(100svh - 180px));margin:auto;position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.hero-copy{position:relative;z-index:4;padding:30px 0 80px}.hero-kicker,.eyebrow{display:flex;align-items:center;gap:18px;color:var(--muted);font:10px var(--sans);letter-spacing:.08em}.serial{font:9px var(--mono);letter-spacing:.11em;color:var(--orange)}.hero h1{max-width:850px;margin:clamp(35px,5vw,72px) 0 25px;font-size:var(--head);letter-spacing:-.055em;line-height:1.07;text-wrap:pretty}.hero h1 em,.section-heading h2 em,.method h2 em,.home-contact h2 em{color:var(--orange);font-style:normal}.hero-intro{max-width:39ch;color:var(--muted);font-size:clamp(16px,1.5vw,21px);text-wrap:pretty}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button-link{display:inline-flex;align-items:center;gap:24px;padding:13px 17px;background:var(--orange);color:var(--paper);font:11px var(--sans);letter-spacing:.04em;transition:background .3s,transform .35s var(--ease)}.button-link span{font:18px var(--sans);transition:transform .35s var(--ease)}.button-link:hover{background:var(--rust);transform:translateY(-3px)}.button-link:hover span{transform:translate(3px,-3px)}.quiet-link,.text-arrow{font:11px var(--sans);border-bottom:1px solid var(--rule);padding:0 0 7px}.quiet-link:hover,.text-arrow:hover{color:var(--orange);border-color:var(--orange)}
.hero-art{position:relative;z-index:2;height:min(650px,72vw);min-height:430px;margin:8px -3vw 0 -4vw}.world-map{position:absolute;inset:4% -6% 8% -14%;transform:rotate(-4deg);animation:map-breathe 16s ease-in-out infinite alternate}.world-map svg{height:100%;width:100%;overflow:visible}.map-grid{fill:none;stroke:var(--rule);stroke-width:.7;stroke-dasharray:2 6}.landmass{fill:var(--paper-2);stroke:var(--faint);stroke-width:1;opacity:.78}.flight-path{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:9 7;animation:route-travel 16s linear infinite}.map-point{fill:var(--orange);stroke:var(--paper);stroke-width:3}.route-spark{fill:var(--rust)}.map-label{position:absolute;font:9px var(--mono);letter-spacing:.08em;color:var(--orange)}.label-sin{left:12%;top:31%}.label-hkg{right:15%;top:17%}.label-sgn{right:29%;bottom:21%}.hero-ticket{position:absolute;right:4%;bottom:4%;z-index:4;width:clamp(225px,29vw,410px);padding:9px 9px 0;background:var(--paper);border:1px solid var(--rule);transform:rotate(3deg);animation:ticket-hover 7s ease-in-out infinite alternate}.hero-ticket img{width:100%;aspect-ratio:1.55;object-fit:cover}.hero-ticket figcaption{display:flex;justify-content:space-between;gap:8px;padding:8px 2px 7px;font:8px var(--mono);letter-spacing:.06em;color:var(--muted)}.postmark{position:absolute;right:12%;top:7%;z-index:5;width:108px;height:108px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--orange);font:9px var(--mono);letter-spacing:.08em;transform:rotate(13deg);animation:stamp-in 1.1s .4s both}.postmark b{font-weight:400}.postmark small{position:absolute;bottom:12px;font-size:6px}.hero-handnote{position:absolute;left:2%;bottom:17%;font:italic 15px var(--serif);color:var(--rust);transform:rotate(-8deg)}.hero-bottom{max-width:var(--max);margin:auto}.hero-bottom-rule{height:1px;background:var(--rule);flex:1;margin:0 18px}.hero-bottom span:last-child{color:var(--orange)}.hero-collage{position:absolute;left:-4%;bottom:-88px;display:flex;gap:8px;opacity:.23;transform:rotate(-7deg);z-index:-1}.hero-collage img{width:210px;height:118px;object-fit:cover;filter:grayscale(1)}
.section-pad{padding:clamp(92px,11vw,170px) var(--pad)}.selected{max-width:calc(var(--max) + var(--pad)*2);margin:auto}.section-heading{display:grid;grid-template-columns:1.15fr .55fr;gap:8vw;align-items:end;margin:0 auto clamp(40px,6vw,88px);max-width:var(--max)}.section-heading h2{font-size:clamp(42px,6vw,88px);line-height:1.08;letter-spacing:-.04em;margin-top:27px;text-wrap:pretty}.section-heading>p{max-width:34ch;color:var(--muted);font-size:16px;padding-bottom:8px}.work-mosaic{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .77fr .77fr;grid-template-rows:auto auto;gap:clamp(16px,2.1vw,32px);align-items:start}.work-card{position:relative;display:block;min-width:0}.work-card:nth-child(1){grid-row:span 2}.work-card:nth-child(2){margin-top:18%}.work-card:nth-child(3){margin-top:36%}.work-card:nth-child(4){grid-column:2/4;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;margin-top:5%}.work-card:nth-child(4) .work-image{grid-column:2;grid-row:1}.work-card:nth-child(4) .work-caption{grid-column:1;grid-row:1}.work-image{position:relative;overflow:hidden;border:1px solid var(--rule);background:var(--paper-2)}.work-image img{width:100%;aspect-ratio:1.05;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}.work-card:nth-child(1) .work-image img{aspect-ratio:.82}.work-card:nth-child(4) .work-image img{aspect-ratio:1.7}.work-card:hover .work-image img{transform:scale(1.045);filter:saturate(1.08)}.work-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(32,29,25,.22));opacity:.45;transition:opacity .4s}.work-card:hover .work-image::after{opacity:.15}.work-no{position:absolute;z-index:2;left:12px;top:12px;padding:4px 7px;background:var(--paper);font:9px var(--mono);color:var(--orange)}.work-caption{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);padding:11px 1px}.work-caption strong{font-size:clamp(18px,2vw,27px);line-height:1.2;font-weight:400}.work-caption small{display:block;font:9px var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:5px}.work-caption i{font:18px var(--sans);color:var(--orange);font-style:normal;transition:transform .35s}.work-card:hover .work-caption i{transform:translate(4px,-4px)}.archive-link{display:flex;max-width:var(--max);justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:16px 0;margin:clamp(48px,7vw,100px) auto 0;font:12px var(--sans);letter-spacing:.04em}.archive-link b{font:20px var(--sans);color:var(--orange)}
.growth{background:var(--paper-2);position:relative;overflow:hidden}.growth::before{content:"03";position:absolute;top:8%;right:2%;font:clamp(170px,30vw,430px)/.8 var(--serif);color:rgba(176,74,48,.08);pointer-events:none}.growth-heading{position:relative;z-index:1}.growth-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.16fr .65fr;gap:clamp(34px,7vw,108px);align-items:center}.growth-shot{position:relative;background:var(--paper);padding:12px;border:1px solid var(--rule);transform:rotate(-1.1deg)}.growth-shot img{width:100%;aspect-ratio:1.52;object-fit:cover;object-position:top}.growth-shot figcaption{display:flex;justify-content:space-between;padding-top:11px;font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}.growth-story{position:relative}.margin-note{font:italic clamp(17px,2vw,25px)/1.4 var(--serif);color:var(--rust);max-width:23ch;transform:rotate(-2deg);margin-bottom:36px}.growth-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:16px 0}.growth-facts>div+div{border-left:1px solid var(--rule);padding-left:14px}.growth-facts strong{display:block;font:clamp(25px,3vw,43px)/1 var(--serif);color:var(--orange);white-space:nowrap}.growth-facts span{display:block;margin-top:9px;font:9px var(--sans);color:var(--muted)}.growth-facts .slash{display:inline;color:var(--ink);padding:0 3px}.growth-facts .unit{display:inline;font:9px var(--mono);margin-left:3px}.growth-copy{margin-top:22px;font-size:15px;color:var(--muted)}.publish-stages{display:flex;align-items:center;gap:8px;margin:29px 0 23px;font:8px var(--mono);color:var(--orange)}.publish-stages i{height:1px;background:var(--orange);flex:1;position:relative}.publish-stages i::after{content:"";position:absolute;width:5px;height:5px;border:1px solid var(--orange);background:var(--paper-2);right:0;top:-2px;transform:rotate(45deg)}.publish-stages b{display:block;margin-top:5px;font:10px var(--sans);color:var(--ink)}.text-arrow{display:inline-flex;align-items:center;gap:18px}.text-arrow span{color:var(--orange);font-size:17px}.film-strip{max-width:var(--max);margin:clamp(82px,10vw,146px) auto 0}.film-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:11px;border-bottom:1px solid var(--ink);font:9px var(--mono);letter-spacing:.06em}.film-label span:nth-child(2){font:italic 15px var(--serif);letter-spacing:0}.film-frames{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding-top:13px}.film-frames img{width:100%;aspect-ratio:1.62;object-fit:cover;transition:transform .65s var(--ease);transform-origin:center}.film-frames img:hover{transform:translateY(-8px) rotate(-1deg)}
.products{overflow:hidden}.artifact-stage{max-width:var(--max);height:clamp(500px,56vw,790px);margin:auto;position:relative;background-image:radial-gradient(ellipse at center,rgba(198,189,173,.35),transparent 70%)}.artifact-photo{position:absolute;padding:10px 10px 0;background:var(--paper);border:1px solid var(--rule);transition:transform .7s var(--ease);box-shadow:8px 10px 0 rgba(41,40,33,.06)}.artifact-photo img{width:100%;height:100%;object-fit:cover}.artifact-photo span{display:block;padding:7px 1px;font:8px var(--mono);color:var(--muted)}.photo-time{z-index:2;left:8%;top:17%;width:39%;height:57%;transform:rotate(-5deg)}.photo-clean{z-index:3;left:38%;top:4%;width:32%;height:53%;transform:rotate(4deg)}.photo-flight{z-index:1;right:3%;top:21%;width:27%;height:62%;transform:rotate(7deg)}.artifact-stage:hover .photo-time{transform:translate(-7px,-5px) rotate(-7deg)}.artifact-stage:hover .photo-clean{transform:translateY(-12px) rotate(2deg)}.artifact-stage:hover .photo-flight{transform:translate(8px,-5px) rotate(10deg)}.artifact-note{position:absolute;z-index:5;color:var(--orange);font:italic clamp(15px,2vw,24px) var(--serif)}.note-time{left:3%;top:5%;transform:rotate(-9deg)}.note-clean{left:65%;top:65%;transform:rotate(7deg)}.note-flight{right:1%;top:8%;transform:rotate(8deg)}.artifact-caption{position:absolute;bottom:2%;left:7%;right:7%;z-index:6;display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:12px;font:8px var(--mono);letter-spacing:.1em;color:var(--muted)}
.systems{background:#e7dfd1;position:relative}.systems::after{content:"";position:absolute;right:-6%;top:13%;width:38vw;height:38vw;border:1px solid rgba(176,74,48,.18);border-radius:50%;box-shadow:0 0 0 25px rgba(176,74,48,.035),0 0 0 55px rgba(176,74,48,.025);pointer-events:none}.systems-layout{position:relative;z-index:1;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .62fr;gap:clamp(30px,6vw,92px);align-items:center}.sunset-proof{position:relative;border:1px solid var(--rule);background:var(--ink);overflow:hidden}.sunset-proof img{width:100%;aspect-ratio:1.6;object-fit:cover;opacity:.9}.sun-route{position:absolute;inset:9% 3% 22%;width:94%;height:70%;overflow:visible}.sun-route path{fill:none;stroke:#f2ac71;stroke-width:2;stroke-dasharray:9 7;animation:path-pulse 8s linear infinite}.sun-route circle{fill:#f2ac71;stroke:var(--paper);stroke-width:3}.sunset-proof figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:8px;padding:12px;background:rgba(35,33,28,.8);color:var(--paper);font:8px var(--mono);letter-spacing:.07em}.system-side{max-width:420px}.system-side .margin-note{margin-bottom:25px}.answer-legend{display:flex;flex-wrap:wrap;gap:12px 17px;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);padding:13px 0}.answer-legend span{display:flex;align-items:center;gap:7px;font:10px var(--sans)}.answer-legend i{width:7px;height:7px;background:var(--orange);border-radius:50%}.answer-legend span:nth-child(2) i{background:var(--muted)}.answer-legend span:nth-child(3) i{background:transparent;border:1px solid var(--orange)}.entity-diagram{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:31px;font:8px var(--mono);letter-spacing:.03em}.entity-diagram span{padding:8px 9px;border:1px solid var(--ink)}.entity-diagram b{color:var(--orange)}.entity-diagram i{height:1px;background:var(--orange);flex:1;min-width:15px}.entity-diagram strong{border:1px solid var(--orange);color:var(--orange);font:8px var(--mono);padding:8px 9px}.system-foot{font:10px var(--sans);color:var(--muted);margin:15px 0 22px}
.method{max-width:calc(var(--max) + var(--pad)*2);margin:auto;display:grid;grid-template-columns:.8fr 1fr;gap:clamp(48px,9vw,140px);align-items:start}.method-intro{position:sticky;top:calc(var(--nav-h) + 40px)}.method h2{font-size:clamp(54px,7vw,98px);line-height:1.04;letter-spacing:-.04em;margin-top:27px}.method-intro>p:last-of-type{max-width:38ch;color:var(--muted);margin-top:24px}.method-note{margin-top:40px;padding-left:17px;border-left:2px solid var(--orange);font:italic 14px/1.65 var(--serif);color:var(--rust)}.method-steps{position:relative;padding-top:34px}.method-axis{position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule);display:flex;justify-content:space-between}.method-axis span{position:absolute;inset:0 auto 0 0;width:0;background:var(--orange);transition:width .4s}.method-axis i{position:relative;top:-8px;width:17px;height:17px;border:1px solid var(--orange);border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--orange);font:6px var(--mono);font-style:normal}.method-steps article{padding:23px 0 31px;border-bottom:1px solid var(--rule)}.method-steps article>b{font:9px var(--mono);color:var(--orange)}.method-steps h3{font-size:clamp(25px,3vw,41px);margin:8px 0 7px}.method-steps article p{max-width:45ch;color:var(--muted);font-size:14px}.method-more{margin-top:23px}
.home-contact{position:relative;background:var(--orange);color:var(--paper);display:grid;grid-template-columns:1fr .52fr;gap:7vw;align-items:end;overflow:hidden}.home-contact .serial{color:#f3c4a2}.home-contact .eyebrow{color:#f3dbc6}.home-contact h2{position:relative;z-index:1;font-size:clamp(52px,8vw,116px);line-height:1.04;letter-spacing:-.045em;margin-top:35px}.home-contact h2 em{color:#f4c28e}.home-contact-action{position:relative;z-index:1;padding-bottom:9px}.home-contact-action p{font-size:16px;max-width:27ch;color:#f3dbc6;margin-bottom:24px}.home-contact .button-link{background:var(--paper);color:var(--orange)}.home-contact .button-link:hover{background:#fff}.contact-stamp{position:absolute;right:2%;top:-14%;font:clamp(220px,40vw,590px)/.8 var(--serif);color:rgba(67,26,20,.13);transform:rotate(10deg)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px var(--pad);border-top:1px solid var(--rule);font:8px var(--mono);letter-spacing:.06em;color:var(--muted)}.site-footer .wordmark{color:var(--ink)}.site-footer>a:last-child{color:var(--orange)}
.reveal{opacity:0;transform:translateY(34px);clip-path:inset(0 0 12% 0);transition:opacity .85s var(--ease),transform 1s var(--ease),clip-path 1s var(--ease)}.reveal.is-in{opacity:1;transform:none;clip-path:inset(0)}.reveal-left{opacity:0;transform:translateX(-42px);transition:opacity .9s var(--ease),transform 1.2s var(--ease)}.reveal-left.is-in{opacity:1;transform:none}.stagger>*{transition-delay:calc(var(--i,0)*90ms)}.parallax{will-change:transform}.tilt{transition:transform .7s var(--ease)}@keyframes map-breathe{to{transform:rotate(1deg) scale(1.035)}}@keyframes route-travel{to{stroke-dashoffset:-256}}@keyframes ticket-hover{to{transform:translateY(-13px) rotate(1deg)}}@keyframes stamp-in{from{opacity:0;transform:scale(1.4) rotate(28deg)}to{opacity:1;transform:scale(1) rotate(13deg)}}@keyframes path-pulse{to{stroke-dashoffset:-256}}
/* Internal pages: work index, case study, about and contact share the same paper grid. */
.inner-page{max-width:var(--max);margin:auto;padding:clamp(40px,6vw,90px) var(--pad) clamp(90px,12vw,170px)}.inner-kicker{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:12px;font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.inner-kicker b{font-weight:400;color:var(--orange)}.inner-title{font-size:clamp(54px,9vw,126px);letter-spacing:-.05em;line-height:1;margin:clamp(38px,6vw,84px) 0 22px}.inner-lead{max-width:52ch;color:var(--muted);font-size:clamp(17px,2vw,23px)}.index-page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.65fr);gap:clamp(30px,6vw,90px);margin-top:60px}.index-filters{display:flex;gap:10px 20px;flex-wrap:wrap;margin-bottom:16px}.index-filters button{font:10px var(--sans);padding:7px 0;color:var(--muted);border-bottom:1px solid transparent}.index-filters button.active,.index-filters button:hover{color:var(--orange);border-color:var(--orange)}.index-list{list-style:none;border-top:1px solid var(--rule)}.index-row{border-bottom:1px solid var(--rule)}.index-row a{display:grid;grid-template-columns:34px minmax(140px,.8fr) minmax(100px,1fr) 18px;gap:12px;align-items:center;padding:14px 0}.index-row .number{font:9px var(--mono);color:var(--orange)}.index-row strong{font-size:clamp(18px,2vw,27px);font-weight:400;line-height:1.2}.index-row small{display:block;font:8px var(--mono);color:var(--faint);margin-top:4px}.index-row .summary{font:11px/1.5 var(--sans);color:var(--muted)}.index-row .arrow{color:var(--orange);transition:transform .3s}.index-row:hover .arrow{transform:translate(4px,-4px)}.index-preview{position:sticky;top:calc(var(--nav-h) + 28px);align-self:start}.index-preview img{width:100%;aspect-ratio:.9;object-fit:cover;border:1px solid var(--rule);padding:8px;background:var(--paper);transform:rotate(1.5deg)}.index-preview figcaption{display:flex;justify-content:space-between;margin-top:12px;font:8px var(--mono);color:var(--muted)}.case-header{display:grid;grid-template-columns:.9fr .75fr;gap:7vw;align-items:end;margin:clamp(45px,7vw,95px) 0 42px}.case-header .inner-title{margin:25px 0;font-size:clamp(60px,10vw,145px)}.case-visual{position:relative;padding:12px;background:var(--paper);border:1px solid var(--rule);transform:rotate(-.7deg)}.case-visual img{width:100%;max-height:70vh;object-fit:contain;background:var(--paper-2)}.case-visual figcaption{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted);padding-top:9px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ink);margin:35px 0 70px}.case-facts>div{padding:14px 14px 15px 0}.case-facts>div+div{border-left:1px solid var(--rule);padding-left:15px}.case-facts small{display:block;font:8px var(--mono);color:var(--orange)}.case-facts strong{display:block;font-size:16px;font-weight:400;margin-top:7px}.case-content{display:grid;grid-template-columns:160px minmax(0,1fr) 220px;gap:clamp(22px,5vw,70px)}.case-toc{position:sticky;top:calc(var(--nav-h) + 25px);align-self:start;display:grid;gap:10px;font:9px var(--sans);color:var(--muted)}.case-toc a:hover{color:var(--orange)}.case-story{max-width:67ch}.case-story h2{font-size:clamp(29px,4vw,52px);line-height:1.16;margin:0 0 21px}.case-story p{font-size:16px;margin-bottom:21px}.case-story p::first-letter{color:var(--orange)}.case-note{border-top:1px solid var(--orange);padding-top:12px;font:italic 13px/1.55 var(--serif);color:var(--rust);align-self:start}.case-gallery{grid-column:2/4;display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.case-gallery button{padding:7px;background:var(--paper);border:1px solid var(--rule);cursor:zoom-in}.case-gallery img{width:100%;aspect-ratio:1.45;object-fit:cover}.case-gallery button:first-child:nth-last-child(odd){grid-column:1/-1}.case-footer-nav{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--ink);padding-top:18px;margin:70px 0 0;font:11px var(--sans)}.case-footer-nav a:hover{color:var(--orange)}.case-footer-nav span{display:block;font:8px var(--mono);color:var(--muted);margin-bottom:5px}.about-hero{display:grid;grid-template-columns:.95fr 1fr;gap:7vw;align-items:center;margin-top:65px}.about-hero h1{font-size:clamp(55px,6.2vw,88px);line-height:.99;letter-spacing:-.05em}.about-hero h1 em{color:var(--orange);font-style:normal}.about-hero p{max-width:48ch;font-size:18px;color:var(--muted)}.about-image{margin-top:38px;position:relative}.about-image img{width:100%;aspect-ratio:1.8;object-fit:cover;filter:grayscale(1);border:1px solid var(--rule);padding:8px}.about-image figcaption{display:flex;justify-content:space-between;margin-top:9px;font:8px var(--mono);color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:78px}.about-grid article{padding-top:14px;border-top:1px solid var(--ink)}.about-grid b{font:9px var(--mono);color:var(--orange)}.about-grid h2{font-size:clamp(25px,3vw,39px);margin:11px 0}.about-grid p{font-size:13px;color:var(--muted);max-width:36ch}.capability-list{margin-top:90px;border-top:1px solid var(--ink)}.capability-row{display:grid;grid-template-columns:55px .7fr 1fr 18px;gap:16px;padding:18px 0;border-bottom:1px solid var(--rule);align-items:start}.capability-row b{font:9px var(--mono);color:var(--orange)}.capability-row h3{font-size:23px}.capability-row p{font-size:12px;color:var(--muted)}.contact-page{min-height:calc(100svh - var(--nav-h));display:grid;grid-template-columns:1fr .45fr;gap:7vw;align-items:center;position:relative;overflow:hidden}.contact-page::after{content:"";position:absolute;right:2%;top:5%;bottom:5%;width:32%;background:url('assets/img/sky-passport.webp') center/cover;opacity:.19;filter:grayscale(.5);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.contact-page-copy,.contact-details{position:relative;z-index:1}.contact-page h1{font-size:clamp(58px,9vw,130px);line-height:.98;letter-spacing:-.05em;margin:55px 0 30px}.contact-page h1 em{color:var(--orange);font-style:normal}.contact-details{align-self:center;padding:18px 0}.contact-details dl{border-top:1px solid var(--ink)}.contact-details div{padding:16px 0;border-bottom:1px solid var(--rule)}.contact-details dt{font:8px var(--mono);letter-spacing:.12em;color:var(--orange);margin-bottom:6px}.contact-details dd{font-size:16px}.contact-details a:hover{color:var(--orange)}.contact-topics-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:90px;border-top:1px solid var(--rule);padding-top:17px}.contact-topics-list span{font:10px var(--sans);color:var(--muted)}
.lightbox{position:fixed;inset:0;z-index:500;background:rgba(25,24,20,.96);display:grid;grid-template-rows:50px 1fr;color:var(--paper);padding:0 20px 20px}.lightbox[hidden]{display:none}.lightbox-top{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono)}.lightbox-top button{font-size:20px}.lightbox img{max-width:100%;max-height:calc(100vh - 90px);margin:auto;object-fit:contain}
@media(max-width:1000px){:root{--head:clamp(54px,5.8vw,88px)}.hero-grid{grid-template-columns:1fr .8fr}.hero-art{min-height:390px}.work-mosaic{grid-template-columns:1fr 1fr}.work-card:nth-child(1){grid-row:auto}.work-card:nth-child(2),.work-card:nth-child(3){margin-top:0}.work-card:nth-child(4){grid-column:auto;display:block;margin-top:0}.work-card:nth-child(4) .work-image,.work-card:nth-child(4) .work-caption{grid-column:auto;grid-row:auto}.work-image img,.work-card:nth-child(1) .work-image img,.work-card:nth-child(4) .work-image img{aspect-ratio:1.15}.index-page-layout{grid-template-columns:1fr .75fr}.index-row a{grid-template-columns:30px 1fr 18px}.index-row .summary{display:none}.case-content{grid-template-columns:120px 1fr}.case-note{grid-column:2}.case-gallery{grid-column:2}.contact-page{grid-template-columns:1fr .6fr}}
@media(max-width:700px){:root{--pad:21px;--nav-h:62px;--head:clamp(49px,10.5vw,72px)}.site-head{padding-inline:var(--pad)}.wordmark{font-size:25px}.wordmark small{font-size:7px;margin-left:7px}.main-nav{display:none}.menu-toggle{display:grid;grid-template-columns:17px auto;align-items:center;gap:7px;font:9px var(--mono);color:var(--orange)}.menu-toggle span{grid-column:1;width:17px;height:1px;background:var(--orange);transition:transform .3s}.menu-toggle span:nth-child(2){margin-top:-5px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.mobile-menu{position:fixed;inset:var(--nav-h) 0 0;z-index:99;background:var(--paper);padding:11vh var(--pad);display:flex;flex-direction:column;gap:0}.mobile-menu[hidden]{display:none}.mobile-menu a,.mobile-menu button{display:block;text-align:left;padding:17px 0;border-bottom:1px solid var(--rule);font:clamp(25px,8vw,42px) var(--serif)}.mobile-menu button{font:11px var(--mono);color:var(--orange)}.hero{padding-top:18px;min-height:auto}.hero-meta{font-size:7px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:60px 0 0}.hero-kicker{gap:9px;font-size:8px}.hero h1{font-size:var(--head);margin:34px 0 19px;line-height:1.12;max-width:12ch}.hero-intro{font-size:15px;max-width:38ch}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:26px}.button-link{min-height:46px}.hero-art{height:clamp(370px,108vw,500px);min-height:0;margin:8px -12px 14px}.world-map{inset:0 -14% 4% -12%}.hero-ticket{width:min(65vw,300px);right:2%;bottom:3%}.postmark{width:76px;height:76px;right:9%;top:1%;font-size:7px}.postmark small{font-size:5px;bottom:8px}.hero-handnote{left:1%;bottom:23%;font-size:12px}.map-label{font-size:7px}.hero-bottom{font-size:7px}.hero-collage{bottom:-44px}.hero-collage img{width:110px;height:72px}.section-pad{padding:84px var(--pad)}.section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:34px}.eyebrow{font-size:8px;gap:10px;flex-wrap:wrap}.section-heading h2{font-size:clamp(42px,10.5vw,65px);margin-top:19px}.section-heading>p{font-size:14px}.work-mosaic{grid-template-columns:1fr 1fr;gap:25px 12px}.work-card:nth-child(1){grid-column:1/-1}.work-card:nth-child(1) .work-image img{aspect-ratio:1.35}.work-card:nth-child(4){grid-column:1/-1}.work-card:nth-child(4) .work-image img{aspect-ratio:1.45}.work-caption{padding:8px 0}.work-caption strong{font-size:16px}.work-caption small{font-size:7px}.archive-link{margin-top:38px;font-size:10px}.growth{padding-block:82px}.growth::before{top:1%;right:-8%;font-size:190px}.growth-layout,.systems-layout{grid-template-columns:1fr;gap:29px}.growth-shot{padding:7px}.growth-shot img{aspect-ratio:1.25}.growth-story{padding-inline:3px}.margin-note{font-size:18px;margin-bottom:23px}.growth-facts strong{font-size:clamp(23px,7vw,35px)}.growth-facts>div+div{padding-left:9px}.growth-facts span{font-size:8px}.growth-copy{font-size:13px}.publish-stages{gap:5px;font-size:7px}.publish-stages b{font-size:8px}.film-strip{margin-top:70px}.film-label{font-size:7px;flex-wrap:wrap}.film-label span:nth-child(2){font-size:13px}.film-frames{grid-template-columns:repeat(5,140px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.film-frames img{scroll-snap-align:start}.artifact-stage{height:clamp(420px,122vw,560px);margin-inline:-9px}.artifact-photo{padding:6px 6px 0}.photo-time{left:3%;top:26%;width:45%;height:49%}.photo-clean{left:30%;top:6%;width:41%;height:49%}.photo-flight{right:-1%;top:28%;width:31%;height:52%}.artifact-note{font-size:13px}.note-time{left:1%;top:12%}.note-clean{left:52%;top:78%}.note-flight{right:0;top:13%}.artifact-caption{left:3%;right:3%;bottom:0;font-size:7px}.systems{padding-block:84px}.systems::after{width:70vw;height:70vw;top:9%}.sunset-proof img{aspect-ratio:1.18}.sunset-proof figcaption{font-size:6px;padding:8px}.system-side{max-width:none}.entity-diagram{gap:5px;font-size:7px}.entity-diagram span,.entity-diagram strong{padding:7px 5px;font-size:7px}.method{grid-template-columns:1fr;gap:48px}.method-intro{position:relative;top:auto}.method h2{font-size:clamp(54px,12vw,78px)}.method-intro>p:last-of-type{font-size:14px}.method-note{margin-top:25px}.method-steps{padding-top:25px}.method-steps h3{font-size:29px}.method-steps article p{font-size:13px}.home-contact{grid-template-columns:1fr;gap:34px;padding-block:75px}.home-contact h2{font-size:clamp(51px,12vw,83px);margin-top:27px}.home-contact-action p{font-size:14px}.contact-stamp{font-size:280px;right:-18%;top:1%}.site-footer{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:7px}.site-footer .wordmark{grid-column:1/-1}.site-footer>a:last-child{justify-self:end}.inner-page{padding-top:37px}.inner-kicker{font-size:7px}.inner-title{font-size:clamp(48px,13vw,78px);margin:40px 0 17px}.inner-lead{font-size:16px}.index-page-layout{grid-template-columns:1fr;margin-top:40px}.index-preview{display:none}.index-row a{grid-template-columns:28px 1fr 18px;padding:14px 0}.index-row strong{font-size:20px}.index-row .summary{display:block;grid-column:2;font-size:10px}.index-row .arrow{grid-column:3;grid-row:1/3}.case-header{grid-template-columns:1fr;gap:26px;margin-top:42px}.case-header .inner-title{font-size:clamp(54px,13vw,86px);margin:22px 0}.case-visual{max-width:none}.case-visual img{max-height:none;aspect-ratio:auto;object-fit:contain;background:var(--paper-2)}.case-facts{grid-template-columns:1fr 1fr;margin:28px 0 42px}.case-facts>div{padding:11px 7px 11px 0}.case-facts>div+div{padding-left:9px}.case-facts>div:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.case-facts>div:nth-child(4){border-top:1px solid var(--rule)}.case-facts strong{font-size:13px}.case-content{grid-template-columns:1fr;gap:23px}.case-toc{position:relative;top:auto;display:flex;overflow-x:auto;gap:16px;white-space:nowrap;padding-bottom:8px;border-bottom:1px solid var(--rule)}.case-story h2{font-size:31px}.case-story p{font-size:15px}.case-note{grid-column:auto}.case-gallery{grid-column:1;grid-template-columns:1fr}.case-gallery button:first-child:nth-last-child(odd){grid-column:auto}.case-footer-nav{margin-top:42px;font-size:9px}.about-hero{grid-template-columns:1fr;gap:22px;margin-top:43px}.about-hero h1{font-size:clamp(56px,13vw,88px)}.about-hero p{font-size:16px}.about-image img{aspect-ratio:1.25}.about-grid{grid-template-columns:1fr;gap:25px;margin-top:50px}.about-grid article{padding-top:12px}.about-grid h2{font-size:28px;margin:7px 0}.capability-list{margin-top:60px}.capability-row{grid-template-columns:30px 1fr 18px;gap:10px;padding:14px 0}.capability-row h3{font-size:19px}.capability-row p{grid-column:2;font-size:11px}.capability-row .row-arrow{grid-column:3;grid-row:1/3}.contact-page{min-height:calc(100svh - var(--nav-h));grid-template-columns:1fr;gap:32px;align-content:center;padding-block:64px}.contact-page::after{right:-12%;top:12%;bottom:15%;width:52%;opacity:.11}.contact-page h1{font-size:clamp(55px,13vw,88px);margin:41px 0 20px}.contact-details{padding:0}.contact-details div{padding:12px 0}.contact-details dd{font-size:14px}.contact-topics-list{grid-template-columns:1fr 1fr;margin-top:55px;gap:12px}.lightbox{padding:0 9px 9px}.lightbox-top{font-size:8px}}
@media(max-width:380px){:root{--pad:17px;--head:51px}.wordmark small{letter-spacing:.06em}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-meta{font-size:6px}.postmark{width:67px;height:67px}.work-mosaic{gap:22px 9px}.work-caption strong{font-size:14px}.artifact-stage{height:430px}.case-facts strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal,.reveal-left{opacity:1!important;transform:none!important;clip-path:none!important}.world-map,.hero-ticket{animation:none!important}.flight-path,.sun-route path{animation:none!important}}
@media print{body::before,.site-head,.hero-collage,.button-link,.lightbox,.contact-stamp{display:none!important}body{background:#fff;color:#000;overflow:visible}.hero{min-height:0}.hero-grid{min-height:0}.hero-art{height:380px;min-height:0}.section-pad,.inner-page{padding:25px 0}.work-mosaic,.film-frames{break-inside:avoid}.work-image img{filter:none!important}.home-contact{background:#fff;color:#000;border-top:1px solid #000}.home-contact h2 em{color:#000}.site-footer{color:#000}}

/* 首页首屏：按旅行档案参考图重排，雕版球体为独立素材，航线与标注保留为可访问的代码图形。 */
.hero{min-height:min(900px,calc(100svh - var(--nav-h)));padding-top:18px;padding-bottom:18px}.hero-grid{min-height:min(720px,calc(100svh - 170px));display:block}.hero-copy{width:min(54%,740px);padding:clamp(64px,8vh,104px) 0 80px;z-index:6}.hero-kicker{font-size:11px;letter-spacing:.1em}.hero h1{max-width:760px;margin:25px 0 21px;font-size:clamp(43px,4.7vw,77px);font-weight:700;letter-spacing:-.045em;line-height:1.14;text-wrap:pretty}.hero h1 em{color:var(--orange);font-style:normal}.hero-intro{max-width:41ch;font-size:clamp(15px,1.35vw,19px)}.hero-actions{margin-top:28px}.hero-art{position:absolute;inset:0 -4vw 0 34%;height:auto;min-height:0;margin:0;z-index:2;pointer-events:none}.world-map{position:absolute;inset:0;transform:none;animation:none}.world-map svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}.globe-image{position:absolute;width:min(54vw,800px);height:auto;right:4%;top:-7%;mix-blend-mode:multiply;animation:globe-drift 24s ease-in-out infinite alternate}.hero-routes{z-index:2;right:0;top:0;left:auto!important;bottom:auto!important;width:min(54vw,800px)!important;height:auto!important;aspect-ratio:760/560;overflow:visible}.hero-routes path{fill:none;stroke:var(--orange);stroke-width:1.4;stroke-dasharray:0;opacity:.9}.hero-routes .route-orbit{stroke-width:.75;opacity:.38}.hero-routes circle{fill:var(--orange);stroke:var(--paper);stroke-width:2}.hero-routes .route-plane{fill:var(--rust);stroke:var(--paper);stroke-width:1}.map-label{z-index:3;font-size:8px;letter-spacing:.12em;color:var(--ink)}.label-hkg{top:38%;right:25%}.label-sgn{top:52%;right:20%}.hero-ticket{right:10%;bottom:-9%;width:clamp(250px,33vw,440px);z-index:5;pointer-events:auto;transform:rotate(4deg);animation:ticket-hover 8s ease-in-out infinite alternate}.postmark{right:1%;top:6%;width:140px;height:140px;border-radius:4px;transform:rotate(-9deg);background:rgba(242,236,223,.34);pointer-events:none}.postmark span{font-size:9px;font-weight:500;line-height:1.3}.postmark b{font-size:8px}.postmark small{bottom:14px;font-size:7px}.hero-handnote{left:auto;right:2%;top:35%;bottom:auto;width:150px;font-size:19px;line-height:1.2;transform:rotate(-12deg);pointer-events:none}.hero-bottom{position:relative;z-index:7}.hero-collage{left:-3%;right:-3%;bottom:-94px;z-index:3;display:block;height:210px;opacity:1;transform:none;pointer-events:none}.hero-photo{position:absolute;margin:0;padding:10px 10px 25px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 5px 18px rgba(42,34,22,.12)}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.hero-photo-harbor{left:0;bottom:-24px;width:clamp(260px,27vw,420px);height:170px;transform:rotate(-7deg)}.hero-photo-coast{right:0;bottom:0;width:clamp(220px,20vw,320px);height:155px;transform:rotate(7deg)}.wordmark small{border-left:1px solid var(--rule);padding-left:24px;margin-left:22px}.hero-routes .route-link{stroke-dasharray:5 4;animation:route-travel 13s linear infinite}
@keyframes globe-drift{from{transform:translateY(-8px) rotate(-1deg)}to{transform:translateY(11px) rotate(1deg)}}
@media(max-width:1000px){.hero-copy{width:60%}.globe-image,.hero-routes{width:min(63vw,720px)!important}.hero-art{left:30%}.hero-ticket{right:0;bottom:-2%;width:35vw}.hero-handnote{right:-2%;top:28%}.hero-collage{bottom:-75px}}
@media(max-width:700px){.hero{min-height:calc(100svh - var(--nav-h));padding-top:14px}.hero-grid{min-height:calc(100svh - 160px)}.hero-copy{width:100%;padding:42px 0 250px}.hero h1{max-width:12ch;font-size:clamp(39px,10vw,62px);line-height:1.17;margin:23px 0 16px}.hero-intro{max-width:34ch;font-size:14px}.hero-actions{flex-direction:row;gap:15px;align-items:center}.hero-art{left:0;right:-8vw;top:auto;bottom:16px;height:360px}.world-map{inset:0}.globe-image,.hero-routes{width:min(88vw,420px)!important;right:2%;top:-10%}.label-hkg{top:30%;right:20%}.label-sgn{top:50%;right:10%}.hero-ticket{width:52vw;right:5%;bottom:-4%;}.postmark{width:86px;height:86px;right:0;top:8%;font-size:7px}.postmark span{font-size:6px}.postmark b,.postmark small{font-size:5px}.hero-handnote{top:38%;right:0;width:95px;font-size:12px}.hero-bottom{font-size:7px}.hero-collage{height:120px;bottom:-36px}.hero-photo-harbor{width:45vw;height:92px;left:-4%;bottom:-4px;padding:5px 5px 15px}.hero-photo-coast{width:36vw;height:82px;right:-3%;bottom:-3px;padding:5px 5px 15px}.wordmark small{padding-left:12px;margin-left:10px}}
@media(prefers-reduced-motion:reduce){.globe-image{animation:none!important}.hero-routes .route-link{animation:none!important}}

/* 二轮视觉校正：让首屏标题、插页与地球落回参考图中的比例。 */
.hero-copy{padding-top:clamp(75px,9vh,110px)}.hero-kicker{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}.globe-image,.hero-routes{width:min(46vw,740px)!important;right:12%!important;top:-4%}.hero-ticket{left:2%;right:auto;bottom:-43%;width:clamp(480px,51vw,820px)}.postmark{right:16%;top:2%;width:182px;height:150px;border-radius:3px;background:rgba(242,236,223,.72);opacity:.92}.hero-handnote{left:auto;right:7%;top:32%;width:132px;font:italic 20px/1.18 "Noteworthy","Bradley Hand",cursive;letter-spacing:.02em}.map-label{display:none}.about-hero{grid-template-columns:.85fr 1.15fr;gap:clamp(34px,5vw,78px);align-items:center}.about-copy{max-width:600px}.about-copy h1{margin:20px 0 24px}.about-copy .margin-note{margin-top:25px}.about-image{margin:0;transform:rotate(1deg)}.about-image img{aspect-ratio:1.25;object-fit:cover;filter:grayscale(.35)}.about-grid{margin-top:58px}.contact-page::after{background-image:url('assets/img/travel-coast.webp');opacity:.26;filter:grayscale(1);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
@media(max-width:1000px){.globe-image,.hero-routes{width:min(50vw,660px)!important;right:4%!important}.hero-ticket{width:48vw;bottom:-25%}.about-hero{grid-template-columns:.9fr 1.1fr}}
@media(max-width:700px){.hero-copy{padding-top:74px}.globe-image,.hero-routes{width:min(88vw,420px)!important;right:2%!important;top:25%}.hero-ticket{left:auto;right:5%;bottom:-4%;width:52vw}.postmark{width:86px;height:86px;right:0;top:8%;border-radius:3px}.hero-handnote{left:auto;right:0;top:38%;width:95px;font-size:13px}.about-hero{grid-template-columns:1fr;gap:25px}.about-image{grid-row:1}.about-copy{grid-row:2}.about-copy h1{font-size:clamp(48px,12vw,76px)}.contact-page::after{right:-12%;top:12%;bottom:15%;width:52%;opacity:.12}}
@media print{.hero{min-height:0;padding:18px 0}.hero-grid{min-height:0}.hero-art{position:relative;inset:auto;height:430px;min-height:0;margin:0;left:auto;right:auto;pointer-events:auto}.hero-collage{display:none}.hero-ticket{width:48%;bottom:0}}

/* 内页版式对齐参考图：索引更早进入列表，项目封面标题不被英文词组挤成孤行。 */
body[data-page="work"] .section-heading{margin-bottom:38px}body[data-page="work"] .section-heading .inner-title{font-size:clamp(62px,7.4vw,108px);margin:18px 0 12px}.case-header .inner-title{font-size:clamp(58px,7.6vw,118px)}.about-copy h1{font-size:clamp(42px,4.4vw,66px);line-height:1.06}.about-copy>p:not(.eyebrow):not(.margin-note){margin-top:20px}.contact-page{overflow:visible;padding-left:calc(var(--pad) + 24px)}.contact-page::before{content:"CONTACT";position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--orange);color:var(--paper);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;font:8px var(--mono);letter-spacing:.22em}.contact-page h1{font-size:clamp(54px,7.6vw,112px)}
@media(max-width:700px){body[data-page="work"] .section-heading .inner-title{font-size:clamp(55px,13vw,78px)}.case-header .inner-title{font-size:clamp(54px,13vw,86px)}.about-copy h1{font-size:clamp(42px,11vw,64px)}.contact-page{padding-left:calc(var(--pad) + 20px)}.contact-page::before{width:12px}}

.inner-page{padding-top:clamp(30px,3.5vw,54px)}body[data-page="work"] .section-heading{margin-top:28px!important;margin-bottom:26px}.index-page-layout{margin-top:22px}.about-hero{margin-top:42px}
@media(max-width:700px){.inner-page{padding-top:28px}.about-hero{margin-top:32px}}

/* 工作方式：将原纵向轨道改为参考图的三步横向流程，并补入过程照片。 */
.method{grid-template-columns:1fr;gap:34px}.method-intro{position:relative;top:auto;display:grid;grid-template-columns:1fr .65fr;column-gap:8vw;align-items:end}.method-intro>.eyebrow{grid-column:1/-1}.method-intro h2{grid-column:1;grid-row:2;margin-top:20px}.method-intro>p:last-of-type{grid-column:2;grid-row:2;align-self:end;margin:0 0 18px}.method-note{grid-column:2;grid-row:3;margin-top:0}.method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;padding-top:34px}.method-axis{grid-column:1/-1}.method-more{grid-column:1/-1}.method-steps article{min-height:190px;padding:24px 12px 28px 0;border-bottom:1px solid var(--rule)}.method-steps article+article{border-left:1px solid var(--rule);padding-left:22px}.method-steps h3{font-size:clamp(23px,2.5vw,36px)}.method-photo{grid-column:1/-1;justify-self:end;width:min(58%,760px);margin-top:-16px;padding:8px 8px 22px;border:1px solid var(--rule);background:var(--paper);transform:rotate(1deg)}.method-photo img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover}.method-photo figcaption{padding-top:8px;font:8px var(--mono);letter-spacing:.08em;color:var(--muted)}
@media(max-width:700px){.method{grid-template-columns:1fr;gap:32px}.method-intro{display:block}.method-intro h2{margin-top:25px}.method-intro>p:last-of-type{margin-top:20px}.method-note{margin-top:25px}.method-steps{grid-template-columns:1fr;padding-top:32px}.method-steps article{min-height:0;padding:18px 0}.method-steps article+article{border-left:0;padding-left:0}.method-photo{width:100%;margin-top:0}}

@media(max-width:700px){.contact-page h1{font-size:clamp(43px,11.5vw,56px);line-height:1.04;margin:30px 0 18px}}

/* 晚霞系统：黄昏景观承担氛围，真实产品截图缩为证据卡，轨迹与状态仍由代码绘制。 */
.systems-layout{display:block;min-height:560px}.sunset-proof{height:clamp(400px,47vw,650px);border:0;background:var(--ink)}.sunset-landscape{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:1}.sun-route{inset:5% 5% 18%;width:90%;height:78%;z-index:1}.sunset-proof figcaption{z-index:3;background:rgba(35,33,28,.65)}.sunset-ui-proof{position:absolute;z-index:2;left:4%;bottom:13%;width:min(29%,400px);height:auto!important;aspect-ratio:1.6;object-fit:cover!important;padding:7px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 25px rgba(23,20,16,.22);transform:rotate(-2deg);opacity:1!important}.system-side{position:absolute;z-index:4;right:2%;bottom:7%;width:min(34%,430px);max-width:none;padding:22px 24px;background:rgba(242,236,223,.94);border:1px solid var(--rule)}.systems::after{z-index:0}
@media(max-width:1000px){.systems-layout{min-height:0}.sunset-proof{height:480px}.system-side{position:absolute;right:2%;bottom:7%;width:min(42%,400px);max-width:none}.sunset-ui-proof{width:34%}}
@media(max-width:700px){.systems-layout{display:grid;grid-template-columns:1fr;gap:22px}.sunset-proof{height:370px}.sunset-ui-proof{width:46%;left:3%;bottom:14%}.system-side{position:relative;inset:auto;width:100%;max-width:none;padding:18px;background:transparent;border:0}.sunset-proof figcaption{font-size:7px}.sun-route{inset:4% 2% 18%;width:96%;height:76%}}
.sunset-proof img.sunset-landscape{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:1}.sunset-proof img.sunset-ui-proof{position:absolute;z-index:2;left:4%;bottom:13%;width:min(29%,400px)!important;height:auto!important;aspect-ratio:1.6;object-fit:cover;padding:7px;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 25px rgba(23,20,16,.22);transform:rotate(-2deg);opacity:1}
@media(max-width:1000px){.sunset-proof img.sunset-ui-proof{width:34%!important}}
@media(max-width:700px){.sunset-proof img.sunset-ui-proof{width:46%!important;left:3%;bottom:14%}}