/* V03.2 — one material, three typefaces, four editorial scenes. */
@font-face{font-family:"FZ Lanting Heavy Flat";src:url("assets/fonts/fz-lanting-heavy-flat-gbk.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Celosia 2";src:url("assets/fonts/celosia-2.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Colors Of Autumn";src:url("assets/fonts/colors-of-autumn.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--body:"FZ Lanting Heavy Flat","PingFang SC",sans-serif;--display:"Celosia 2","FZ Lanting Heavy Flat",sans-serif;--mono:"Celosia 2","FZ Lanting Heavy Flat",sans-serif;--accent-font:"Colors Of Autumn",sans-serif;--metal:#181918;--metal-light:#30312f;--paper:#eee9db;--ink:#141513;--red:#ed241b;--editorial-pad:clamp(24px,4.8vw,82px);--font-weight:400;--catalog-tilt:-7deg;--tile-opacity:.55;--time-reveal:420ms;--key-size:clamp(165px,13vw,195px);--floor-button:48px}
body{font-family:var(--body);font-weight:400;background:#181918;color:var(--paper)}h1,h2,h3,strong,b,button{font-weight:400}button,input,select,textarea{font-family:var(--body)}:lang(en){font-family:var(--display)}
.gallery-floor,.manifesto-floor,.keycap-floor,.services,.contact{position:relative;color:var(--paper);background:repeating-linear-gradient(0deg,#ffffff03 0px,transparent 1px 3px),radial-gradient(ellipse at 20% 0%,#44433f44,transparent 60%),linear-gradient(120deg,#181918,#202120 44%,#101110);isolation:isolate}
.editorial-section-head,.editorial-section-foot{position:relative;z-index:4;display:flex;justify-content:space-between;gap:30px;margin-inline:var(--editorial-pad);align-items:start}
.editorial-section-head{padding-top:56px;padding-bottom:26px;border-bottom:1px solid #d4c5a533}.editorial-section-head>span:first-child{font:11px var(--display);letter-spacing:.08em;max-width:200px}.editorial-section-head h2{font:clamp(25px,3.2vw,55px)/.94 var(--display);letter-spacing:-.025em;max-width:600px}.editorial-section-head h2 em{font:clamp(18px,2.2vw,36px)/1.2 var(--accent-font);display:inline-block;transform:rotate(-4deg);color:#cbbd9f;margin-top:8px}.section-note{font-size:10px;line-height:1.9;color:#b9b9aa;text-align:right;max-width:230px}.editorial-section-foot{align-items:center;border-top:1px solid #d4c5a533;padding-top:17px;padding-bottom:28px;font:10px var(--display);letter-spacing:.04em}.editorial-section-foot a{font-family:var(--body);font-size:11px}.editorial-section-foot a:hover{color:var(--red)}
/* 01. Full-bleed cinematic poster: asymmetry and a large type contrast. */
.hero .hero-pressure{left:3%;top:17%;width:94%;height:62%}.hero-title-stack{position:relative;width:100%;height:100%}.hero .hero-title-stack .shuffle-parent{font-family:var(--display);font-weight:400;line-height:.87;letter-spacing:-.025em;white-space:nowrap;color:var(--red);text-align:left!important;text-transform:none}.hero-going{position:absolute;top:0;left:0;font-size:clamp(120px,18.7vw,350px)!important}.hero-up{position:absolute;top:40%;right:4%;font-size:clamp(190px,29vw,510px)!important}.hero .hero-script{top:44%;left:11%;font:clamp(27px,3.8vw,58px)/.82 var(--accent-font);transform:rotate(-9deg);white-space:normal;text-transform:none}.hero .hero-statement{top:59%;left:11%;right:50%;text-align:left}.hero .hero-statement h1{font:clamp(26px,3vw,48px)/1.14 var(--body);letter-spacing:-.07em;white-space:normal}.hero .hero-statement>p{font:9px/1.7 var(--body);letter-spacing:.08em;margin-top:18px}.hero-brandbar>span,.hero-contact-link,.poster-edge,.poster-edition{font-family:var(--display)}.hero-brandbar>span{font-size:9px;line-height:1.35}.hero .hero-bottom{bottom:12%;right:calc(var(--hero-pad) + 84px)}.hero .hero-actions{gap:28px}.hero-work-link{font-size:16px;gap:35px}.hero .door-toggle{bottom:11.6%}.poster-cross{top:78%}.hero .edge-left{top:44%;left:3%}.hero .edge-right{top:44%;right:3%}
/* Larger, tactile lift controls in every scene. */
.floor-panel{width:94px;right:14px;padding:18px 12px 12px;gap:14px}.floor-panel>a{width:62px;gap:6px}.floor-number{width:var(--floor-button);height:var(--floor-button);font:25px var(--display)}.floor-name{font-size:10px}.panel-display{width:64px;height:49px}.panel-caption{font-size:8px}.panel-screw{font-size:16px}.on-hero .floor-panel{width:440px;height:84px;bottom:19px;padding:10px 14px}.on-hero .floor-panel>a{width:62px;gap:6px}.on-hero .floor-number{width:48px;height:48px;font-size:24px}.on-hero .floor-name{font-size:10px}.hero .door-toggle{width:64px;height:64px}
.floor-panel{background:linear-gradient(100deg,#20221e,#494a43 40%,#252721);color:#d8d6c7;border-color:#737365;box-shadow:inset 0 0 0 2px #151712,inset 0 0 0 3px #737564,4px 8px 24px #0008}.floor-panel::before{opacity:.18}.panel-screw{color:#999d8a}.floor-number{background:radial-gradient(circle at 35% 25%,#93948d,#5d6057 75%,#363a31);color:#eff0e4;box-shadow:0 2px 3px #0f140aaa,inset 1px 1px 1px #fff7,0 0 0 2px #9ca28f}
/* 02. Project index on a tilted plane; drifting original art behind it. */
.gallery-floor{height:auto;min-height:100svh;padding:0;overflow:hidden}.works-gallery{position:relative;height:clamp(570px,68svh,680px);min-height:0;margin-top:20px;isolation:isolate}.gallery-loading{padding:40px var(--editorial-pad);font:24px var(--display)}
.gallery-guides{position:absolute;inset:-20% -5% -20%;background:repeating-linear-gradient(90deg,transparent 0 119px,#ddd5bb12 120px),repeating-linear-gradient(0deg,transparent 0 72px,#ddd5bb0d 73px);transform:perspective(1300px) rotateY(21deg) rotateX(9deg) rotateZ(var(--catalog-tilt));pointer-events:none;z-index:0}
.gallery-wall{position:absolute;inset:-13% -24% -6% 35%;z-index:1;opacity:.4;pointer-events:auto}.gallery-wall .drift-wall{width:100%;height:100%}.gallery-wall .drift-wall__tile img{object-fit:contain}.gallery-wall .drift-wall__inner{border:1px solid #cfcaaf55;background:#191c18}.gallery-wall .drift-wall__plane{filter:saturate(.8)}
.catalog-plane{position:absolute;top:50%;left:var(--editorial-pad);width:67%;max-width:1040px;transform:translateY(-50%) perspective(1500px) rotateY(20deg) rotateX(8deg) rotateZ(var(--catalog-tilt));transform-origin:20% center;transform-style:preserve-3d;z-index:3}
.catalog-row{position:relative;display:grid;grid-template-columns:minmax(135px,.85fr) minmax(300px,2.6fr);gap:22px;align-items:center;width:100%;height:83px;border:0;background:none;color:var(--paper);text-align:left;padding:5px 0;transform-style:preserve-3d;transition:transform var(--time-reveal),color var(--time-reveal);outline-offset:4px}
.catalog-brand{display:flex;gap:10px;align-items:center;min-height:45px;padding:8px 10px;border:1px solid #e6dec470;background:linear-gradient(120deg,#c6ccba0c,#181b1700);box-shadow:4px 5px 0 #0003;transform:translateZ(25px)}.catalog-number{font:14px var(--display);color:#d7c4a1;border-right:1px solid #d5c5a544;padding-right:9px}.catalog-brand strong{font:clamp(10px,1.25vw,19px)/1.05 var(--display)}.catalog-description{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #c4c4ae33;padding:6px 0 12px}.catalog-description>strong{font:clamp(22px,2.3vw,36px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap}.catalog-description>span{font:10px var(--body);color:#a9ad9c;display:flex;justify-content:space-between;gap:12px}.catalog-description i{font:16px var(--display);color:#d0b993}.catalog-row:hover,.catalog-row.is-active{transform:translateZ(22px) translateX(8px);color:#fff8e9}.catalog-row:hover .catalog-brand,.catalog-row.is-active .catalog-brand{border-color:#ed241b;background:#ed241b22}.catalog-row:hover .catalog-number,.catalog-row.is-active .catalog-number{color:var(--red)}.mobile-project-image{display:none}
.catalog-row{height:75px}
.gallery-feature{position:absolute;z-index:5;right:10.5%;top:50%;width:clamp(225px,22vw,345px);height:480px;max-height:65svh;padding:0;color:var(--paper);border:1px solid #d9d1b94d;box-shadow:18px 30px 45px #0008;background:#242720c9;transform:translateY(-45%) perspective(1200px) rotateY(-13deg) rotateZ(7deg);opacity:.32;transition:opacity var(--time-reveal),transform var(--time-reveal),box-shadow var(--time-reveal);backdrop-filter:blur(15px);display:flex;flex-direction:column}.gallery-feature.is-visible{opacity:1;transform:translateY(-50%) perspective(1200px) rotateY(-3deg) rotateZ(3deg);box-shadow:20px 34px 60px #000a}.feature-caption,.feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;font:8px var(--display);letter-spacing:.03em;flex:none}.feature-caption{border-bottom:1px solid #d9d1b92b}.feature-image{display:block;flex:1;min-height:0;padding:10px}.feature-image img{width:100%;height:100%;object-fit:contain}.feature-bottom{border-top:1px solid #d9d1b92b;font-size:10px;min-height:46px}.feature-bottom strong{font-family:var(--display)}.feature-bottom>span{font:8px var(--body);white-space:nowrap}
/* 03. One vertical axis, independently delayed bilingual bands. */
.manifesto-floor{padding:0;overflow:clip}.compact-head h2{font-size:clamp(28px,3.6vw,62px)}.manifesto-experience{width:min(100% - var(--editorial-pad)*2,1280px);margin:24px auto 0}.manifesto-controls,.manifesto-caption{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px var(--display);letter-spacing:.04em;color:#b3b6a8}.manifesto-controls>div{display:flex;gap:6px;align-items:center}.manifesto-controls button{font:10px var(--body);padding:9px 11px;background:none;border:1px solid #c2b99f44;color:#c9c9b9}.manifesto-controls button[aria-pressed=true]{background:#eee9db;color:#11150e}.manifesto-controls .rotation-toggle{margin-left:9px;font-size:9px}.manifesto-stage{position:relative;perspective:1200px;display:flex;flex-direction:column;justify-content:center;height:calc(100svh - 210px);min-height:610px;max-height:850px;padding-block:22px;touch-action:pan-y;cursor:grab}.manifesto-axis{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#b7bb9f33,transparent);pointer-events:none}.manifesto-band{position:relative;height:8.1%;min-height:38px;flex:none;perspective:1200px;transform-style:preserve-3d}.manifesto-band-rotor{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--manifesto-angle,0deg));transition:transform 850ms cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--band-index)*14ms)}.manifesto-face{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center;white-space:nowrap;font:clamp(26px,3.8vw,61px)/1 var(--body);transform:translateZ(28px)}.manifesto-en{transform:rotateY(180deg) translateZ(28px);font:clamp(22px,3.2vw,53px)/1 var(--display)}.manifesto-band:nth-of-type(4) .manifesto-face,.manifesto-band:nth-of-type(8) .manifesto-face{color:var(--red)}.manifesto-face .shuffle-parent{font:inherit;line-height:1;letter-spacing:inherit;white-space:nowrap;color:inherit;text-transform:none}.manifesto-face .shuffle-char-wrapper{vertical-align:middle!important}.manifesto-side{position:absolute;top:44%;font:15px/1.2 var(--body);writing-mode:vertical-rl;letter-spacing:.13em;color:#d0d0be;pointer-events:none}.side-launch{left:6%}.side-refresh{right:6%}.manifesto-autumn{position:absolute;bottom:6%;left:4%;font:25px var(--accent-font);transform:rotate(-9deg);color:#b8a17c;pointer-events:none}.manifesto-caption{border-top:1px solid #c1b29233;padding-block:14px}.manifesto-intro{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1.35fr auto;align-items:end;gap:35px;margin-inline:var(--editorial-pad);padding:25px 0 38px;border-top:1px solid #c1b29233;font-size:11px;line-height:1.9;color:#b6baaa}.manifesto-intro p:lang(en){font:15px/1.5 var(--display);max-width:470px;color:#c1bead}.manifesto-intro a{font-size:11px;white-space:nowrap;color:var(--paper);border-bottom:1px solid #adad94;padding-bottom:6px}.is-dragging .manifesto-band-rotor{transition:none;transition-delay:0s}.manifesto-experience.is-reduced .manifesto-band-rotor{transition:none;transition-delay:0s}.manifesto-experience.is-reduced .manifesto-cn[aria-hidden=true],.manifesto-experience.is-reduced .manifesto-en[aria-hidden=true]{visibility:hidden}
/* 04. Five sculpted keycaps: a theme at rest, the reasoning on focus. */
.thinking.keycap-floor{padding:0;overflow:hidden}.keycap-layout{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.5fr);gap:7vw;margin:65px calc(var(--editorial-pad) + 80px) 60px var(--editorial-pad);align-items:center}.keycap-case{max-width:300px;align-self:center;color:#b8baa9}.keycap-case>span{font:11px var(--display);letter-spacing:.05em}.keycap-case>img{width:180px;max-height:250px;object-fit:contain;margin-block:25px 20px;opacity:.85}.keycap-case h3{font:24px var(--body);color:var(--paper);margin-bottom:17px}.keycap-case p{font-size:12px;line-height:1.9}.keycap-case small{display:block;font-size:9px;line-height:1.8;color:#8d9584;margin-top:25px}.keycap-cluster{display:grid;grid-template-columns:repeat(2,var(--key-size));justify-content:center;gap:17px 20px;perspective:1000px;padding-right:40px}.thinking-key{position:relative;display:block;width:var(--key-size);height:var(--key-size);border:1px solid #a29f9277;border-radius:22px;background:linear-gradient(140deg,#c6c7bd,#989c91 68%,#6c7364);box-shadow:inset 3px 4px 4px #eeeee388,inset -7px -13px 14px #222b2280,12px 19px 22px #0009;transform:rotateX(7deg) rotateY(-9deg);color:#151a12;padding:0;text-align:left;transition:transform 260ms,box-shadow 260ms}.keycap-face{position:absolute;inset:9px 17px 24px 10px;padding:17px 14px;display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(135deg,#d4d4ca,#c1c4b8 72%,#b2b6aa);box-shadow:inset 1px 2px 4px #f8f8e488,inset -3px -6px 9px #747b6b55,4px 7px 9px #5b625044;overflow:hidden}.keycap-top{display:flex;align-items:start;justify-content:space-between;font:16px var(--display);letter-spacing:.04em}.keycap-top i{font:29px/1 var(--display);font-style:normal}.keycap-face>strong{font:clamp(25px,2.5vw,40px)/1.1 var(--body);margin-top:auto;letter-spacing:-.04em;transition:transform 260ms}.keycap-en{font:12px/1.1 var(--display);letter-spacing:.01em;margin-top:8px;transition:opacity 260ms}.keycap-detail{position:absolute;left:14px;right:14px;top:55%;opacity:0;transform:translateY(9px);font:11px/1.7 var(--body);transition:opacity 260ms,transform 260ms;pointer-events:none}.thinking-key.is-active,.thinking-key:focus-visible{transform:rotateX(0) rotateY(-4deg) translateY(-6px);box-shadow:inset 3px 4px 4px #eeeee388,inset -7px -13px 14px #222b2280,15px 25px 30px #000a}.thinking-key.is-active .keycap-face>strong{transform:translateY(-70px);font-size:25px}.thinking-key.is-active .keycap-en{opacity:0}.thinking-key.is-active .keycap-detail{opacity:1;transform:none}.thinking-key.is-active .keycap-top{color:var(--red)}.key-3,.key-4{left:58px}.key-5{grid-column:1 / -1;justify-self:center;left:43px}.key-5 .keycap-face>strong{font-size:26px}
.keycap-layout{margin-top:38px;margin-bottom:30px}.keycap-detail{font-size:10px;line-height:1.6}.thinking-key.is-active .keycap-face>strong{transform:translateY(-48px);font-size:22px}
@media(min-width:901px){.editorial-section-head,.editorial-section-foot{margin-right:calc(var(--editorial-pad) + 100px)}.manifesto-experience{width:min(100% - var(--editorial-pad)*2 - 100px,1280px);margin-right:calc(var(--editorial-pad) + 100px);margin-left:auto}}
/* Continuity through the remaining floors and project reader. */
.services .section-shell,.contact-content{padding-top:60px;padding-bottom:65px}.services .services-header h2,.service-front .service-row h3,.process h3,.contact h2{font-family:var(--body);font-weight:400}.service-back .service-row h3,.services .section-line,.console-top,.console-bottom,.process span{font-family:var(--display)}.services{padding:0}.services .service-console{background:linear-gradient(120deg,#292a27,#181a17);border-color:#777a6455;box-shadow:inset 0 0 0 3px #12190f,15px 20px 30px #0005}.service-row{border-color:#7d836544}.service-row p,.services-header>p,.process p{color:#b5bba6}.process>div{border-color:#7d836566}.contact .contact-content{color:var(--paper)}.contact h2{font-size:clamp(38px,4.1vw,68px)}.contact .body-copy{color:#afb5a1}.contact .email-link{font-family:var(--display);color:var(--paper);border-color:#9b9f8355}.brief-form label>span,.form-note,.form-title,.contact-copy .eyebrow{color:#b9bead}.brief-form input,.brief-form select,.brief-form textarea{color:var(--paper);border-color:#8a947b77}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#7c886e}.brief-form select{color-scheme:dark}.brief-preview{background:#30312c;border-color:#6b785e}.brief-preview textarea{background:#242620;color:var(--paper);border-color:#6c795e}.brief-preview p{color:#c8cebb}.brief-preview .button-outline{color:var(--paper);border-color:#9ba388}.project-dialog{background:#20211e;color:var(--paper)}.dialog-toolbar{background:#292b25;color:var(--paper);border-color:#77835e66}.dialog-inner .dialog-deck,.dialog-inner .dialog-meta,.dialog-inner .case-note{color:#b6c2a6}.dialog-inner h2{font-family:var(--body);font-weight:400}.case-grid p{color:#cbd2c2}.dialog-facts{border-color:#71806266}.dialog-facts span{color:#cbd2c2}.dialog-footer{border-color:#71806266}.button-dark{background:#d1d5c4;color:#16200d}.button-dark:hover{background:#eceedd}.contact-sticker{font-family:var(--display)}.site-footer{background:#181a16;font-family:var(--display)}
@media(min-width:1500px){.catalog-plane{width:66%;left:6%}.catalog-row{height:91px}.works-gallery{height:770px}.gallery-feature{right:11%}}
@media(max-width:1100px) and (min-width:901px){.catalog-plane{width:71%;left:3%}.catalog-row{grid-template-columns:155px 1fr;gap:15px}.catalog-description>strong{font-size:26px}.catalog-brand strong{font-size:12px}.gallery-feature{right:11%;width:235px;height:400px}.keycap-layout{gap:20px;grid-template-columns:.65fr 1.5fr}.keycap-cluster{padding-right:30px;gap:15px}.key-3,.key-4{left:30px}.key-5{left:25px}.hero-up{font-size:31vw!important}.hero .hero-statement{right:45%}.hero .hero-bottom{bottom:17%}.hero .door-toggle{bottom:16.6%}}
@media(max-width:900px){.floor-panel,.on-hero .floor-panel{left:12px;right:12px;top:auto;bottom:12px;transform:none;width:auto;height:84px;flex-direction:row;justify-content:space-around;gap:0;padding:9px 10px}.floor-panel>a,.on-hero .floor-panel>a{width:58px;gap:6px}.floor-number,.on-hero .floor-number{width:43px;height:43px;font-size:23px}.floor-name,.on-hero .floor-name{font-size:10px}.panel-display,.panel-caption,.panel-screw{display:none}.hero .hero-pressure{top:21%;height:50%}.hero-going{font-size:19vw!important}.hero-up{font-size:33vw!important;top:40%;right:2%}.hero .hero-script{top:44%;left:11%;font-size:4.5vw}.hero .hero-statement{top:59%;right:45%;left:11%}.hero .hero-statement h1{font-size:4.2vw}.hero .hero-bottom{bottom:17%}.hero .door-toggle{bottom:16.5%}.hero .hero-statement>p{font-size:8px}.editorial-section-head{gap:20px;padding-top:40px}.editorial-section-head>span:first-child{font-size:9px;max-width:120px}.section-note{font-size:9px;max-width:160px}.works-gallery{height:760px;min-height:0}.catalog-plane{left:4%;width:85%;top:45%;transform:translateY(-50%) perspective(1500px) rotateY(12deg) rotateX(6deg) rotateZ(-6deg)}.catalog-row{height:90px;grid-template-columns:170px 1fr;gap:18px}.catalog-description>strong{font-size:26px}.catalog-brand strong{font-size:13px}.gallery-feature{width:215px;height:300px;right:6%;top:71%;opacity:.2;pointer-events:none}.gallery-feature.is-visible{opacity:.95}.gallery-wall{left:10%;right:-50%;opacity:.3}.editorial-section-foot{font-size:8px}.manifesto-stage{min-height:590px}.manifesto-face{font-size:4.9vw}.manifesto-en{font-size:4vw}.manifesto-autumn{font-size:20px;bottom:3%}.manifesto-side{font-size:12px;left:2%}.side-refresh{left:auto;right:2%}.manifesto-intro{grid-template-columns:1fr 1fr;gap:20px}.manifesto-intro a{grid-column:2}.keycap-layout{margin-right:var(--editorial-pad);gap:25px;grid-template-columns:.7fr 1.4fr}.keycap-case>img{width:135px}.keycap-cluster{--key-size:175px;padding-right:24px;gap:13px}.key-3,.key-4{left:25px}.key-5{left:18px}.keycap-detail{font-size:9px;top:53%;line-height:1.5}.thinking-key.is-active .keycap-face>strong{transform:translateY(-50px);font-size:21px}.keycap-case h3{font-size:20px}.keycap-case>span{font-size:9px}.keycap-en{font-size:10px}.keycap-top{font-size:14px}.keycap-top i{font-size:22px}.keycap-face{padding:12px}.keycap-layout{margin-block:45px}.hero .hero-statement>p{max-width:250px}}
@media(max-width:600px){:root{--editorial-pad:23px;--key-size:158px}.hero .hero-pressure{top:21%;left:4%;width:92%;height:48%}.hero-going{font-size:21vw!important;left:0;top:0}.hero-up{font-size:48vw!important;top:35%;right:1%}.hero .hero-script{top:39%;left:9%;font-size:7vw;line-height:.82}.hero .hero-statement{top:61%;left:9%;right:38%;text-align:left}.hero .hero-statement h1{font-size:7vw;line-height:1.2;letter-spacing:-.07em;white-space:normal}.hero .hero-statement>p{font-size:7px;line-height:1.8;margin-top:13px;letter-spacing:0;max-width:190px}.hero .hero-bottom{left:9%;bottom:18%;right:calc(var(--hero-pad) + 75px)}.hero .hero-actions{gap:20px}.hero-work-link{font-size:13px;gap:16px}.hero-meet-link{font-size:9px}.hero .door-toggle{bottom:17%;width:57px;height:57px}.poster-cross{top:74%;font-size:16px}.hero .hero-brandbar>span{font-size:6px}.hero .poster-edge{display:none}.editorial-section-head{display:grid;grid-template-columns:1fr auto;gap:16px 10px;padding-top:35px;padding-bottom:23px}.editorial-section-head>span:first-child{font-size:9px;max-width:none;grid-column:1/-1}.editorial-section-head h2{font-size:28px;max-width:240px}.editorial-section-head h2 em{font-size:22px;line-height:1}.editorial-section-head .section-note{font-size:8px;max-width:135px;align-self:end}.editorial-section-foot{font-size:7px;gap:20px;align-items:end;padding-block:15px 24px}.editorial-section-foot a{font-size:9px;max-width:160px;text-align:right}.works-gallery{height:auto;min-height:0;margin:10px var(--editorial-pad) 25px}.gallery-wall,.gallery-feature{display:none}.gallery-guides{inset:0;transform:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#ddd5bb08 80px)}.catalog-plane{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:none;display:flex;flex-direction:column;gap:26px;padding-top:20px}.catalog-row{height:auto;display:grid;grid-template-columns:1fr;gap:0;padding:0;transform:none!important;border:1px solid #b5bba038;background:#252c2077;overflow:hidden}.catalog-brand{position:relative;z-index:2;border:0;border-bottom:1px solid #b5bba02b;transform:none;padding:12px;min-height:40px;gap:11px;box-shadow:none;background:transparent}.catalog-brand strong{font-size:15px}.catalog-number{font-size:15px}.catalog-description{grid-row:3;padding:15px 13px 13px;border:0;gap:9px}.catalog-description>strong{font-size:24px;white-space:normal;line-height:1}.catalog-description>span{font-size:9px}.mobile-project-image{display:block;grid-row:2;height:340px;padding:12px;opacity:.65;transition:opacity var(--time-reveal)}.mobile-project-image img{width:100%;height:100%;object-fit:contain}.catalog-row:hover .mobile-project-image,.catalog-row:focus-visible .mobile-project-image{opacity:1}.catalog-row.is-active .catalog-brand{border-color:#ed241b55}.manifesto-experience{width:calc(100% - 34px);margin-top:19px}.manifesto-controls{font-size:7px;gap:6px}.manifesto-controls button{font-size:8px;padding:8px}.manifesto-controls .rotation-toggle{margin-left:2px;font-size:7px}.manifesto-controls>span{max-width:90px;line-height:1.3}.manifesto-stage{height:590px;min-height:0;max-height:none;padding-block:32px}.manifesto-band{height:8%;min-height:35px}.manifesto-face{font-size:clamp(22px,6.2vw,29px);transform:translateZ(14px)}.manifesto-en{font-size:clamp(14px,4.05vw,19px);transform:rotateY(180deg) translateZ(14px)}.manifesto-side{font-size:10px;top:42%;left:0}.side-refresh{left:auto;right:0}.manifesto-autumn{font-size:17px;bottom:1%;left:3%}.manifesto-caption{font-size:7px;padding-block:12px}.manifesto-intro{display:block;margin-inline:var(--editorial-pad);padding-block:20px 32px;font-size:10px;line-height:1.9}.manifesto-intro p:lang(en){font-size:13px;margin-top:15px}.manifesto-intro a{display:inline-block;margin-top:20px;font-size:10px}.keycap-layout{display:flex;flex-direction:column;gap:35px;margin:32px var(--editorial-pad) 40px}.keycap-case{display:grid;grid-template-columns:80px 1fr;gap:9px 18px;max-width:none;width:100%}.keycap-case>span{grid-column:1/-1;font-size:8px}.keycap-case>img{width:80px;height:105px;margin:4px 0;grid-row:2/5;align-self:center}.keycap-case h3{font-size:21px;margin:7px 0 0}.keycap-case p{font-size:10px;line-height:1.7}.keycap-case small{font-size:8px;line-height:1.6;margin:0}.keycap-case small br{display:none}.keycap-cluster{--key-size:145px;gap:12px;justify-content:center;width:100%;padding-right:13px}.thinking-key{border-radius:18px}.keycap-face{inset:7px 12px 19px 8px;border-radius:12px;padding:11px 10px}.keycap-face>strong{font-size:25px}.keycap-top{font-size:12px}.keycap-top i{font-size:19px}.keycap-en{font-size:8px;line-height:1.05;margin-top:6px}.keycap-detail{font-size:8px;line-height:1.5;left:10px;right:10px;top:47%}.thinking-key.is-active .keycap-face>strong{transform:translateY(-39px);font-size:18px}.key-3,.key-4{left:13px}.key-5{left:9px}.key-5 .keycap-face>strong{font-size:22px}.key-5.is-active .keycap-face>strong{font-size:17px}.keycap-floor .editorial-section-foot>span{max-width:130px;line-height:1.4}.services .section-shell,.contact-content{padding-top:45px;padding-bottom:50px}.services .services-header h2{font-size:32px}.service-front .service-row h3{font-size:38px}.service-back .service-row h3{font-size:29px}.service-row p{font-size:10px}.contact h2{font-size:38px}.contact .body-copy{font-size:11px}.contact .email-link{font-size:20px}.brief-form label>span{font-size:10px}.brief-form input,.brief-form select,.brief-form textarea{font-size:12px}.dialog-inner h2{font-size:30px}.case-grid p{font-size:11px;line-height:1.9}.dialog-deck{font-size:12px}}
@media(max-width:360px){.hero .hero-actions{gap:13px}.hero .hero-statement h1{font-size:7vw}.catalog-description>strong{font-size:21px}.manifesto-controls .rotation-toggle{font-size:6px;padding:8px 5px}.keycap-cluster{--key-size:132px;gap:10px}.keycap-detail{font-size:7px;line-height:1.45}.thinking-key.is-active .keycap-face>strong{transform:translateY(-34px)}}
@media(prefers-reduced-motion:reduce){.catalog-plane{transform:none}.catalog-row{transform:none!important}.gallery-feature,.gallery-feature.is-visible{transform:translateY(-50%)}.manifesto-band-rotor{transition:none!important}.thinking-key,.thinking-key.is-active{transform:none}.manifesto-autumn{transform:none}.shuffle-parent{will-change:auto}.gallery-wall .drift-wall__plane{will-change:auto}.hero .hero-title-stack .shuffle-parent{visibility:visible}}
@media(max-width:900px){html,body{overflow-x:clip}.floor-panel,.on-hero .floor-panel{width:calc(100vw - 24px);right:auto}.contact-showcase{overflow:hidden}.contact-word{font-size:17vw;max-width:calc(100% - 42px)}}

@media(min-width:901px){.manifesto-autumn{bottom:0;left:auto;right:2%;font-size:18px;transform:rotate(-5deg)}}
/* V03.3 — service rows use the same real two-sided turn as the manifesto. */
.service-language-controls{display:flex;align-items:center;gap:10px}.service-rotation-toggle{border:1px solid #c2b99f44;background:none;padding:8px 10px;color:#c9c9b9;font:9px var(--body)}
.service-turn-stage{position:relative;height:460px;perspective:1200px;touch-action:pan-y;cursor:grab;user-select:none;display:flex;flex-direction:column;padding-block:10px}
.service-turn-band{position:relative;flex:1;min-height:0;perspective:1200px;transform-style:preserve-3d;border-bottom:1px solid #7d836544}.service-turn-band:last-child{border-bottom:0}
.service-turn-rotor{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--manifesto-angle,0deg));transition:transform 850ms cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--band-index)*14ms)}
.service-turn-face{position:absolute;inset:0;display:grid;grid-template-columns:35px minmax(0,1fr) minmax(150px,.45fr);gap:20px;align-items:center;padding:14px 8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg) translateZ(18px)}
.service-turn-en{transform:rotateY(180deg) translateZ(18px)}
.service-turn-number{font:10px var(--display);color:var(--red)}.service-turn-face h3{font:clamp(38px,5.5vw,85px)/1.07 var(--body);letter-spacing:-.065em}.service-turn-en h3{font:clamp(30px,3.5vw,56px)/.98 var(--display);letter-spacing:-.01em}.service-turn-face h3>span{display:block}
.service-turn-face .service-turn-title{display:block;font:inherit;line-height:inherit;letter-spacing:inherit;white-space:nowrap;text-align:left!important;text-transform:none}
.service-turn-face p{font:12px/1.75 var(--body);color:#b5bba6}.service-turn-en p{font:11px/1.8 var(--display)}.service-turn-face p>span{display:block}
.is-dragging .service-turn-rotor{transition:none;transition-delay:0s}.service-turn-experience.is-reduced .service-turn-rotor{transition:none;transition-delay:0s}
@media(max-width:1100px){.service-turn-face{grid-template-columns:26px minmax(0,1fr) 150px;gap:15px}.service-turn-face h3{font-size:58px}.service-turn-en h3{font-size:39px}.service-turn-face p{font-size:11px}.service-turn-en p{font-size:9px}}
@media(max-width:600px){.service-language-controls{gap:6px}.service-rotation-toggle{font-size:7px;padding:7px 6px}.service-turn-stage{height:500px}.service-turn-face{grid-template-columns:20px minmax(0,1fr);gap:6px 10px;align-content:center;padding:12px 0;transform:rotateY(0deg) translateZ(12px)}.service-turn-en{transform:rotateY(180deg) translateZ(12px)}.service-turn-number{align-self:start;margin-top:8px;font-size:8px}.service-turn-face h3{font-size:38px}.service-turn-en h3{font-size:29px}.service-turn-face p{grid-column:2;font-size:10px;line-height:1.6;margin-top:4px}.service-turn-en p{font-size:8px;line-height:1.5}.service-turn-face p>span{display:inline}.service-turn-face p>span+span::before{content:' '}.service-turn-experience .console-top{font-size:6px;gap:5px}.service-turn-experience .console-top>span{max-width:115px}}
@media(prefers-reduced-motion:reduce){.service-turn-rotor{transition:none!important}.service-turn-face[aria-hidden=true]{visibility:hidden}}