:root{--paper:#090b0f;--ink:#eef0f3;--graphite:#12161d;--muted:#a5abb5;--line:#30353e;--silver:#c5cbd3;--ease:cubic-bezier(.16,1,.3,1)}body{background:#090b0f;color:#eef0f3}.preview-note{background:#101318;color:#8c949e;border-bottom:1px solid #222833;font-size:10px;letter-spacing:.06em}.site-header{background:#090c11d9;color:#ebedf0;border-color:#ffffff14;backdrop-filter:blur(20px)}.header-inner{height:84px}.brand img{filter:none}.header-cta{background:#e8ecf1;color:#0d121b;border-color:#e8ecf1}.header-cta:hover{background:#bfc8d6;color:#101722;border-color:#bfc8d6}.desktop-nav{color:#a2a9b5;font-size:12px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#f0f3f8}.desktop-nav a:after{background:#d7e2f7}.dark{background:#11151c;color:#eef0f4;--muted:#a9b1bf;--line:#313a49}.footer{background:#050609;color:#cbd3df;border-color:#293241}.footer-small{border-color:#2d3441;color:#8794a9}.footer a:hover{color:#eaf0ff}.footer .brand img{filter:none}.label{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.15em;color:#9ba7bb}.section-heading{font-size:clamp(43px,5.5vw,86px);letter-spacing:-.055em}.lead{font-size:clamp(26px,2.8vw,43px);letter-spacing:-.04em}.section{position:relative}.btn{border-radius:7px;font-size:12px;min-height:46px}.btn-black,.btn-white{background:#e7ecf4;color:#0e131c;border-color:#e7ecf4}.btn-black:hover,.btn-white:hover{background:#bac8dd;color:#101622;border-color:#bac8dd}.btn:hover{background:#cad4e3;color:#101622;border-color:#cad4e3}.text-link{border-color:#5e6d85}.text-link:hover{color:#e5eeff}.two-col .label{color:#9cabc1}.body-copy{color:#bac3d0}.muted,.intro-text p{color:#9eaaba}.competence-list a{font-size:23px;color:#c5cfdf;transition:padding .4s,color .4s,background .4s}.competence-list a:hover{background:#ffffff04;color:#eef4ff}.competence-list small{color:#697e9e}.competence-list{border-color:#333f51}.competence-list a{border-color:#293548}.split-feature{background:#0d1118}.split-feature .feature-copy{padding-block:100px}.split-feature>figure{position:relative;overflow:hidden}.split-feature>figure img{object-position:45% center}.split-feature>figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 22px!important;background:linear-gradient(transparent,#000d);color:#b7c3d5}.split-feature img{height:100%}.photo-link{background:#1b222c}.photo-link:hover img{transform:scale(1.055)}.figure-line h3,.figure-line h2{color:#e2e9f4}.figure-line p,.caption,.gallery-notice{color:#8e9eb5}.section-top p{color:#a8b3c5}.company-block .body-copy{color:#aab7ca}.company-block .location{color:#8da2c2}.faq-item{border-color:#2c384b}.faq-item summary{color:#cad7e9}.faq-item summary:hover{color:#f0f6ff}.faq-item p{color:#9eaec7}.contact-section{background:radial-gradient(ellipse at 85% 0%,#20304a55,transparent 48%),#0b0f16;border-top:1px solid #28364b}.contact-title{font-weight:400;font-size:clamp(56px,7.6vw,120px)}.contact-aside p{color:#9cacc4}.form-note{color:#94a4bc}.field input,.field textarea,.field select{border-color:#3d4c64;color:#d9e5f8}.field label{color:#9fb0cb}.optional-fields{border-color:#33435c}.optional-fields summary{color:#a7bad5}.chip{border-color:#3f506b;color:#aabedc}.chip:has(input:checked){background:#c5d3e8;color:#111b2b}.field input::placeholder,.field textarea::placeholder{color:#7f90aa}.page-intro{background:radial-gradient(ellipse at 85% 0%,#1f2f4e44,transparent 60%),#090c11;border-bottom:1px solid #293344}.page-intro h1{font-size:clamp(60px,7.4vw,119px);color:#dee6f3}.page-intro p{color:#a2b2cb}.page-intro>.label{color:#8098b9}.page-intro .intro-bottom{margin-top:45px}.filters{border-color:#36465f}.filter{border-color:#465772;color:#9eb2d0;border-radius:6px}.filter[aria-pressed=true]{background:#c5d3e9;color:#0b1525;border-color:#c5d3e9}.filter:hover{border-color:#a8bdda;color:#dbe9ff}.filter[aria-pressed=true]:hover{color:#111b2b}.collection .image-button{border-radius:3px}.image-button:after{background:#0c1523bd;color:#d4e4fa;border:1px solid #9fb4d955;backdrop-filter:blur(14px);border-radius:5px}.selection-bar{border-color:#40516b;color:#b2c7e7}.archive-grid figure>.archive-image{background:#dfe3e9}.material-tabs{border-color:#37485f}.material-tabs details{border-color:#37485f}.material-tabs summary{color:#c6d7ef}.material-tabs p{color:#9dafc9}.cotton-teaser{background:#121a25;color:#e0e9f6}.cotton-teaser p{color:#9eb1ce}.cotton-teaser>div{background:radial-gradient(ellipse at 80% 50%,#263d5c55,transparent 75%)}.cotton-note{color:#97aaca}.year{color:#c6d1e2;font-family:Georgia,'Times New Roman',serif;font-style:italic}.video-section h2{color:#d4e0f2}.video-section p{color:#a0b1ca}.wide-photo img{will-change:transform}.lightbox{background:#0c121d;color:#d0e0f7;border:1px solid #6983a6}.lightbox-caption{color:#97b0d3}.lightbox button{border-color:#617da3}.lightbox::backdrop{background:#02050de8;backdrop-filter:blur(12px)}.back-top{color:#9cb4d5}.mobile-nav{background:#0d121c;color:#c7d7ef}.mobile-nav a{border-color:#32435f}.preview-note a{color:#a0b2ce}.reveal{transition:transform 1s var(--ease);transform:translateY(25px)}.reveal.in-view{transform:none}
.motion-story{height:320svh;position:relative;background:#06080c}.cinema-stage{position:sticky;top:84px;min-height:calc(100svh - 84px);height:calc(100svh - 84px);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#1c29364a,transparent 50%),#06080c}.cloth-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block;pointer-events:none}.cloth-fallback{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;opacity:.35;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 40%)}.gl-ready .cloth-fallback{opacity:0}.stage-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06080cd9,transparent 72%),linear-gradient(0deg,#06080c,transparent 30%)}.stage-grain{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.08;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}.stage-layout{position:relative;min-height:100%;display:flex;align-items:center;padding-block:90px 145px;pointer-events:none}.scene-copy{max-width:660px;pointer-events:auto;animation:scene-enter .8s var(--ease) both}.scene-kicker{font:10px/1.8 'Courier New',monospace;letter-spacing:.19em;text-transform:uppercase;color:#8097b7;display:flex;align-items:center;gap:13px;margin-bottom:35px}.scene-kicker:before{content:'';display:block;width:5px;height:5px;background:#b6c9e8;box-shadow:0 0 16px #8caee5}.scene-title{font:400 clamp(70px,7.6vw,118px)/.94 Arial,Helvetica,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:0}.scene-title em{font:italic 400 1.15em/.9 Georgia,'Times New Roman',serif;letter-spacing:-.07em;text-transform:none;color:#aebed4;display:block;margin:7px 0 10px}.scene-copy>p{font-size:13px;line-height:1.9;max-width:335px;color:#9baac1;margin-top:29px}.scene-copy .actions{margin-top:30px;gap:12px}.scene-copy .btn{font-size:11px;gap:23px;padding:12px 19px}.scene-copy .btn-outline{color:#acbfdc;border-color:#52647d;background:#17223733;backdrop-filter:blur(12px)}.scene-copy .btn-outline:hover{color:#131f32;background:#d5e0f1}.scene-quiet-link{font-size:11px;color:#9eb2d1;padding-block:10px;border-bottom:1px solid #5d7696}.stage-topline{position:absolute;top:25px;left:64px;right:64px;display:flex;justify-content:space-between;gap:24px;align-items:center;font:9px/1.5 'Courier New',monospace;letter-spacing:.14em;color:#6f87a7;z-index:5}.stage-topline .stage-status{color:#91a9cc}.stage-topline .stage-status:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#b7d7ca;margin-right:10px}.stage-bottom{position:absolute;bottom:28px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;z-index:6}.scene-nav{display:flex;gap:20px;align-items:center}.scene-nav button{background:none;border:0;border-bottom:1px solid #2b3b51;padding:12px 0;color:#627e9f;font:10px/1.5 'Courier New',monospace;min-height:44px;display:flex;gap:15px;align-items:center;text-align:left;transition:color .3s,border-color .3s}.scene-nav button[aria-pressed=true]{color:#d0e3ff;border-color:#a8bfdc}.scene-nav button:hover{color:#dceaff}.scene-nav button span{font-size:8px;color:#667c9a;letter-spacing:.1em}.stage-spec{padding:17px 21px;border:1px solid #b7cde22b;background:#344a6520;backdrop-filter:blur(20px);border-radius:8px;color:#a2b7d5;min-width:215px;box-shadow:0 12px 35px #0002}.stage-spec>span{font:8px 'Courier New',monospace;color:#6d87a7;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:8px}.stage-spec strong{font-size:13px;line-height:1.5;font-weight:400}.stage-spec small{font-size:10px;color:#758cac;display:block;margin-top:5px}.stage-pause{position:absolute;right:64px;top:80px;z-index:6;border:1px solid #50668280;border-radius:6px;padding:8px 13px;min-height:38px;background:#2e405a26;backdrop-filter:blur(12px);color:#849ec3;font:9px 'Courier New',monospace}.scroll-progress{height:1px;position:absolute;bottom:0;left:0;right:0;background:#26344860;z-index:8}.scroll-progress span{height:100%;width:100%;display:block;transform:scaleX(var(--scene-progress,0));transform-origin:left;background:linear-gradient(90deg,#3c506c,#c1d9fa)}.scroll-hint{position:absolute;right:67px;top:45%;writing-mode:vertical-rl;font:8px 'Courier New',monospace;letter-spacing:.18em;color:#526c8d;z-index:6}.cinema-interlude{background:#0b1017;border-top:1px solid #39465a77;border-bottom:1px solid #39465a77}.interlude-inner{display:flex;justify-content:space-between;gap:25px;padding-block:26px;align-items:center}.interlude-inner p{font-size:13px;color:#879bb9}.interlude-inner p span{color:#d1e0f5}.interlude-inner a{font-size:11px;color:#9db6dc}.cinema-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.scene-number{font:italic 400 66px Georgia,serif;color:#536f93}.cinema-subhead{font:italic 400 clamp(39px,5vw,74px)/1.1 Georgia,serif;text-transform:none;letter-spacing:-.05em;color:#9cb2d0}.magazine-card{position:relative}.magazine-card .photo-link{border:1px solid #d6e4fa12}.magazine-card:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:3px;box-shadow:inset 0 1px 0 #fff1}.spec-label{font:9px 'Courier New',monospace;color:#7e97bd;letter-spacing:.13em}.cinema-stage[data-scene='1'] .stage-atmosphere{background:linear-gradient(90deg,#06080ce8,transparent 65%),linear-gradient(0deg,#06080c,transparent 25%)}.cinema-stage[data-scene='2'] .stage-atmosphere{background:linear-gradient(90deg,#06080ce8,transparent 65%),linear-gradient(0deg,#06080c,transparent 25%)}
@keyframes scene-enter{from{opacity:.3;transform:translateY(17px)}to{opacity:1;transform:none}}
@media(max-width:1240px){.stage-topline{left:38px;right:38px}.stage-bottom{left:38px;right:38px}.stage-pause{right:38px}.scroll-hint{right:39px}.scene-title{font-size:8.2vw}.scene-copy{max-width:570px}.stage-spec{min-width:190px}.scene-nav{gap:17px}}
@media(max-width:1050px){.cinema-stage{top:76px;height:calc(100svh - 76px);min-height:calc(100svh - 76px)}.header-inner{height:76px}.scene-copy{max-width:520px}.scene-nav{gap:16px}.scene-nav button{gap:10px}.scene-nav button span{display:none}.stage-spec{min-width:180px}.scene-title{font-size:8.8vw}.stage-layout{padding-top:75px}.stage-pause{top:65px}.section-heading{font-size:clamp(43px,5.7vw,70px)}}
@media(max-width:760px){.header-inner{height:72px}.scene-copy{max-width:100%;position:relative;z-index:2}.motion-story{height:280svh}.cinema-stage{top:72px;height:calc(100svh - 72px);min-height:720px}.stage-layout{align-items:flex-end;padding-top:220px;padding-bottom:139px}.scene-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:20px;max-width:250px}.scene-title{font-size:clamp(57px,14.5vw,94px);line-height:.97;letter-spacing:-.065em;max-width:440px}.scene-title em{font-size:1.1em}.scene-copy>p{font-size:12px;line-height:1.8;max-width:290px;margin-top:20px}.scene-copy .actions{margin-top:22px;gap:12px}.scene-copy .btn{font-size:10px;padding:11px 15px;gap:16px;min-height:43px}.scene-quiet-link{font-size:10px}.stage-topline{left:22px;right:22px;top:20px;font-size:8px;letter-spacing:.07em;align-items:start}.stage-topline>span:first-child{max-width:130px}.stage-status{max-width:120px;text-align:right}.stage-bottom{left:22px;right:22px;bottom:17px;align-items:center}.scene-nav{gap:22px}.scene-nav button{font-size:10px;min-width:35px;justify-content:center}.stage-spec{min-width:0;padding:11px 13px;max-width:180px}.stage-spec>span{font-size:7px;margin-bottom:5px}.stage-spec strong{font-size:11px}.stage-spec small{display:none}.stage-pause{right:22px;top:63px;font-size:8px;min-height:35px;padding:8px 10px}.scroll-hint{display:none}.cloth-fallback{width:100%;height:68%;mask-image:linear-gradient(0deg,transparent,#000 50%)}.stage-atmosphere{background:linear-gradient(0deg,#06080c 0%,#06080cd9 28%,transparent 75%)}.cinema-stage[data-scene='1'] .stage-atmosphere,.cinema-stage[data-scene='2'] .stage-atmosphere{background:linear-gradient(0deg,#06080c 0%,#06080cd9 28%,transparent 75%)}.interlude-inner{display:block;padding-block:22px}.interlude-inner p{font-size:12px;margin-bottom:12px}.interlude-inner a{font-size:11px}.cinema-section-head{align-items:start;flex-direction:column;gap:20px}.cinema-subhead{font-size:42px}.scene-number{font-size:45px}.section-heading{font-size:43px}.page-intro h1{font-size:clamp(43px,11.5vw,79px)}.split-feature .feature-copy{padding-block:65px}.contact-title{font-size:clamp(44px,12.5vw,75px)}.mobile-nav{top:72px}.preview-note{font-size:9px;letter-spacing:0;line-height:1.5}}
@media(max-width:360px){.scene-title{font-size:14.2vw}.scene-copy>p{font-size:11px;max-width:265px}.stage-layout{padding-bottom:130px;padding-top:210px}.scene-kicker{font-size:8px}.stage-spec{max-width:150px}.stage-spec strong{font-size:10px}.stage-topline{left:17px;right:17px}.stage-bottom{left:17px;right:17px}.stage-pause{right:17px}.scene-copy .actions{gap:10px}.scene-copy .btn{font-size:10px;padding:10px 12px;gap:12px}.scene-nav{gap:14px}.page-intro h1{font-size:10.4vw}.contact-title{font-size:12vw}.section-heading{font-size:38px}}
@media(prefers-reduced-motion:reduce){.motion-story{height:auto}.cinema-stage{position:relative;top:0;min-height:800px;height:auto}.stage-layout{min-height:800px}.scene-copy{animation:none}.scroll-hint{display:none}.stage-pause{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{transform:none}.photo-link:hover img{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.preview-note{display:none}
.no-js .motion-story,.motion-story:has([data-webgl="unavailable"]){height:auto}
.no-js .cinema-stage,.cinema-stage[data-webgl="unavailable"]{position:relative;top:0;height:auto;min-height:800px}
.no-js .stage-layout,.cinema-stage[data-webgl="unavailable"] .stage-layout{min-height:800px}
.no-js .stage-pause{display:none}
.wide-photo{overflow:hidden}
@media(max-width:760px){.stage-atmosphere,.cinema-stage[data-scene='1'] .stage-atmosphere,.cinema-stage[data-scene='2'] .stage-atmosphere{background:linear-gradient(0deg,#06080c 0%,#06080cf5 38%,#06080c88 57%,transparent 80%)}.scene-kicker{color:#9db3d1}}
.stage-pause{background:#0e1624ed;color:#c0d3ee;border-color:#526987}.stage-topline .stage-status{padding:5px 8px;background:#08111fce;border:1px solid #819cbd26;border-radius:4px;color:#aabfdd}

/* Tailoring study: controls and conceptual attribution. */
.piece-rotate{position:absolute;right:64px;bottom:153px;z-index:5;display:flex;gap:18px;align-items:center;border:1px solid #61748b70;border-radius:5px;background:#0a1019bd;backdrop-filter:blur(12px);color:#d1dbe8;padding:11px 15px;min-height:40px;font:11px Arial,sans-serif;cursor:pointer}.piece-rotate span{font-size:19px}.piece-rotate:hover{background:#c1cedf;color:#101620}.piece-rotate:focus-visible{outline:2px solid white;outline-offset:5px}.concept-caption{position:absolute;right:64px;bottom:123px;color:#a2adbd;font:9px/1.5 Arial,sans-serif;max-width:310px;margin:0;letter-spacing:.03em}.stage-atmosphere{background:linear-gradient(90deg,#06080cf5 0%,#06080ce6 27%,#06080c75 45%,transparent 65%),linear-gradient(0deg,#06080c,transparent 26%)}
@media(max-width:1240px){.piece-rotate,.concept-caption{right:38px}}
@media(max-width:760px){.piece-rotate{right:auto;left:22px;top:80px;bottom:auto;font-size:9px;padding:6px 10px;min-height:32px;gap:10px}.concept-caption{right:22px;bottom:87px;font-size:8px;max-width:250px;text-align:right}.stage-atmosphere{background:linear-gradient(0deg,#06080c 0%,#06080cf5 38%,#06080c88 57%,transparent 80%)}}

.component-picker{position:absolute;right:64px;top:140px;z-index:5;text-align:right}.component-picker>span{display:block;font:8px/1.6 'Courier New',monospace;letter-spacing:.13em;color:#9facc1;margin-bottom:10px}.component-picker>div{display:flex;gap:5px}.component-picker button{border:1px solid #687c9655;background:#0a101bd9;backdrop-filter:blur(10px);color:#becbdd;border-radius:4px;min-height:38px;padding:8px 11px;font:10px Arial,sans-serif;cursor:pointer}.component-picker button[aria-pressed=true]{background:#d2dbe8;color:#0c1523}.component-picker button:hover{border-color:#d4e0f2}.component-picker button:focus-visible{outline:2px solid #d4e0f2;outline-offset:3px}
@media(max-width:1240px){.component-picker{right:38px}}
@media(max-width:760px){.component-picker{top:126px;right:22px;left:22px;text-align:center}.component-picker>span{display:none}.component-picker>div{justify-content:center}.component-picker button{font-size:9px;padding:6px 10px;min-height:32px}.concept-caption{max-width:275px}.cloth-canvas{transform:translateY(7px)}}

.no-js .piece-rotate,.cinema-stage[data-webgl="unavailable"] .piece-rotate{display:none}

.skip-scene{position:absolute;left:64px;bottom:130px;z-index:5;color:#a5b1c3;font:10px/1.6 Arial,sans-serif;border-bottom:1px solid #7d91ac66;padding:6px 0}.skip-scene:hover{color:white}.skip-scene:focus-visible{outline:2px solid #d4e0f2;outline-offset:5px}@media(max-width:1240px){.skip-scene{left:38px}}@media(max-width:760px){.skip-scene{left:22px;bottom:85px;font-size:8px}.concept-caption{max-width:190px;font-size:7px;bottom:88px}}