@font-face{font-family:Inter Tight;src:url('assets/fonts/InterTight.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--u:1px;--ink:#eeeede;--muted:#85908b;--lime:#c1fa00;--bg:#020d0d;--line:rgba(217,230,205,.18);--duration:1000ms;--ease:cubic-bezier(.76,0,.24,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink)}body{font-family:'Inter Tight','Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none;padding:0;text-align:left}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--bg)}.icon{display:inline-block;width:calc(20 * var(--u));height:calc(20 * var(--u));object-fit:contain;vertical-align:middle;filter:invert(1)}.lime .icon,.round-arrow .icon{filter:none}
.site-header{position:fixed;inset:calc(27 * var(--u)) 3.8vw auto;display:flex;align-items:flex-start;justify-content:space-between;z-index:30;font-size:calc(11 * var(--u));letter-spacing:.055em}.brand{font-size:calc(40 * var(--u));font-weight:800;line-height:.9;letter-spacing:-.065em}.brand>span{font-size:.6em;vertical-align:super;letter-spacing:0}.brand small{display:block;margin-top:calc(11 * var(--u));font-size:calc(9 * var(--u));font-weight:450;letter-spacing:.18em}.site-header nav{display:flex;gap:calc(31 * var(--u));align-items:center;padding-top:calc(15 * var(--u));margin-left:calc(140 * var(--u))}.site-header nav a{color:#c1c7bd;transition:color .25s}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--lime)}.site-header nav sup{color:var(--muted);font-size:.65em;margin-left:3px}.site-header nav .icon{width:calc(12 * var(--u));height:calc(12 * var(--u));margin-left:calc(9 * var(--u))}
#pages{position:relative;width:100%;height:100%;isolation:isolate}.page{position:absolute;inset:0;overflow:hidden;visibility:hidden;pointer-events:none;background:var(--bg);z-index:0}.page.is-active{visibility:visible;pointer-events:auto;z-index:2}.page.is-leaving{visibility:visible;z-index:1;pointer-events:none}.page.is-entering{z-index:3}.backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1)}.page.is-entering{animation:page-arrive var(--duration) var(--ease) both}.page.is-leaving{animation:none}.is-up .page.is-entering{animation-name:page-arrive-up}.is-returning-shared .page.is-leaving{z-index:4;animation:page-cover-leave var(--duration) var(--ease) both}.is-up.is-returning-shared .page.is-leaving{animation-name:page-cover-leave-up}.is-returning-shared .page.is-entering,.is-shared-switch .page.is-entering{animation:none}.page.is-entering,.is-returning-shared .page.is-leaving{will-change:transform}
.eyebrow{position:absolute;top:13.3%;left:5.6%;font-size:calc(10 * var(--u));font-weight:450;letter-spacing:.13em;color:#949b90}.chapter-label{position:absolute;top:13.3%;right:5.8%;font-size:calc(9 * var(--u));letter-spacing:.11em;color:#91998c}.copy{position:absolute;left:5.6%;top:29%;width:44%}.overline{font-size:calc(10 * var(--u));letter-spacing:.17em;line-height:1.5;font-weight:450;color:#929c8d;margin:0 0 calc(33 * var(--u))}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.055em;font-size:calc(116 * var(--u));line-height:.96;margin-bottom:calc(30 * var(--u))}h1 em,h2 em{font-family:'Instrument Serif',Georgia,serif;letter-spacing:-.025em;font-size:1.12em;font-weight:400;line-height:.83}h2{font-size:calc(103 * var(--u))}.cn{font-size:calc(13 * var(--u));letter-spacing:.07em;line-height:1.9;color:#b7c0b1;margin-bottom:calc(28 * var(--u))}.bottom-caption{position:absolute;bottom:13.3%;left:5.6%;font-size:calc(9 * var(--u));letter-spacing:.12em;color:#889084}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:calc(35 * var(--u));min-height:calc(57 * var(--u));padding:calc(18 * var(--u)) calc(23 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.025em;border:1px solid transparent;transition:background .25s,transform .25s,color .25s}.button:hover{transform:translateY(-3px)}.button.lime{background:var(--lime);color:#102600}.button.lime:hover{background:#d9ff50}.button.outline{border-color:#607361;color:#dfe4d5}.button.outline:hover,.button.outline[aria-pressed=true]{background:#1d392c;color:var(--lime)}
.reveal{opacity:0;transform:translateY(calc(38 * var(--u)));transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1)}.is-active .reveal{opacity:1;transform:translateY(0);transition-delay:calc(220ms + var(--delay,0ms))}.is-leaving .reveal{opacity:0;transform:translateY(calc(-25 * var(--u)));transition-delay:0ms;transition-duration:.35s}.is-up .is-leaving .reveal{transform:translateY(calc(25 * var(--u)))}
.person-copy{top:30%}.person h2{font-size:calc(115 * var(--u))}.person h2 em{font-size:1.1em;white-space:nowrap}.person .backdrop>img{object-position:center}.unexpected-copy{top:29.5%}.unexpected h2{font-size:calc(116 * var(--u))}.unexpected .button{min-width:calc(199 * var(--u));margin-top:calc(10 * var(--u))}
.curiosity-panel{position:absolute;left:58%;top:23%;width:34.7%}.curiosity-panel h2{font-size:calc(85 * var(--u));margin-bottom:calc(28 * var(--u))}.curiosity-panel .overline{margin-bottom:calc(20 * var(--u))}.curiosity-panel>.cn{font-size:calc(12 * var(--u));max-width:90%;margin-bottom:calc(42 * var(--u))}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:calc(15 * var(--u))}.tabs button{font-size:calc(12 * var(--u));color:#88988a;flex:1;padding:calc(13 * var(--u)) calc(3 * var(--u));border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.tabs button[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.discipline-card{display:flex;background:rgba(7,29,23,.93);min-height:calc(220 * var(--u));border:1px solid rgba(102,137,87,.11)}.discipline-text{padding:calc(26 * var(--u)) calc(21 * var(--u));flex:1}.discipline-text .overline{font-size:calc(9 * var(--u));color:var(--lime);margin-bottom:calc(14 * var(--u))}.discipline-text h3{font-size:calc(21 * var(--u));letter-spacing:-.025em;margin-bottom:calc(10 * var(--u));font-weight:500}.discipline-text p{font-size:calc(11 * var(--u));line-height:1.9;color:#98aa96;margin-bottom:calc(18 * var(--u))}.discipline-card>img{width:26%;object-fit:cover;object-position:center}.chips{display:flex;gap:calc(9 * var(--u));align-items:center;flex-wrap:wrap}.chips>span{font-size:calc(9 * var(--u));padding:calc(5 * var(--u)) calc(9 * var(--u));border:1px solid rgba(161,185,132,.25);color:#b9c6a4;border-radius:calc(20 * var(--u))}.exploring{position:relative;margin-top:calc(28 * var(--u));border-top:1px solid var(--line);padding-top:calc(15 * var(--u))}.exploring>span{font-size:calc(9 * var(--u));letter-spacing:.13em;color:#889c80}.exploring p{font-size:calc(13 * var(--u));color:#c3ccba;margin-top:calc(11 * var(--u))}
.work-heading{position:absolute;top:15.3%;left:5.6%;right:5.6%;display:flex;align-items:flex-end;justify-content:space-between}.work-heading h2{font-size:calc(95 * var(--u));margin-bottom:0}.work-intro{padding-bottom:calc(13 * var(--u));width:25.2%}.work-intro p{font-size:calc(13 * var(--u));line-height:1.9;color:#b0baab;margin-bottom:calc(13 * var(--u))}.work-intro>span{font-size:calc(8 * var(--u));letter-spacing:.09em;color:#6b7c70}.projects{position:absolute;top:35.1%;left:5.6%;right:5.6%;display:grid;grid-template-columns:1fr 1fr;gap:calc(54 * var(--u))}.project{display:block;min-width:0}.project-picture{position:relative;display:block;width:100%;height:43vh;overflow:hidden;background:#0b1410}.project-picture>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.project:hover .project-picture>img{transform:scale(1.035)}.round-arrow{position:absolute;right:calc(18 * var(--u));bottom:calc(18 * var(--u));width:calc(52 * var(--u));height:calc(52 * var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center;transition:transform .3s}.project:hover .round-arrow{transform:rotate(45deg)}.project-details{display:flex;justify-content:space-between;margin-top:calc(20 * var(--u));font-size:calc(11 * var(--u));letter-spacing:.04em}.project-details strong{font-weight:600;display:block}.project-details small{display:block;font-size:calc(10 * var(--u));margin-top:calc(9 * var(--u));color:#809284}.project-type{text-align:right;font-size:calc(8 * var(--u));color:#78897c;line-height:2}.work-pagination{position:absolute;left:5.6%;right:5.6%;bottom:10.3%;display:flex;gap:calc(10 * var(--u));align-items:center}.pager{width:calc(33 * var(--u));height:calc(33 * var(--u));display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:calc(9 * var(--u));color:#799481}.pager.is-selected{color:var(--lime);border-color:#7d9d4a}.work-pagination>span{font-size:calc(8 * var(--u));letter-spacing:.12em;color:#62776a;margin-left:auto}
.thought-copy{top:28%;width:25%}.thought-copy h2{font-size:calc(83 * var(--u));margin-bottom:calc(50 * var(--u))}.thought-copy .overline{font-size:calc(9 * var(--u))}.process-list{display:flex;flex-direction:column;gap:calc(21 * var(--u));width:calc(208 * var(--u))}.process-list button{font-size:calc(12 * var(--u));padding-bottom:calc(13 * var(--u));border-bottom:1px solid var(--line);color:#768b74;letter-spacing:.05em}.process-list button span{display:inline-grid;place-items:center;font-size:calc(8 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));margin-right:calc(18 * var(--u));border:1px solid #394632;border-radius:50%}.process-list button.is-selected{color:#c3ddaa}.process-list button.is-selected>span:first-child{background:var(--lime);border-color:var(--lime);color:#132000}.process-note{position:absolute;top:31%;right:6.3%;width:20.5%}.process-note .overline{font-size:calc(9 * var(--u));margin-bottom:calc(24 * var(--u))}.process-preview{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:calc(28 * var(--u))}.process-preview img{width:calc(180 * var(--u));height:calc(180 * var(--u));object-fit:cover;object-position:30% center}.process-preview>span{font-family:'Instrument Serif',serif;color:#a2c35a;font-size:calc(64 * var(--u));line-height:1}.process-note h3{font-size:calc(23 * var(--u));margin-bottom:calc(16 * var(--u));font-weight:500}.process-note>p:last-child{font-size:calc(12 * var(--u));line-height:1.9;color:#99b18d;max-width:calc(290 * var(--u))}
.afterhours-copy{top:27.7%;width:32%}.afterhours-copy h2{font-size:calc(89 * var(--u));margin-bottom:calc(33 * var(--u))}.afterhours-copy .overline{margin-bottom:calc(21 * var(--u))}.feature-image{width:100%;height:18.5vh;display:block;overflow:hidden;position:relative}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature-image:hover img{transform:scale(1.06)}.feature-title{font-size:calc(26 * var(--u));font-weight:500;margin:calc(22 * var(--u)) 0 calc(10 * var(--u));letter-spacing:-.02em}.afterhours-copy .cn{font-size:calc(11 * var(--u));margin-bottom:calc(16 * var(--u))}.case-footer{position:absolute;left:5.6%;right:5.6%;bottom:10.2%;padding-top:calc(18 * var(--u));display:flex;align-items:center;border-top:1px solid var(--line);font-size:calc(9 * var(--u));letter-spacing:.08em;color:#8caaa3}.case-footer p{margin:0 0 0 calc(120 * var(--u));font-size:calc(8 * var(--u))}.case-footer a{margin-left:auto}.case-footer .icon{width:calc(12 * var(--u));height:calc(12 * var(--u));margin-left:calc(14 * var(--u))}
.frequency-copy{position:absolute;top:24%;left:59%;width:35%}.frequency-copy h2{font-size:calc(94 * var(--u));margin-bottom:calc(27 * var(--u))}.frequency-copy>.overline{font-size:calc(9 * var(--u));margin-bottom:calc(20 * var(--u))}.frequency-card{border:1px solid rgba(133,198,211,.23);background:rgba(0,24,43,.85)}.frequency-art{display:block;object-fit:cover;width:100%;height:18vh;object-position:center}.frequency-controls{display:flex;border-bottom:1px solid rgba(138,190,202,.2)}.frequency-controls button{flex:1;text-align:center;padding:calc(13 * var(--u)) calc(6 * var(--u));font-size:calc(11 * var(--u));color:#8faab0;border-right:1px solid rgba(138,190,202,.18)}.frequency-controls button:last-child{border-right:0}.frequency-controls button[aria-selected=true]{background:var(--lime);color:#183000}.frequency-description{padding:calc(22 * var(--u)) calc(23 * var(--u))}.frequency-description h3{font-size:calc(22 * var(--u));margin-bottom:calc(12 * var(--u));font-weight:500}.frequency-description p{font-size:calc(11 * var(--u));line-height:1.9;color:#99b4b9;margin-bottom:calc(17 * var(--u))}.frequency .case-footer{color:#90c3cf}
.wardrobe-copy{top:30%;width:30%}.wardrobe-copy h2{font-size:calc(106 * var(--u))}.wardrobe-copy .cn{margin-top:calc(35 * var(--u))}.outfit-controls{display:flex;gap:calc(22 * var(--u));align-items:center;margin:calc(34 * var(--u)) 0 calc(35 * var(--u))}.circle-button{width:calc(42 * var(--u));height:calc(42 * var(--u));border:1px solid #334d3b;border-radius:50%;display:grid;place-items:center;transition:background .2s}.circle-button:hover{background:#294129}.circle-button .icon{width:calc(17 * var(--u));height:calc(17 * var(--u))}.outfit-controls>span{font-size:calc(10 * var(--u));letter-spacing:.09em;color:#809881}.outfit-name{font-size:calc(24 * var(--u));font-weight:600;margin-bottom:calc(14 * var(--u));letter-spacing:-.01em}.outfit-caption{font-size:calc(11 * var(--u));color:#79927d;letter-spacing:.03em}.outfit-stage{position:absolute;top:18%;left:33.5%;width:55%;height:64%;display:flex;align-items:center;justify-content:center;perspective:1400px}.outfit-main{height:100%;width:54%;position:relative;z-index:2;background:#bd9be8;box-shadow:0 calc(20 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.28);overflow:hidden}.outfit-main img{width:100%;height:100%;object-fit:cover;display:block}.outfit-main>span{position:absolute;bottom:calc(15 * var(--u));left:0;right:0;text-align:center;color:#193120;font-size:calc(9 * var(--u));letter-spacing:.12em}.outfit-side{position:absolute;width:43%;height:83%;overflow:hidden;background:#8dbfa4;transition:transform .5s,filter .5s;filter:brightness(.75)}.outfit-side img{width:100%;height:100%;object-fit:cover}.outfit-side-prev{left:0;transform:rotateY(17deg) rotateZ(-5deg)}.outfit-side-next{right:0;transform:rotateY(-17deg) rotateZ(5deg)}.outfit-side:hover{filter:brightness(1)}.outfit-thumbnails{position:absolute;right:5.7%;top:20%;height:60%;display:flex;flex-direction:column;gap:calc(5 * var(--u));width:calc(69 * var(--u))}.outfit-thumbnail{min-height:0;flex:1;border:1px solid transparent;opacity:.56;overflow:hidden;transition:opacity .25s,border-color .25s}.outfit-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top}.outfit-thumbnail[aria-pressed=true]{opacity:1;border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.outfit-thumbnail:hover{opacity:1}.wardrobe-instruction{position:absolute;bottom:11%;left:43%;right:15%;text-align:center;font-size:calc(9 * var(--u));color:#536d5e;letter-spacing:.1em}.outfit-main.is-changing img{animation:outfit-change .45s cubic-bezier(.2,.7,.2,1)}
.offduty-copy{top:29%;width:39%}.offduty-copy h2{font-size:calc(99 * var(--u))}.offduty .cn{color:#dddbcb}.offduty-cards{display:flex;gap:calc(15 * var(--u));margin-top:calc(75 * var(--u))}.offduty-cards button{background:rgba(7,32,24,.94);flex:1;padding:calc(22 * var(--u));border:1px solid rgba(174,204,139,.17);transition:background .2s}.offduty-cards button:hover{background:#1e3b29}.offduty-cards span{font-size:calc(9 * var(--u));color:#8cab93;letter-spacing:.1em;display:block;margin-bottom:calc(17 * var(--u))}.offduty-cards strong{font-weight:500;font-size:calc(13 * var(--u));display:flex;justify-content:space-between}.offduty-cards .icon{width:calc(14 * var(--u));height:calc(14 * var(--u))}.text-link{display:inline-flex;align-items:center;gap:calc(35 * var(--u));font-size:calc(10 * var(--u));margin-top:calc(28 * var(--u));color:#cac6b2}.text-link .icon{width:calc(12 * var(--u));height:calc(12 * var(--u))}.contact-bar{position:absolute;bottom:13%;left:5.6%;right:5.6%;padding:calc(28 * var(--u)) calc(33 * var(--u));background:rgba(0,24,14,.96);display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(129,168,95,.15)}.contact-bar .overline{font-size:calc(9 * var(--u));margin-bottom:calc(15 * var(--u));display:block;color:#78b965}.contact-bar .overline .icon{height:calc(10 * var(--u));width:calc(10 * var(--u));margin-left:calc(9 * var(--u))}.contact-bar h2{font-family:inherit;font-size:calc(28 * var(--u));font-weight:500;letter-spacing:.01em;margin:0}.contact-actions{display:flex;gap:calc(16 * var(--u))}.contact-actions .button{min-width:calc(180 * var(--u))}.contact .backdrop>img{object-position:center}
.page-rail{position:fixed;right:calc(15 * var(--u));top:32%;bottom:26%;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(25 * var(--u));width:calc(25 * var(--u))}.rail-name{writing-mode:vertical-rl;font-size:calc(8 * var(--u));letter-spacing:.14em;color:#9bab9e}.rail-number{font-size:calc(8 * var(--u));white-space:nowrap;writing-mode:vertical-rl;color:#a5b49b;letter-spacing:.12em}#page-dots{display:flex;flex-direction:column;gap:calc(12 * var(--u))}.page-dot{width:calc(12 * var(--u));height:calc(12 * var(--u));display:grid;place-items:center}.page-dot::after{content:'';height:calc(3 * var(--u));width:calc(3 * var(--u));min-width:2px;min-height:2px;background:#617466;border-radius:50%;transition:background .25s,transform .25s}.page-dot[aria-current=true]::after{background:var(--lime);transform:scale(1.6)}.site-footer{position:fixed;left:5.6%;right:5.6%;bottom:calc(31 * var(--u));display:flex;align-items:center;justify-content:space-between;z-index:20;font-size:calc(8 * var(--u));letter-spacing:.09em;color:#87988b}.scroll-prompt{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:calc(12 * var(--u));border:1px solid rgba(207,226,199,.16);border-radius:calc(30 * var(--u));padding:calc(9 * var(--u)) calc(15 * var(--u));font-size:calc(8 * var(--u));color:#b1beac}.scroll-prompt .icon{height:calc(10 * var(--u));width:calc(10 * var(--u))}.back-top{font-size:calc(8 * var(--u));letter-spacing:.09em;color:inherit}.back-top .icon{height:calc(10 * var(--u));width:calc(10 * var(--u));margin-left:calc(9 * var(--u))}.toast{position:fixed;bottom:calc(95 * var(--u));left:50%;transform:translate(-50%,15px);opacity:0;z-index:60;background:#113421;color:#e1efc3;border:1px solid #527337;box-shadow:0 8px 40px #0005;border-radius:3px;padding:15px 25px;font-size:13px;line-height:1.7;max-width:80vw;pointer-events:none;transition:opacity .25s,transform .25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
dialog{width:min(920px,76vw);max-height:84vh;overflow:auto;background:#061a15;color:var(--ink);border:1px solid #49633b;padding:0;box-shadow:0 20px 120px #0008}dialog::backdrop{background:rgba(0,8,7,.78);backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:20px;top:20px;width:38px;height:38px;border:1px solid #799a62;background:#0b2419;display:grid;place-items:center;z-index:2}.dialog-close .icon{width:18px;height:18px}.dialog-image{display:block;max-height:48vh;width:100%;object-fit:cover}.dialog-copy{padding:35px 40px}.dialog-copy .overline{font-size:10px;margin-bottom:20px}.dialog-copy h2{font-size:45px;margin-bottom:20px}.dialog-copy p{font-size:14px;line-height:1.9;color:#afbeaa;max-width:620px}.dialog-copy .chips>span{font-size:10px}.dialog-copy .button{font-size:13px;padding:14px 20px;margin-top:15px;min-height:48px}.dialog-copy .button .icon{width:18px;height:18px}.noscript-note{position:fixed;bottom:20px;left:20px;z-index:100;padding:15px;background:#173925}
@keyframes page-arrive{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes page-arrive-up{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}@keyframes page-cover-leave{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-100%,0)}}@keyframes page-cover-leave-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}@keyframes outfit-change{from{opacity:.2;transform:translateX(14px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(min-aspect-ratio:2/1){.copy{left:8%}.page .eyebrow{left:8%}.projects{left:8%;right:8%}.work-heading{left:8%;right:8%}.curiosity-panel{left:58%;width:30%}.outfit-stage{width:46%;left:37%}.outfit-thumbnails{right:11%}}
@media(max-aspect-ratio:3/2){.person .backdrop>img{object-position:56% center}.curiosity-panel{left:55%;width:37%}.frequency-copy{left:56%;width:37%}.outfit-stage{left:34%;width:54%;height:55%;top:23%}.outfit-thumbnails{top:24%;height:53%}.afterhours-copy{width:36%}.projects{top:36%}.project-picture{height:38vh}.wardrobe-copy{width:33%}.offduty-copy{width:44%}.thought .backdrop>img{object-position:48% center}}
@media(prefers-reduced-motion:reduce){:root{--duration:80ms}.reveal,.is-active .reveal{transition:none;transform:none}.page.is-leaving{animation:none}.outfit-main.is-changing img{animation:none}.project-picture>img,.feature-image img{transition:none}}
/* Desktop compositions and screenshot-specific detail. */
.site-header nav{position:absolute;left:50%;transform:translateX(-50%);margin-left:0;white-space:nowrap;font-weight:550;font-size:calc(12 * var(--u));gap:calc(33 * var(--u))}
.curiosity .backdrop{width:64%;background:#020b10}
.curiosity .backdrop>img{object-position:center top;width:100%;height:115%;object-fit:cover}
.curiosity-panel{top:19.7%;width:36.2%}
.curiosity-panel>.cn{font-size:calc(15 * var(--u));line-height:1.9;margin-bottom:calc(37 * var(--u));max-width:100%}
.curiosity-panel h2{font-size:calc(88 * var(--u));margin-bottom:calc(32 * var(--u))}
.discipline-card{min-height:calc(270 * var(--u))}
.discipline-card>img{width:29%}
.discipline-text .text-link{margin-top:calc(18 * var(--u));font-size:calc(12 * var(--u));color:#bbd866}
.discipline-text h3{font-size:calc(25 * var(--u))}
.discipline-text p{font-size:calc(13 * var(--u))}
.work-heading{top:14.1%}
.work-heading h2{font-size:calc(95 * var(--u))}
.projects{top:32.8%}
.project-picture{height:49vh}
.project.is-highlighted .project-picture{outline:2px solid var(--lime);outline-offset:5px}
.thought-copy{top:24.4%;width:24%}
.thought-copy h2{font-size:calc(80 * var(--u));margin-bottom:calc(34 * var(--u))}
.thought-copy .cn{font-size:calc(15 * var(--u));margin-bottom:calc(52 * var(--u))}
.process-list{width:100%;gap:calc(23 * var(--u))}
.process-list button{display:flex;align-items:center;padding-bottom:calc(21 * var(--u))}
.process-list button>span:first-child{width:calc(38 * var(--u));height:calc(38 * var(--u));font-size:calc(10 * var(--u));flex:none}
.process-list button .process-label{display:block;width:auto;height:auto;margin:0;border:none;border-radius:0;font-size:calc(20 * var(--u));text-align:left;background:none;color:inherit}
.process-list .process-label small{display:block;font-size:calc(10 * var(--u));letter-spacing:.13em;margin-top:calc(8 * var(--u))}
.process-hint{font-size:calc(10 * var(--u));color:#6f8476;margin-top:calc(25 * var(--u))}
.process-note{top:24.4%;right:5.7%;width:20%}
.process-preview{position:relative;border:1px solid var(--line);height:calc(185 * var(--u))}
.process-preview img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.process-preview>span{position:absolute;right:calc(15 * var(--u));bottom:calc(12 * var(--u));font-family:inherit;font-size:calc(48 * var(--u));letter-spacing:-.06em}
.process-note h3{font-size:calc(27 * var(--u))}
.process-note #process-description{font-size:calc(15 * var(--u));line-height:1.9;max-width:none}
.process-note .chips{margin-top:calc(26 * var(--u))}
.process-note .chips>span{font-size:calc(11 * var(--u));border-radius:0}
.process-note .text-link{color:#b7dc6c;font-size:calc(12 * var(--u));margin-top:calc(20 * var(--u))}
.afterhours-copy{top:19%;width:31.5%}
.afterhours-copy h2{font-size:calc(88 * var(--u));margin-bottom:calc(28 * var(--u))}
.project-meta{font-size:calc(10 * var(--u));letter-spacing:.1em;color:#9ab0a1;margin-bottom:calc(15 * var(--u));display:flex;justify-content:space-between}
.nightshift-tabs{margin-bottom:calc(14 * var(--u))}
.nightshift-tabs button{padding-top:calc(13 * var(--u));padding-bottom:calc(13 * var(--u));font-size:calc(12 * var(--u))}
.feature-image{height:18vh}
.feature-image>span{position:absolute;bottom:calc(10 * var(--u));left:calc(13 * var(--u));font-size:calc(9 * var(--u));letter-spacing:.08em;color:#d9e5cb}
.feature-title{font-size:calc(28 * var(--u));margin-top:calc(19 * var(--u))}
.afterhours-copy .cn{font-size:calc(13 * var(--u));line-height:1.9;margin-bottom:calc(17 * var(--u))}
.material-controls{display:flex;gap:calc(22 * var(--u));align-items:center}
.material-controls button{display:flex;gap:calc(8 * var(--u));align-items:center;font-size:calc(11 * var(--u));color:#78937f}
.material-controls button.is-selected{color:var(--lime)}
.material-swatch{display:inline-block;width:calc(24 * var(--u));height:calc(24 * var(--u));background:#17241b;border:1px solid #577442;border-radius:50%}
.material-swatch.neon{background:var(--lime)}
.material-swatch.metal{background:#b8c5bb}
.material-description{font-size:calc(10 * var(--u));line-height:1.7;color:#9bb19d;margin-top:calc(17 * var(--u))}
.frequency-copy{top:18.5%;width:35.4%}
.frequency-copy h2{font-size:calc(94 * var(--u));margin-bottom:calc(24 * var(--u))}
.receiver-meta{display:flex;justify-content:space-between;font-size:calc(9 * var(--u));letter-spacing:.1em;color:#83a4a9;padding:calc(10 * var(--u)) calc(16 * var(--u))}
.frequency-art{height:17vh}
.frequency-description .overline{display:block;font-size:calc(9 * var(--u));margin-bottom:calc(12 * var(--u));color:#a4c279}
.frequency-description p{font-size:calc(13 * var(--u));margin-bottom:0}
.frequency-description{padding:calc(20 * var(--u)) calc(23 * var(--u)) calc(24 * var(--u))}
.frequency-description h3{font-size:calc(26 * var(--u))}
.offduty-copy{top:25.5%}
.offduty-cards{margin-top:calc(54 * var(--u))}
.offduty .backdrop>img{filter:brightness(.86)}
.contact-bar{bottom:11.7%;padding:calc(24 * var(--u)) calc(30 * var(--u))}

.work .eyebrow{top:11.3%}

/* Keep the introduction background beneath page covers throughout both directions. */
.shared-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;visibility:visible;opacity:1}
.shared-backdrop>img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.page.shared-background,.page.shared-background.is-active,.page.shared-background.is-leaving{background:transparent}
.offduty .contact-bar{bottom:11.7%}

/* Videos sit over matching poster frames; only visible scenes play. */
.backdrop>video,.shared-backdrop>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none}
.backdrop>video.is-ready,.shared-backdrop>video.is-ready{opacity:1}
.shared-backdrop>video{object-position:center 48%}
.curiosity .backdrop{width:100%}
.curiosity .backdrop>img{height:100%;object-position:center}
.offduty .backdrop>video{filter:brightness(.86)}
.sound-toggle{position:absolute;top:calc(7 * var(--u));right:0;display:inline-flex;align-items:center;gap:calc(8 * var(--u));padding:calc(9 * var(--u)) calc(12 * var(--u));border:1px solid rgba(217,230,205,.38);border-radius:999px;background:rgba(2,13,13,.52);backdrop-filter:blur(12px);color:#dfe4d5;font-size:calc(10 * var(--u));letter-spacing:.11em;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.sound-toggle:hover,.sound-toggle.is-on{border-color:var(--lime);color:var(--lime)}
.sound-icon{font-size:1.2em;line-height:1}
@media(max-width:760px){.sound-toggle{top:calc(58 * var(--u));right:0}.site-header nav{max-width:65vw;overflow:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}}