:root{--ink:#060606;--paper:#eee9df;--gold:#ba9870;--muted:#a49c90;--line:rgba(186,152,112,.25);font-family:Outfit,system-ui,sans-serif;color:var(--paper);background:var(--ink)}
html{height:auto;scroll-behavior:smooth;scroll-padding-top:100px}body{height:auto;overflow-x:hidden;overflow-y:auto;font-family:Outfit,system-ui,sans-serif;font-weight:300}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button,a{touch-action:manipulation}::selection{background:#92744d;color:#fff}.skip-link{position:fixed;left:20px;top:-80px;z-index:500;background:var(--paper);color:var(--ink);padding:16px}.skip-link:focus{top:15px}
.site-header{position:absolute;inset:0 0 auto;z-index:90;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 4.3%;border-bottom:1px solid rgba(225,208,182,.13);background:linear-gradient(#060606b3,transparent)}.wordmark{font-family:Cinzel,Georgia,serif;font-size:18px;letter-spacing:.15em;white-space:nowrap}.wordmark span{color:var(--gold)}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header nav a{padding:10px 0;color:#c9c1b5;transition:color .2s}.site-header nav a:hover{color:#fff}.language{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em}.language button{min-height:44px;min-width:32px;padding:5px;color:var(--muted)}.language [aria-pressed=true]{color:var(--paper)}.language>span{color:#71695d}.menu-toggle{display:none}
.hero{width:100%;height:max(820px,100svh);max-height:1300px;cursor:auto}.hero:active{cursor:auto}.vignette{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55) 25%,transparent 53%),linear-gradient(0deg,#060606,transparent 26%,transparent 75%,#06060655)}.hero .copy{left:5.2%;bottom:15%;max-width:460px;pointer-events:auto}.copy .eyebrow{font-size:12px;letter-spacing:.21em;color:#d1b58c;opacity:1;line-height:1.6}.copy h1{font-family:Cinzel,Georgia,serif;font-weight:400;font-size:clamp(52px,5.5vw,88px);line-height:1.03;letter-spacing:-.035em;margin:24px 0 32px}.copy h2{font-size:clamp(17px,1.45vw,23px);line-height:1.5;letter-spacing:.08em;font-weight:400;margin:0 0 16px}.copy .hero-description{font-size:16px;line-height:1.7;letter-spacing:0;opacity:1;color:#b6b0a6;max-width:330px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:14px}.hero-actions a{padding:15px 0;border-bottom:1px solid var(--line)}.hero-actions .primary{padding:15px 20px;background:#c6a87b;color:#14100b;border:1px solid #c6a87b}.hero-actions .primary:hover{background:#dbc198}.scroll-cue{position:absolute;bottom:35px;left:5.2%;right:5.2%;z-index:65;display:flex;justify-content:space-between;align-items:center;color:#b6aa97;font-size:12px;letter-spacing:.18em;padding:12px 0;border-top:1px solid var(--line)}.scroll-cue>span:last-child{font-size:24px}.reveal-control{position:absolute;z-index:65;right:6%;bottom:18%;color:#ccb58f;border:1px solid var(--line);border-radius:30px;padding:13px 22px;font-size:14px;background:#08070566}.top{pointer-events:none}.exe-overlay b{font-family:Cinzel,Georgia,serif;font-size:clamp(26px,5vw,68px);letter-spacing:.18em}.suspended .fx-particles i{animation-play-state:paused}
.selected-work{position:relative;padding:110px 5.2% 90px;background:radial-gradient(ellipse at 50% 0%,#8e633917,transparent 48%),#060606;overflow:hidden}.selected-work:before{content:'';position:absolute;top:0;left:50%;height:75px;width:1px;background:linear-gradient(#bb976b80,transparent)}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:52px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold);line-height:1.7}.work-heading h2{font-family:Cinzel,Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,80px);line-height:1.1;letter-spacing:-.04em;margin:20px 0 0}.work-heading h2 em{font-weight:400;color:var(--gold);font-style:normal}.edition{text-align:right;line-height:1.9;letter-spacing:.12em;font-size:12px;color:#9d9486}.edition>span{color:#6f685e}.work-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.work-track::-webkit-scrollbar{display:none}.work-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.project-visual{display:block;position:relative;aspect-ratio:1.95;overflow:hidden;background:#151310;border:1px solid var(--line)}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s;filter:saturate(.75)}.project-visual:hover img{transform:scale(1.025)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 35%);pointer-events:none}.view-project{position:absolute;right:30px;bottom:26px;z-index:1;background:#0a0908bd;backdrop-filter:blur(8px);border:1px solid #bfa57c77;padding:13px 20px;color:#eee2cf;font-size:14px}.project-info{display:grid;grid-template-columns:50px 1fr minmax(200px,36%);gap:28px;padding:30px 0;align-items:start}.project-number{font-family:Cinzel,Georgia,serif;font-size:23px;color:var(--gold);padding-top:7px}.project-category{font-size:12px;letter-spacing:.13em;color:var(--gold);margin:0 0 9px;line-height:1.6}.project-info h3{font-family:Cinzel,Georgia,serif;font-size:clamp(24px,2.5vw,40px);font-weight:400;line-height:1.3;margin:0}.project-description{font-size:16px;line-height:1.75;color:#aaa398;margin:0}.work-controls{display:flex;align-items:center;gap:45px;padding-top:26px;border-top:1px solid var(--line)}.work-status{font-size:16px;letter-spacing:.1em;white-space:nowrap;margin:0}.muted{color:#756b5e}.work-progress{display:flex;flex:1;max-width:340px;gap:6px}.work-progress button{padding:20px 0;flex:1;min-width:18px}.work-progress span{display:block;height:2px;background:#383027;transition:background .25s}.work-progress [aria-current=true] span{background:var(--gold)}.arrows{display:flex;gap:12px;margin-left:auto}.arrows button{border:1px solid var(--line);border-radius:50%;height:48px;width:48px;font-size:23px}.arrows button:hover:not(:disabled){background:#c6a87b;color:#080706}.reduced .canvas{display:none}.reduced .reveal-control{display:none}.reduced .fx-particles,.reduced .fx-halo,.reduced .fx-shadow{display:none}
@media(min-width:1600px){.hero .copy{left:7%;bottom:20%}.selected-work{padding-left:7%;padding-right:7%}}
@media(max-width:1050px){.site-header nav{gap:18px}.site-header{gap:18px}.wordmark{font-size:16px}.hero .copy{max-width:360px}.copy h1{font-size:60px}.hero{height:max(820px,100svh)}.project-info{grid-template-columns:35px 1fr;gap:20px}.project-description{grid-column:2;max-width:680px}.reveal-control{bottom:23%}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{min-height:80px;padding:15px 6%;gap:14px}.wordmark{font-size:13px;letter-spacing:.12em}.menu-toggle{display:block;font-size:14px;min-height:44px;margin-left:auto}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#090908f5;padding:22px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:5px}.site-header nav.open{display:flex}.language{gap:2px;font-size:12px}.language button{min-width:29px}.hero{height:max(960px,110svh);max-height:none}.stage{bottom:auto;height:70%;}.poster,.canvas{object-position:center}.vignette{background:linear-gradient(0deg,#060606 12%,#060606f5 25%,transparent 63%),linear-gradient(180deg,#06060644,transparent 30%)}.hero .copy{left:7%;right:7%;bottom:105px;max-width:none;transform:none!important}.copy h1{font-size:clamp(43px,10vw,65px);margin:10px 0 16px}.copy h1 br{display:none}.copy h1 br:after{content:' '}.copy h2{font-size:18px}.copy .hero-description{max-width:390px;font-size:16px;line-height:1.6}.copy .eyebrow{font-size:12px;letter-spacing:.15em}.hero-actions{gap:22px;margin-top:20px}.reveal-control{right:7%;bottom:auto;top:39%;padding:10px 15px;background:#09070599}.scroll-cue{left:7%;right:7%;bottom:23px;font-size:11px}.fx-halo{top:22%;width:64vw}.fx-shadow{top:35%;width:80vw}.selected-work{padding:95px 7% 55px}.work-heading{margin-bottom:30px}.work-heading h2{font-size:clamp(30px,7.5vw,52px)}.edition{display:none}.eyebrow{font-size:11px;letter-spacing:.1em}.project-visual{aspect-ratio:1.15}.view-project{right:15px;bottom:15px;padding:10px 14px}.project-info{padding-top:24px;gap:14px;grid-template-columns:26px 1fr}.project-number{font-size:18px}.project-info h3{font-size:25px}.project-description{font-size:15px;line-height:1.7}.project-category{font-size:12px}.work-controls{gap:20px}.arrows{gap:8px}.arrows button{width:44px;height:44px}.work-progress{gap:4px}.work-status{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stage{transform:none!important}.copy{transform:none!important}}
@media(max-width:760px){.copy h1 br{display:initial}.copy h1 br:after{content:none}}

/* Full-home editorial system */
.section-shell{position:relative;padding:clamp(90px,10vw,160px) 5.2%;background:#060606}.section-shell h2{font-family:Cinzel,Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.05}.section-shell h2 em{font-style:normal;color:var(--gold)}
.spectral-divider{position:relative;height:3px;background:#060606;overflow:hidden;isolation:isolate}.spectral-divider:before{content:"";position:absolute;inset:-24px 0;background:radial-gradient(ellipse at center,rgba(70,146,255,.18),transparent 65%);filter:blur(7px)}.spectral-divider span{position:absolute;inset:1px -100%;height:1px;background:linear-gradient(90deg,transparent 0%,#ff3158 12%,#ff9e2d 23%,#f6ed55 34%,#3fffa5 45%,#35bfff 57%,#8c61ff 68%,#f64cdf 79%,#ff3158 90%,transparent 100%);background-size:50% 100%;animation:spectrumTravel 8s linear infinite;filter:drop-shadow(0 0 5px currentColor)}.spectral-divider.reverse span{animation-direction:reverse}@keyframes spectrumTravel{to{transform:translateX(25%)}}
.services-section{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(480px,1.4fr);gap:clamp(60px,9vw,150px);background:radial-gradient(circle at 4% 20%,rgba(142,92,48,.14),transparent 35%),#070706}.section-intro{position:sticky;top:130px;align-self:start}.section-intro h2{font-size:clamp(45px,5.5vw,82px);margin:25px 0 32px}.section-intro>p:last-child{font-size:18px;line-height:1.8;color:#aaa297;max-width:470px}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(190px,.7fr) 28px;gap:22px;align-items:center;padding:34px 8px;border-bottom:1px solid var(--line);transition:background .35s,padding .35s}.service-row:hover{padding-left:20px;padding-right:20px;background:linear-gradient(90deg,rgba(184,145,95,.09),transparent)}.service-row>span{font-family:Cinzel,serif;color:var(--gold);font-size:14px}.service-row h3{font-family:Cinzel,serif;font-size:clamp(20px,2vw,30px);font-weight:400;margin:0}.service-row p{font-size:15px;line-height:1.6;color:#928b81;margin:0}.service-row b{font-weight:400;color:var(--gold);transition:transform .3s}.service-row:hover b{transform:translate(3px,-3px)}
.audio-section{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(560px,1.35fr);gap:clamp(50px,8vw,130px);background:radial-gradient(ellipse at 80% 50%,rgba(36,79,91,.13),transparent 45%),#050606}.audio-copy h2{font-size:clamp(48px,6vw,90px);margin:28px 0}.audio-copy>p:nth-of-type(2){color:#aaa297;font-size:18px;line-height:1.75;max-width:420px}.audio-status{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:12px;letter-spacing:.14em;color:#8fada2}.audio-status i{width:7px;height:7px;background:#67ffbd;border-radius:50%;box-shadow:0 0 15px #67ffbd;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.35}}
.audio-console{align-self:center;border:1px solid #80705c55;background:linear-gradient(145deg,#12120f,#080908);box-shadow:0 40px 90px #000,0 0 50px rgba(74,124,123,.06);padding:14px}.console-top{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 17px;font-size:11px;letter-spacing:.16em;color:#918b80}.console-leds{display:flex;gap:7px}.console-leds i{width:6px;height:6px;border-radius:50%;background:#ff5858}.console-leds i:nth-child(2){background:#efb74c}.console-leds i:nth-child(3){background:#57d495}.audio-display{position:relative;height:300px;overflow:hidden;border:1px solid #59737942;background:repeating-linear-gradient(0deg,transparent 0 29px,#7ac5d00c 30px),repeating-linear-gradient(90deg,transparent 0 59px,#7ac5d00c 60px),#030707}.audio-display:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#8df1ff0a,transparent);transform:translateX(-100%);animation:scanAudio 5s linear infinite}@keyframes scanAudio{to{transform:translateX(100%)}}#audio-canvas{position:absolute;inset:0;width:100%;height:100%}.audio-readout{position:absolute;left:26px;bottom:24px;text-shadow:0 2px 8px #000}.audio-readout span,.audio-readout p{font-size:11px;letter-spacing:.15em;color:#75aea9}.audio-readout h3{font-family:Cinzel,serif;font-size:clamp(22px,3vw,38px);font-weight:400;margin:8px 0}.audio-readout p{margin:0}.player{display:grid;grid-template-columns:40px 66px 40px 50px 1fr 50px;gap:11px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line)}.player button{height:40px;border:1px solid var(--line)}.player .audio-play{border-color:#9d815b;color:#d7bd94;font-size:11px;letter-spacing:.1em}.player span{font-size:11px;color:#777168;text-align:center}.player input{accent-color:#b79568;width:100%}.track-list{display:grid;grid-template-columns:repeat(3,1fr)}.track{display:grid;grid-template-columns:30px 1fr;gap:8px;text-align:left;padding:20px 14px;border-right:1px solid var(--line);min-width:0}.track:last-child{border-right:0}.track>span{grid-row:1/3;color:#736858;font-size:11px}.track b{font-family:Cinzel,serif;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track small{font-size:9px;letter-spacing:.09em;color:#736e67}.track.active{background:#b6915f12}.track.active>span,.track.active b{color:#d3b486}
.studio-section{min-height:850px;display:grid;grid-template-columns:.7fr 1.1fr .8fr;align-items:center;gap:clamp(45px,7vw,110px);background:radial-gradient(circle at 22% 50%,rgba(159,112,58,.17),transparent 29%),#070706}.studio-mark{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid #ad8a5c4a;border-radius:50%;font-family:Cinzel,serif;font-size:clamp(48px,7vw,110px);color:#c3a373}.studio-mark span{position:absolute}.studio-mark span:first-child{left:19%;top:21%}.studio-mark span:last-child{right:19%;bottom:21%}.studio-mark i{width:1px;height:60%;background:linear-gradient(transparent,var(--gold),transparent);transform:rotate(37deg);box-shadow:0 0 18px #c89e64}.studio-story h2{font-size:clamp(42px,5vw,76px);margin:24px 0 34px}.studio-story>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#aaa297;max-width:660px}.studio-story>a{display:inline-block;margin-top:25px;padding-bottom:8px;border-bottom:1px solid var(--line);color:#d2b488}.studio-principles{border-top:1px solid var(--line)}.studio-principles div{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:22px 0;border-bottom:1px solid var(--line)}.studio-principles span{color:var(--gold);font-size:11px}.studio-principles b{font-family:Cinzel,serif;font-weight:400;line-height:1.4}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,160px);background:radial-gradient(ellipse at 40% 80%,rgba(139,94,49,.16),transparent 45%),#050505}.contact-intro h2{font-size:clamp(48px,7vw,105px);margin:25px 0 32px}.contact-intro>p:nth-of-type(2){font-size:18px;line-height:1.75;color:#aaa297;max-width:520px}.mail-link{display:inline-block;margin:28px 0 50px;font-family:Cinzel,serif;font-size:clamp(19px,2vw,29px);color:#d0af7d;border-bottom:1px solid var(--line);padding-bottom:8px}.contact-intro dl{display:flex;gap:55px;margin:0}.contact-intro dt{font-size:10px;letter-spacing:.16em;color:#817769}.contact-intro dd{font-size:14px;margin:8px 0 0}.contact-form{padding:clamp(25px,4vw,55px);border:1px solid var(--line);background:#0c0b09c4;box-shadow:0 40px 90px #000;align-self:center}.contact-form label{display:block;margin-bottom:25px}.contact-form label>span{display:block;font-size:11px;letter-spacing:.15em;color:#a79c8b;margin-bottom:10px;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;font-size:16px;color:#eee9df;background:#060606;border:1px solid #4e463b;padding:15px;border-radius:0}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}.contact-form button{display:flex;justify-content:space-between;width:100%;padding:18px 20px;background:#c2a174;color:#0b0906;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.contact-form button:hover{background:#dac094}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:25px;padding:38px 5.2%;border-top:1px solid var(--line);background:#040404;font-size:12px;letter-spacing:.08em;color:#8f897f}.site-footer p{text-align:center}.site-footer a:last-child{text-align:right;color:#c4a77d}
.reveal-on-scroll{opacity:0;transform:translate3d(0,35px,0);transition:opacity .85s ease,transform .85s cubic-bezier(.16,.84,.24,1)}.reveal-on-scroll.visible{opacity:1;transform:none}
@media(max-width:1050px){.services-section,.audio-section{grid-template-columns:1fr}.section-intro{position:static}.studio-section{grid-template-columns:.65fr 1.35fr}.studio-principles{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.contact-section{grid-template-columns:1fr}.contact-intro h2{font-size:75px}}
@media(max-width:760px){.site-header nav{max-height:calc(100vh - 80px);overflow:auto}.section-shell{padding:85px 7%}.spectral-divider{height:2px}.services-section,.audio-section,.studio-section,.contact-section{display:block}.section-intro h2,.audio-copy h2,.studio-story h2,.contact-intro h2{font-size:clamp(37px,11vw,55px)}.services-list{margin-top:55px}.service-row{grid-template-columns:28px 1fr 20px;gap:14px;padding:24px 0}.service-row p{grid-column:2}.service-row:hover{padding-left:0;padding-right:0}.audio-console{margin-top:50px;padding:9px}.audio-display{height:250px}.player{grid-template-columns:36px 58px 36px 1fr}.player span{display:none}.track-list{display:block}.track{border-right:0;border-bottom:1px solid var(--line)}.studio-mark{width:55vw;margin:0 auto 65px}.studio-story{margin-bottom:55px}.studio-principles{display:block}.contact-form{margin-top:60px;padding:25px 18px}.contact-intro dl{gap:28px}.site-footer{grid-template-columns:1fr 1fr;padding:35px 7%}.site-footer p{text-align:left}.site-footer a:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.spectral-divider span,.audio-status i,.audio-display:after{animation:none!important}.reveal-on-scroll{opacity:1;transform:none}}

/* Iridescent motion pass */
.fx-particles{transform:translate3d(var(--particle-x,0),var(--particle-y,0),0);transition:transform .11s linear}.fx-particles i{background:rgba(255,210,133,var(--a));box-shadow:0 0 9px rgba(255,186,83,.5),0 0 20px rgba(255,207,127,.18)}
.ambient-particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s ease;mix-blend-mode:screen}.ambient-particles.active{opacity:.72}.selected-work,.section-shell,.site-footer{z-index:1}.selected-work,.section-shell{background-color:rgba(5,5,8,.88)!important;background-image:radial-gradient(circle at 12% 18%,rgba(226,68,148,.09),transparent 28%),radial-gradient(circle at 82% 22%,rgba(57,207,222,.10),transparent 30%),radial-gradient(circle at 58% 86%,rgba(143,92,246,.10),transparent 34%),linear-gradient(135deg,rgba(30,16,33,.72),rgba(4,12,16,.86) 46%,rgba(24,15,7,.75))!important;background-attachment:fixed!important}
.spectral-divider.promo-band{position:relative;z-index:3;height:44px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#050505;display:flex;align-items:center;overflow:hidden}.spectral-divider.promo-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff365e22,#f6ca5222,#39edc622,#367dff22,#d245f522,#ff365e22);background-size:200% 100%;animation:iridescentBand 7s linear infinite}.promo-track{position:relative;display:flex;width:max-content;min-width:max-content;animation:promoRun 19s linear infinite;will-change:transform}.promo-band.reverse .promo-track{animation-direction:reverse}.promo-track span{position:static;height:auto;background:none;filter:none;white-space:nowrap;padding-right:3rem;font-family:Outfit,sans-serif;font-size:11px;line-height:1;letter-spacing:.19em;font-weight:500;color:#fff;animation:promoHue 6s linear infinite;text-shadow:0 0 10px currentColor}@keyframes promoRun{to{transform:translateX(-50%)}}@keyframes promoHue{0%{color:#ff6683}20%{color:#ffd76c}40%{color:#65ffc9}60%{color:#64c8ff}80%{color:#ca78ff}100%{color:#ff6683}}@keyframes iridescentBand{to{background-position:200% 0}}
.selected-work{padding-left:0;padding-right:0;perspective:1400px}.selected-work:after{content:"";position:absolute;z-index:2;inset:180px 0 100px;pointer-events:none;background:linear-gradient(90deg,#06070b 0,transparent 10%,transparent 90%,#06070b 100%)}.work-heading,.work-controls{position:relative;z-index:4;margin-left:5.2%;margin-right:5.2%}.work-track{position:relative;z-index:3;gap:3vw;padding:8px 14vw 15px;perspective:1200px;perspective-origin:50% 45%;cursor:grab}.work-track:active{cursor:grabbing}.work-slide{flex:0 0 72vw;scroll-snap-align:center;transform-style:preserve-3d;transform:perspective(1200px) translateZ(var(--roll-depth,0)) rotateY(var(--roll-angle,0)) scale(var(--roll-scale,1));opacity:var(--roll-opacity,1);transition:opacity .18s linear;will-change:transform,opacity}.project-visual{border-color:rgba(175,210,255,.3);box-shadow:0 35px 80px #000,0 0 0 1px rgba(255,255,255,.03),inset 0 0 60px rgba(88,188,255,.05)}.project-visual:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(75,189,255,.14),transparent 13%,transparent 87%,rgba(235,81,194,.12));mix-blend-mode:screen}.project-info{padding-left:2px;padding-right:2px}.work-controls{margin-top:10px}
.audio-readout span,.audio-readout p{font-size:9px}.audio-readout h3{font-size:clamp(16px,2vw,25px);margin:6px 0}.track{padding:16px 11px}.track b{font-size:12px}.track small{font-size:8px}.track>span{font-size:9px}.console-top{font-size:9px}.player .audio-play,.player span{font-size:9px}
@media(max-width:760px){.spectral-divider.promo-band{height:38px}.promo-track span{font-size:9px;letter-spacing:.15em;padding-right:2rem}.selected-work:after{inset:140px 0 80px;background:linear-gradient(90deg,#07070a 0,transparent 5%,transparent 95%,#07070a 100%)}.work-heading,.work-controls{margin-left:7%;margin-right:7%}.work-track{padding-left:7vw;padding-right:7vw;gap:5vw}.work-slide{flex-basis:86vw}.project-info{padding-left:0;padding-right:0}.ambient-particles.active{opacity:.52}.fx-particles{transition:none}.audio-readout{left:16px;bottom:17px}.audio-readout h3{font-size:18px;max-width:250px}.track b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.promo-track,.spectral-divider.promo-band:before{animation:none!important}.ambient-particles{display:none}.fx-particles{transform:none!important}}
.site-footer{position:relative}
@media(max-width:760px){.selected-work,.section-shell{background-attachment:scroll!important}}

/* Persistent morphing navigation */
.site-header{--page-progress:0%;transition:inset .5s cubic-bezier(.16,.84,.24,1),min-height .5s cubic-bezier(.16,.84,.24,1),padding .5s cubic-bezier(.16,.84,.24,1),background .45s,border-color .45s,border-radius .5s,box-shadow .45s;isolation:isolate}.site-header.is-scrolled{position:fixed;inset:12px 3.5% auto;min-height:62px;padding:7px 12px 7px 20px;border:1px solid rgba(211,181,139,.28);border-radius:999px;background:linear-gradient(115deg,rgba(8,8,10,.91),rgba(17,13,20,.87) 45%,rgba(5,14,16,.91));box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 30px rgba(91,175,204,.08);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.site-header.is-scrolled:before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(100deg,rgba(255,92,138,.72),rgba(242,200,102,.7),rgba(77,238,207,.67),rgba(89,151,255,.7),rgba(195,100,255,.68),rgba(255,92,138,.72));background-size:250% 100%;animation:headerSpectrum 8s linear infinite;opacity:.52;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.site-header.is-scrolled:after{content:"";position:absolute;left:24px;bottom:-1px;width:var(--page-progress);max-width:calc(100% - 48px);height:1px;border-radius:2px;background:linear-gradient(90deg,#f45b82,#ebce71,#50e6cb,#629dff,#c06fff);box-shadow:0 0 9px currentColor;transition:width .1s linear}@keyframes headerSpectrum{to{background-position:250% 0}}.site-header.is-scrolled .wordmark{font-size:14px}.site-header.is-scrolled nav{gap:clamp(12px,1.8vw,25px);font-size:12px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:50%;bottom:2px;width:3px;height:3px;border-radius:50%;background:#d9b77f;box-shadow:0 0 9px #d9b77f;opacity:0;transform:translateX(-50%) scale(0);transition:opacity .25s,transform .25s}.site-header nav a.active{color:#fff}.site-header nav a.active:after{opacity:1;transform:translateX(-50%) scale(1)}.site-header.is-scrolled .language button{min-height:42px}.site-header.is-scrolled .language{padding:0 5px}
@media(max-width:900px) and (min-width:761px){.site-header.is-scrolled{inset:12px 2% auto;padding-left:15px}.site-header.is-scrolled nav{gap:11px;font-size:11px}.site-header.is-scrolled .wordmark{font-size:12px;letter-spacing:.08em}.site-header.is-scrolled .language{font-size:11px;gap:0}.site-header.is-scrolled .language button{min-width:27px}}
@media(max-width:760px){.site-header.is-scrolled{inset:9px 4% auto;min-height:58px;padding:6px 10px 6px 16px;border-radius:24px}.site-header.is-scrolled .wordmark{font-size:12px}.site-header.is-scrolled nav{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid rgba(211,181,139,.25);border-radius:18px;background:rgba(7,7,9,.96);box-shadow:0 22px 55px #000;backdrop-filter:blur(18px)}.site-header.is-scrolled:after{left:18px;max-width:calc(100% - 36px)}.site-header nav a:after{left:0;top:50%;bottom:auto;transform:translate(-10px,-50%) scale(0)}.site-header nav a.active:after{transform:translate(-10px,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header:before{transition:none!important;animation:none!important}}

/* Orbital exhibition: native scroll drives the suspended panels. */
.selected-work{isolation:isolate;background:radial-gradient(ellipse at 50% 43%,rgba(53,67,91,.3),transparent 53%),radial-gradient(ellipse at 65% 60%,rgba(122,73,97,.14),transparent 55%),#07080c}
.selected-work:before{top:32%;left:7%;width:86%;height:42%;border:1px solid rgba(196,170,126,.28);border-radius:50%;background:radial-gradient(ellipse,rgba(168,126,71,.08),transparent 64%);transform:perspective(900px) rotateX(66deg);box-shadow:0 0 0 32px rgba(165,147,121,.025),0 0 0 65px rgba(165,147,121,.035),0 35px 100px rgba(151,104,68,.1);pointer-events:none}
.selected-work:after{z-index:3;inset:170px 0 130px;background:linear-gradient(90deg,#07080c,transparent 8%,transparent 92%,#07080c);opacity:.8}
.work-heading{margin-bottom:18px}
.work-track{padding:48px 19vw 46px;gap:5vw;perspective:1600px;perspective-origin:50% 38%;align-items:flex-start}
.work-slide{flex-basis:62vw;position:relative;transform:perspective(1600px) translate3d(var(--roll-shift,0px),var(--roll-rise,0px),var(--roll-depth,0px)) rotateY(var(--roll-angle,0deg)) scale(var(--roll-scale,1));transform-origin:50% 40%;transition:opacity .18s linear}
.project-visual{aspect-ratio:1.85;border:1px solid rgba(199,175,135,.6);border-radius:5px;padding:9px;background:linear-gradient(135deg,#4e4537,#141820 24%,#090a0e 70%,#5a4b3c);box-shadow:0 2px 0 #8a7c6766,0 10px 0 -4px #13151c,0 12px 0 -4px #7b6f5144,0 32px 70px #000b;transform:translateZ(0)}
.project-visual img{border-radius:2px;filter:saturate(.88);object-fit:cover}
.project-visual:before{inset:9px;background:linear-gradient(115deg,rgba(220,232,255,.19),transparent 30%,transparent 67%,rgba(206,162,107,.12));mix-blend-mode:screen}
.project-visual:after{background:linear-gradient(0deg,#040509bb,transparent 38%)}
.project-visual:hover img{transform:scale(1.035);filter:saturate(1)}
.view-project{right:25px;bottom:23px;border-radius:30px;padding:12px 19px;font-size:14px;background:#090b10b3;border-color:#c9ae7d66}
.project-info{position:relative;grid-template-columns:44px 1fr;gap:14px 22px;padding:32px 12px 4px;opacity:var(--detail-opacity,1);transition:opacity .15s;transform:translateZ(12px)}
.project-number{font-size:30px;line-height:1;color:#c8aa7a}
.project-info h3{font-size:clamp(26px,3vw,46px);letter-spacing:-.025em}
.project-category{font-size:12px;letter-spacing:.18em;color:#c7b493}
.project-description{grid-column:2;max-width:630px;line-height:1.65;color:#aba9b0}
.work-controls{max-width:760px;margin:6px auto 0;padding:14px 24px;border:1px solid #baa17a30;border-radius:60px;background:linear-gradient(120deg,#17171b99,#090b1180);box-shadow:0 18px 40px #0004;gap:28px}
.work-status{font-family:Cinzel,Georgia,serif;font-size:20px}.work-status .muted{font-size:13px}
.work-progress{max-width:none}.work-progress span{height:3px;border-radius:3px;background:#35333b}.work-progress [aria-current=true] span{background:linear-gradient(90deg,#a18358,#eddbc0);box-shadow:0 0 14px #d3ac6540}
.arrows button{width:48px;height:48px;border-color:#c7ab7d55;background:#ffffff04;transition:background .2s,transform .2s}.arrows button:hover:not(:disabled){transform:translateY(-2px);background:#c6ac81}
@media(max-width:900px){.work-controls{margin-left:7%;margin-right:7%}.project-description{font-size:16px}.project-info{gap:12px}}
@media(max-width:760px){.work-track{padding:28px 10vw 30px;gap:5vw;perspective:1000px}.work-slide{flex-basis:80vw}.project-visual{aspect-ratio:1.2;padding:5px}.project-visual:before{inset:5px}.project-info{padding:26px 0 0;grid-template-columns:30px 1fr;transform:none}.project-number{font-size:23px}.project-info h3{font-size:27px}.project-category{font-size:12px;letter-spacing:.09em}.view-project{right:15px;bottom:16px;padding:10px 14px}.selected-work:before{left:-20%;width:140%;top:28%;height:38%}.work-controls{padding:8px 14px;gap:14px}.arrows{gap:6px}.arrows button{width:44px;height:44px}.work-status{font-size:17px}.work-heading{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.work-slide{transform:none!important;transition:none}.project-info{opacity:1;transform:none}.project-visual img,.arrows button{transition:none}.project-visual:hover img{transform:none}}

/* Celestial sphere: meridians frame the spherical project trajectory. */
.work-sphere{position:absolute;z-index:1;pointer-events:none;left:50%;top:165px;width:min(78vw,1100px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;border:1px solid #c7ae7940;background:radial-gradient(circle at 30% 25%,#e0bc7b0d,transparent 38%),radial-gradient(circle at 50% 50%,transparent 55%,#89a9c70a 69%,#cfb78022 70%,transparent 71%);box-shadow:inset -25px -15px 65px #0009,0 0 85px #b18f5d0c}
.sphere-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #c4ac7840;transform:rotate(-24deg) scaleX(.42)}
.sphere-ring:nth-child(2){transform:rotate(38deg) scaleX(.65);border-color:#87b6d433}
.sphere-ring:nth-child(3){transform:rotate(-18deg) scaleY(.3);border-color:#c4ac7850}
.sphere-ring:nth-child(4){inset:9%;transform:rotate(55deg) scaleX(.28);border-color:#b292bf33}
.selected-work:before{top:40%;opacity:.45}
.work-track{padding-top:85px;padding-bottom:55px;padding-left:23vw;padding-right:23vw;gap:6vw}
.work-slide{flex-basis:54vw;transform:perspective(1600px) translate3d(var(--roll-shift,0px),var(--roll-rise,0px),var(--roll-depth,0px)) rotateY(var(--roll-angle,0deg)) rotateZ(var(--roll-bank,0deg)) scale(var(--roll-scale,1))}
.project-visual{border-radius:12px;box-shadow:0 2px 0 #8a7c6766,0 10px 0 -4px #13151c,0 12px 0 -4px #7b6f5144,0 35px 80px #000b}
.project-visual img{border-radius:6px}
@media(min-width:1600px){.work-sphere{top:190px}}
@media(max-width:760px){.work-sphere{top:150px;width:118vw}.work-track{padding:62px 10vw 32px;gap:5vw}.work-slide{flex-basis:80vw}.project-visual{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.work-sphere{opacity:.45}}

/* Project surfaces form the sphere itself. */
.work-track.sphere-selector{display:block;height:clamp(560px,53vw,820px);padding:0;overflow:visible;scroll-snap-type:none;perspective:1400px;touch-action:pan-y;cursor:grab}
.sphere-selector .work-slide{position:absolute;left:50%;top:48%;width:48%;transform-origin:50% 30%;will-change:transform,opacity;transition:none}
.sphere-selector .work-slide:not(.sphere-active) .project-info{visibility:hidden;pointer-events:none}
.sphere-selector .work-slide:not(.sphere-active) .view-project{visibility:hidden}
.sphere-selector .project-visual{aspect-ratio:1.75}
.sphere-selector .project-info{padding-top:22px}
.work-sphere{top:205px;width:min(65vw,920px);opacity:.55}
.fx-particles i{background:#efc66f;box-shadow:0 0 7px #eeb44466;animation:goldenLife var(--d) linear var(--delay) infinite}
@keyframes goldenLife{0%{opacity:0;transform:translate3d(-12px,32px,0) scale(.3)}18%{opacity:var(--a);transform:translate3d(-6px,10px,0) scale(.9)}65%{opacity:var(--a)}100%{opacity:0;transform:translate3d(20px,-85px,0) scale(.25)}}
@media(max-width:760px){.work-track.sphere-selector{height:650px}.sphere-selector .work-slide{width:70%;top:47%}.sphere-selector .project-visual{aspect-ratio:1.15}.sphere-selector .project-info h3{font-size:24px}.sphere-selector .project-description{font-size:15px}.work-sphere{top:225px;width:95vw}}
@media(prefers-reduced-motion:reduce){.work-track.sphere-selector{height:auto;min-height:510px;padding:30px 7%}.sphere-selector .work-slide{display:none;position:relative;left:auto;top:auto;width:100%;opacity:1!important;transform:none!important}.sphere-selector .work-slide.sphere-active{display:block}.fx-particles{display:none}}

/* Firefox draws video-canvas compositing and backdrop filters on a costlier path. */
.firefox-lite .fx-halo,.firefox-lite .fx-particles,.firefox-lite .ambient-particles{mix-blend-mode:normal}
.firefox-lite .fx-halo{filter:none;opacity:.12}
.firefox-lite .selected-work,.firefox-lite .section-shell{background-attachment:scroll!important}
.firefox-lite .site-header.is-scrolled,.firefox-lite .view-project{backdrop-filter:none;-webkit-backdrop-filter:none}
.firefox-lite .work-sphere{box-shadow:inset -15px -10px 40px #0008}
.firefox-lite .project-visual{box-shadow:0 2px 0 #8a7c6766,0 16px 42px #0009}

/* Refined transparent-to-glass navigation */
.site-header:not(.is-scrolled){border-bottom:0;background:transparent;box-shadow:none}
.site-header.is-scrolled{inset:9px 7% auto;min-height:50px;padding:3px 9px 3px 16px;border-color:rgba(255,255,255,.14);background:radial-gradient(circle at 12% 20%,rgba(255,77,148,.13),transparent 34%),radial-gradient(circle at 82% 70%,rgba(65,222,220,.13),transparent 38%),linear-gradient(115deg,rgba(8,7,13,.62),rgba(13,8,19,.54) 52%,rgba(4,14,17,.61));box-shadow:0 10px 34px rgba(0,0,0,.34),0 0 22px rgba(102,134,255,.06);backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%)}
.site-header.is-scrolled:before{opacity:.62}
.site-header.is-scrolled:after{left:18px;bottom:-1px;max-width:calc(100% - 36px)}
.site-header.is-scrolled .wordmark{font-size:12px;letter-spacing:.12em}
.site-header.is-scrolled nav{gap:clamp(11px,1.45vw,20px);font-size:11px}
.site-header.is-scrolled nav a{padding:7px 0}
.site-header.is-scrolled .language{font-size:11px;gap:1px;padding:0 2px}
.site-header.is-scrolled .language button{min-height:34px;min-width:27px;padding:3px}
@media(max-width:900px) and (min-width:761px){.site-header.is-scrolled{inset:8px 3% auto;min-height:48px;padding:3px 8px 3px 13px}.site-header.is-scrolled nav{gap:9px;font-size:10px}.site-header.is-scrolled .wordmark{font-size:11px}}
@media(max-width:760px){.site-header.is-scrolled{inset:7px 4% auto;min-height:50px;padding:3px 8px 3px 14px;border-radius:20px}.site-header.is-scrolled .menu-toggle{min-height:38px;font-size:12px}.site-header.is-scrolled .wordmark{font-size:11px}.site-header.is-scrolled nav{top:calc(100% + 7px);background:rgba(7,7,11,.82)}.site-header.is-scrolled:after{left:15px;max-width:calc(100% - 30px)}}

/* Performance mode: preserve the raven and interaction, remove persistent GPU work. */
.performance-mode .ambient-particles,.performance-mode .fx-particles{display:none!important}
.performance-mode .selected-work,.performance-mode .section-shell{background-attachment:scroll!important}
.performance-mode .site-header.is-scrolled,.performance-mode .site-header.is-scrolled nav,.performance-mode .view-project{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.performance-mode .site-header.is-scrolled:before,.performance-mode .spectral-divider.promo-band:before,.performance-mode .promo-track span{animation:none!important}
.performance-mode .fx-halo{mix-blend-mode:normal;filter:none!important}
.performance-mode .project-visual:before{mix-blend-mode:normal}

/* Cinematic work deck — native scroll-snap, no JavaScript animation loop. */
.selected-work{perspective:none!important;padding-bottom:72px}
.work-track.cinematic-deck{display:flex!important;position:relative;height:auto!important;overflow-x:auto!important;overflow-y:hidden;gap:clamp(22px,4vw,64px)!important;padding:54px max(7vw,calc((100vw - min(76vw,1080px))/2)) 45px!important;perspective:none!important;scroll-snap-type:x mandatory;scroll-padding-inline:12vw;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}
.work-track.cinematic-deck:active{cursor:grabbing}
.cinematic-deck .work-slide{position:relative!important;left:auto!important;top:auto!important;flex:0 0 min(76vw,1080px)!important;width:auto!important;visibility:visible!important;opacity:.46!important;z-index:auto!important;transform:scale(.94)!important;transform-origin:center;scroll-snap-align:center;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1)!important}
.cinematic-deck .work-slide.deck-active{opacity:1!important;transform:scale(1)!important}
.cinematic-deck .project-visual{aspect-ratio:1.75;border-color:rgba(211,181,137,.62);box-shadow:0 28px 70px rgba(0,0,0,.55)}
.cinematic-deck .project-info{visibility:visible!important;opacity:.35!important;transform:none!important;transition:opacity .25s ease!important}
.cinematic-deck .deck-active .project-info{opacity:1!important}
.work-sphere{display:none!important}
@media(max-width:760px){.work-track.cinematic-deck{gap:18px!important;padding:34px 7vw 28px!important;scroll-padding-inline:7vw}.cinematic-deck .work-slide{flex-basis:86vw!important;transform:scale(.97)!important}.cinematic-deck .work-slide.deck-active{transform:scale(1)!important}.cinematic-deck .project-visual{aspect-ratio:1.15}.selected-work{padding-bottom:55px}}

/* Compact editorial portfolio — static, fast and intentionally restrained. */
.selected-work{padding:96px 5.2% 82px!important;background:linear-gradient(145deg,#0c0910,#06090b 48%,#0d0a07)!important}
.selected-work:after,.selected-work:before{display:none!important}
.work-heading{margin:0 0 46px!important}
.work-track.project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(18px,2vw,32px)!important;padding:0!important;height:auto!important;overflow:visible!important;perspective:none!important;cursor:default!important}
.project-grid .work-slide{position:relative!important;left:auto!important;top:auto!important;width:auto!important;min-width:0;visibility:visible!important;opacity:0!important;z-index:auto!important;transform:translate3d(0,18px,0) scale(.985)!important;transition:opacity .42s ease,transform .5s cubic-bezier(.2,.75,.2,1)!important}
.project-grid .work-slide.project-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
.project-grid .work-slide:nth-child(2),.project-grid .work-slide:nth-child(5){transition-delay:55ms!important}.project-grid .work-slide:nth-child(3),.project-grid .work-slide:nth-child(6){transition-delay:110ms!important}
.project-grid .project-visual{aspect-ratio:1.38!important;padding:5px!important;border:1px solid rgba(201,177,137,.38)!important;border-radius:3px!important;background:#0b0b0d!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important;transform:translateZ(0)}
.project-grid .project-visual:before{inset:5px!important;background:linear-gradient(145deg,transparent 52%,rgba(215,180,121,.12))!important}
.project-grid .project-visual:after{content:"";position:absolute;inset:5px!important;background:linear-gradient(110deg,transparent 35%,rgba(255,238,205,.17) 50%,transparent 65%)!important;transform:translateX(-130%);transition:transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.project-grid .project-visual:hover:after{transform:translateX(130%)}
.project-grid .project-visual img{border-radius:1px!important;filter:saturate(.72) contrast(1.03)!important;transition:transform .28s ease,filter .28s ease!important}
.project-grid .project-visual:hover img{transform:scale(1.018)!important;filter:saturate(.95) contrast(1.02)!important}
.project-grid .view-project{right:14px!important;bottom:13px!important;padding:8px 12px!important;font-size:11px!important;background:rgba(5,5,7,.82)!important}
.project-grid .project-info{display:grid!important;grid-template-columns:28px 1fr!important;gap:7px 12px!important;padding:17px 2px 0!important;visibility:visible!important;opacity:1!important;transform:none!important}
.project-grid .project-number{grid-row:1/3;font-size:17px!important;padding-top:2px!important}
.project-grid .project-category{font-size:9px!important;letter-spacing:.13em!important;margin:0 0 4px!important}
.project-grid .project-info h3{font-size:clamp(17px,1.55vw,24px)!important;line-height:1.2!important}
.project-grid .project-description{display:none!important}
.selected-work>.work-controls{display:none!important}
@media(max-width:980px){.work-track.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.selected-work{padding:72px 6% 58px!important}.work-heading{margin-bottom:32px!important}.work-track.project-grid{grid-template-columns:1fr;gap:32px!important}.project-grid .project-visual{aspect-ratio:1.45!important}.project-grid .project-info h3{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.project-grid .work-slide{opacity:1!important;transform:none!important;transition:none!important}.project-grid .project-visual img,.project-grid .project-visual:after{transition:none!important}.project-grid .project-visual:after{display:none}}

/* Expanding cinematic strip — animated only while the user interacts. */
.selected-work{padding:88px 5.2% 72px!important;background:radial-gradient(circle at 50% 55%,rgba(107,75,42,.1),transparent 42%),#070709!important}
.selected-work:before,.selected-work:after{display:none!important}.work-heading{margin-bottom:38px!important}.selected-work>.work-controls{display:none!important}
.work-track.project-showcase{display:flex!important;position:relative;height:clamp(390px,39vw,560px)!important;align-items:stretch!important;gap:8px!important;padding:0!important;overflow:hidden!important;perspective:none!important;cursor:default!important}
.project-showcase .work-slide{align-self:stretch!important;height:auto!important}
.project-showcase .work-slide{position:relative!important;left:auto!important;top:auto!important;flex:1 1 0!important;width:auto!important;min-width:0;visibility:visible!important;opacity:0!important;z-index:auto!important;transform:translateY(15px)!important;overflow:hidden;border:1px solid rgba(202,176,132,.24);background:#0a0a0c;transition:flex-grow .42s cubic-bezier(.2,.75,.2,1),opacity .4s ease,transform .48s cubic-bezier(.2,.75,.2,1),border-color .25s!important}
.project-showcase .work-slide.project-visible{opacity:1!important;transform:none!important}.project-showcase .work-slide:first-child{flex-grow:2.15!important}.project-showcase .work-slide:hover,.project-showcase .work-slide:focus-within{border-color:rgba(222,190,137,.72)}
.project-showcase .project-visual{position:absolute!important;inset:0!important;height:100%!important;aspect-ratio:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#09090b!important}
.project-showcase .project-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.7);transform:scale(1.03);transition:filter .32s ease,transform .5s cubic-bezier(.2,.75,.2,1)!important}
.project-showcase .work-slide:hover .project-visual img,.project-showcase .work-slide:focus-within .project-visual img,.project-showcase .work-slide:first-child .project-visual img{filter:saturate(.9) brightness(.9);transform:scale(1)}
.project-showcase .project-visual:before{content:"";position:absolute;z-index:1;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.08) 35%,rgba(3,3,5,.92) 100%)!important;mix-blend-mode:normal!important}.project-showcase .project-visual:after{display:none!important}.project-showcase .view-project{display:none!important}
.project-showcase .project-info{position:absolute!important;z-index:3;left:18px;right:16px;bottom:20px;display:block!important;padding:0!important;visibility:visible!important;opacity:1!important;transform:none!important;color:#fff}.project-showcase .project-number{display:block;margin-bottom:12px;padding:0!important;font-size:18px!important}.project-showcase .project-category{max-height:0;opacity:0;overflow:hidden;margin:0!important;font-size:9px!important;letter-spacing:.15em!important;transition:max-height .25s,opacity .25s!important}.project-showcase .project-info h3{margin:5px 0 0!important;font-size:clamp(16px,1.4vw,22px)!important;line-height:1.18!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-showcase .project-description{display:none!important}.project-showcase .work-slide:hover .project-category,.project-showcase .work-slide:focus-within .project-category,.project-showcase .work-slide:first-child .project-category{max-height:30px;opacity:1}
@media(max-width:760px){.selected-work{padding:72px 6% 58px!important}.work-track.project-showcase{height:430px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:14px!important}.project-showcase .work-slide,.project-showcase .work-slide:first-child{flex:0 0 78vw!important;scroll-snap-align:center;opacity:1!important}.project-showcase:has(.work-slide:hover) .work-slide,.project-showcase:has(.work-slide:hover) .work-slide:hover{flex-basis:78vw!important}.project-showcase .project-visual img{filter:saturate(.82) brightness(.82)}.project-showcase .project-category{max-height:30px;opacity:1}}
@media(prefers-reduced-motion:reduce){.project-showcase .work-slide,.project-showcase .project-visual img,.project-showcase .project-category{transition:none!important}}

/* Bound rendering cost: stable card sizes, transform-only hover, no full-screen filters. */
.stage{transform:none;will-change:auto}
.top,.copy{will-change:auto}
.raven-layer{transform:none;transition:none;will-change:auto}
.raven-layer.raven-entering{animation:none;clip-path:none;will-change:auto}
.performance-mode .fx-shadow,.performance-mode .fx-halo{display:none!important}
.performance-mode .audio-display:after,.performance-mode .audio-status i{animation:none!important;will-change:auto}
.performance-mode .promo-track span{color:#d4c5ae;text-shadow:none}
.performance-mode .site-header{--page-progress:0;transition:none}
.performance-mode .site-header.is-scrolled:after{left:24px;right:24px;width:auto;max-width:none;transform-origin:left;transform:scaleX(var(--page-progress));transition:none;box-shadow:none}
.performance-mode .project-showcase .work-slide{will-change:auto;transform-style:flat;transition:opacity .28s,transform .28s!important}
.performance-mode .project-showcase .project-visual img{filter:none!important;transition:transform .28s ease!important}
.performance-mode .project-showcase .project-category{max-height:none;opacity:1;transition:none!important}
.performance-mode .project-showcase .project-info h3{white-space:normal;overflow-wrap:anywhere}
.performance-mode .project-showcase .project-visual:before{background:linear-gradient(180deg,#0001 25%,#030305ed 100%)!important}
.performance-mode .project-showcase .project-visual:hover img{transform:scale(1.025)}
.performance-mode .eclipse-mark{box-shadow:0 0 28px #d89e5333}
.performance-mode .eclipse-mark i,.performance-mode .eclipse-mark b{box-shadow:none}
html:not(.js-enabled) .reveal-on-scroll{opacity:1;transform:none}
@supports not (height:100svh){.hero{height:max(820px,100vh)}}
@media(prefers-reduced-motion:reduce){.project-showcase .work-slide{opacity:1!important;transform:none!important}}

/* Visible-only motion: animate the compositor, never card widths or color filters. */
.performance-mode .promo-track{animation:promoRun 26s linear infinite!important;animation-play-state:paused!important;will-change:auto}
.performance-mode .promo-band.reverse .promo-track{animation-direction:reverse!important}
.performance-mode .promo-band.motion-visible .promo-track{animation-play-state:running!important;will-change:transform}
.performance-mode.motion-paused .promo-track{animation-play-state:paused!important;will-change:auto}
.performance-mode .project-showcase .work-slide .project-visual img{transform:scale(1.015);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)!important}
.performance-mode .project-showcase .work-slide.project-active .project-visual img{transform:scale(1.075)}
.performance-mode .project-showcase .work-slide .project-info{transform:translateY(0)!important;transition:transform .55s ease!important}
.performance-mode .project-showcase .work-slide.project-active .project-info{transform:translateY(-8px)!important}
.performance-mode .project-showcase .work-slide:after{content:'';position:absolute;z-index:4;bottom:0;left:0;right:0;height:2px;background:#d3b486;transform:scaleX(0);transform-origin:left;transition:transform .65s ease;pointer-events:none}
.performance-mode .project-showcase .work-slide.project-active:after{transform:scaleX(1)}
/* Seven bounded panels: layout runs only during a discrete selection, never in a JS animation loop. */
@media(min-width:761px){
 .performance-mode .project-showcase .work-slide,.performance-mode .project-showcase .work-slide:first-child{flex:1 1 0!important;transition:flex-grow .38s cubic-bezier(.2,.75,.2,1),opacity .28s,border-color .25s!important}
 .performance-mode .project-showcase .work-slide.project-active{flex-grow:4.6!important;border-color:#d3b486!important}
 .performance-mode .project-showcase .work-slide .project-info{left:12px;right:12px}
 .performance-mode .project-showcase .work-slide .project-info h3{font-size:12px!important;line-height:1.3!important;overflow-wrap:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .performance-mode .project-showcase .work-slide .project-category{display:none}
 .performance-mode .project-showcase .work-slide.project-active .project-category{display:block}
 .performance-mode .project-showcase .work-slide.project-active .project-info{left:24px;right:24px}
 .performance-mode .project-showcase .work-slide.project-active .project-info h3{font-size:clamp(21px,2.3vw,32px)!important;display:block}
 .performance-mode .project-showcase .work-slide.project-active .project-description{display:block!important;margin:12px 0 0;font-size:11px!important;line-height:1.65;color:#d4cec4;max-width:400px}
}
@media(prefers-reduced-motion:reduce){
 .performance-mode .promo-track{animation:none!important;will-change:auto}
 .performance-mode .project-showcase .work-slide .project-visual img,.performance-mode .project-showcase .work-slide .project-info,.performance-mode .project-showcase .work-slide:after{transition:none!important;transform:none!important}
}