:root{--ink:#12243b;--ink-soft:#364a61;--paper:#f0ede7;--paper-2:#e9e6e0;--white:#fbf9f4;--lime:#e5ac86;--muted:#5d6774;--line:#12243b20;--accent:#a85f3e;--ease:cubic-bezier(.22,.75,.22,1)}
html{background:#f0ede7}body{position:relative;background:transparent;overflow-x:clip}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline-color:#a85f3e}.ambient-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#f0ede7}.ambient-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 75% 20%,#c3765020,transparent 45%),radial-gradient(ellipse at 15% 80%,#36699416,transparent 40%);transform:translateY(var(--ambient-shift,0px));transition:transform .2s linear}#ambient-canvas{width:100%;height:100%;opacity:.42}.site-header{border-color:#ffffffba;background:#faf8f2e8;box-shadow:0 8px 34px #12243b0b}.brand-name small{color:#667080}.brand-mark{color:#e5ac86}.nav a{color:#475366}.nav a:hover{background:#e9e4dc;color:var(--ink)}.nav .nav-contact{background:#12243b;color:#fff}.nav .nav-contact:hover{background:#2d425c}.nav-contact span{background:#e5ac86;color:#12243b}.eyebrow{color:#677080}.eyebrow::before{background:#af6b48}.button{background:#12243b}.button:hover{background:#2b425c;box-shadow:0 8px 24px #12243b20}.button-light{background:transparent;color:#12243b}.button-light:hover{background:#eae5db}.hero{background:#12243b;color:#fff;border-color:#ffffff14;box-shadow:0 20px 70px #12243b0a}.hero::before{background:radial-gradient(circle,#c376501c,transparent 65%);width:100%;right:-40%}.hero .eyebrow{color:#c3cfda}.hero .eyebrow::before{background:#e5ac86}.hero h1{font-weight:650;letter-spacing:-.065em}.hero h1 span{color:#e5ac86;background:none;-webkit-text-fill-color:initial}.hero-lede{color:#c1cbd5;font-size:17px;max-width:460px;line-height:1.8}.hero-note{color:#a8b5c3}.hero .button{background:#e5ac86;color:#15263b}.hero .button:hover{background:#f1c5a7}.hero .button-light{background:transparent;color:#eeeae3;border-color:#ffffff3a}.hero .button-light:hover{background:#ffffff10}.reality-hero{box-shadow:0 16px 60px #0003;border-color:#ffffff20}.reality-tag{color:#26364a}.hero-reality-photo{filter:saturate(.88)}.scroll-progress{background:#c37650}.intro{background:#192e47}.intro .eyebrow{color:#bac7d5}.intro p{color:#b5c3d1}.intro h2 em{color:#e5ac86}.intro .eyebrow::before{background:#e5ac86}.project-head p,.project-card p{color:#5d6876}.project-card{border-color:#12243b0d;box-shadow:0 10px 32px #12243b06}.project-card:hover{border-color:#c3765060;box-shadow:0 20px 55px #12243b12}.project-art{background:#dedbd4}.project-type{color:#596675}.project-number{color:#727881}.project-link{background:#f0ede7;border-color:#12243b18}.project-link:hover{background:#ece0d3;border-color:#c3765060}.photo-credit{color:#384659;background:#faf8f1ed}.project-footnote{color:#68717c}.project-art::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff3 49%,transparent 65%);transform:translateX(-120%);pointer-events:none;transition:transform .9s}.project-card:hover .project-art::after{transform:translateX(120%)}
.motion-ribbon{overflow:hidden;padding:25px 0;margin:32px 0;border-block:1px solid #12243b15;color:#5c6571}.ribbon-track{display:flex;width:max-content;animation:ribbon 36s linear infinite;gap:38px;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.ribbon-track span{display:flex;gap:38px;align-items:center}.ribbon-track b{color:#a85f3e;font-size:22px;font-weight:400}@keyframes ribbon{to{transform:translateX(-50%)}}
.atelier-scroll{height:230svh;position:relative;margin:35px 0 0}.atelier-sticky{position:sticky;top:116px;display:grid;grid-template-columns:.73fr 1.27fr;gap:50px;align-items:center;min-height:calc(100svh - 145px);padding-block:25px}.atelier-copy h2{font-size:clamp(44px,5.3vw,76px);font-weight:650;line-height:1.03;letter-spacing:-.055em;margin:22px 0}.atelier-copy h2 em,.listening h2 em{font-style:normal;color:#a85f3e}.atelier-copy>p{color:#5d6876;font-size:15px;max-width:345px;line-height:1.8}.scene-chapters{display:flex;gap:15px;margin:32px 0 15px;color:#82858a;font-size:10px;letter-spacing:.02em}.scene-chapters span{border-top:1px solid #12243b25;padding-top:12px;flex:1}.scene-chapters b{display:block;font-weight:600;margin-top:5px}.scene-chapters .is-current{color:#a65f3d;border-color:#a65f3d}.atelier-copy .scene-status{font-size:12px;color:#596d82;margin:12px 0 0;min-height:24px}.scene-panel{min-width:0}.scene-panel #scene3d{position:relative;height:clamp(380px,40vw,570px);border-radius:38px;overflow:hidden;background:linear-gradient(150deg,#fcfaf5,#e6e0d6);border:1px solid #ffffffbd;box-shadow:0 20px 70px #12243b0a}#scene-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#scene-canvas:active{cursor:grabbing}.scene-fallback{position:absolute;inset:0}.scene-fallback img{width:100%;height:100%;object-fit:cover}.scene-fallback span{position:absolute;bottom:25px;left:25px;color:white;font-size:12px}.scene-hint,.scene-live{position:absolute;top:20px;font-size:10px;letter-spacing:.04em;background:#fbf9f0cf;backdrop-filter:blur(12px);border:1px solid #ffffffb0;border-radius:100px;padding:9px 13px;pointer-events:none}.scene-hint{left:18px}.scene-hint span{margin-left:6px}.scene-live{right:18px;color:#4e5c6c;display:flex;gap:7px;align-items:center}.scene-live i{width:5px;height:5px;background:#a85f3e;border-radius:50%;box-shadow:0 0 0 4px #c3765015}.scene-toolbar{display:flex;gap:10px;align-items:center;padding:18px 5px 0}.scene-toolbar label{flex:1;font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:grid;gap:6px}.scene-toolbar input{accent-color:#ad6848;cursor:pointer;width:100%;height:18px}.scene-toolbar button{cursor:pointer;border:1px solid #12243b25;border-radius:100px;background:#fbf9f4;color:#12243b;padding:12px 18px;min-height:44px;font-size:12px}.scene-toolbar button:hover{background:#e5ac86;border-color:#e5ac86}.scene-note{font-size:10px;color:#737d86;margin:10px 5px 0}.lab{background:#172c44;border-radius:48px;width:min(1440px,calc(100% - 48px));margin:20px auto;color:#fbf9f4;overflow:hidden}.lab-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.lab .eyebrow{color:#c2ccd8}.lab h2{font-size:clamp(38px,4.8vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin:22px 0}.lab p{color:#b8c5d2;max-width:410px}.lab-controls{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}.lab-controls button{font-size:12px;min-height:44px;background:#ffffff08;border:1px solid #ffffff30;border-radius:100px;color:#e7e9ed;padding:10px 17px;cursor:pointer}.lab-controls button[aria-pressed=true]{color:#17283e;background:#e5ac86;border-color:#e5ac86}.depth-label{display:grid;gap:10px;color:#bdcad8;font-size:12px;max-width:320px}.depth-label input{width:100%;accent-color:#e5ac86;cursor:pointer}.lab-stage{position:relative;min-height:520px;overflow:hidden;border-radius:32px}.reality-stage{background:#253c55}.lab p.reality-disclaimer{color:#a1afbf!important}.reality-image{transition:transform .6s ease,object-position .9s ease,opacity .3s ease}.reality-image.is-loading{opacity:.3}
.listening{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.listening h2{font-size:clamp(38px,4.3vw,62px);line-height:1.08;font-weight:600;letter-spacing:-.05em;margin:25px 0}.listening-heading>p{max-width:390px;font-size:15px;color:#5d6876;line-height:1.85}.listening-row{display:flex;align-items:start;gap:22px;padding:30px 0;border-top:1px solid #12243b26}.listening-row>span{color:#a85f3e;font-size:11px;margin-top:7px}.listening-row h3{font-weight:600;font-size:23px;letter-spacing:-.025em;margin:0 0 12px}.listening-row p{font-size:14px;color:#606c7b;line-height:1.85;margin:0}.listening-row>b{color:#b77b58;font-weight:400;font-size:21px;margin-left:auto}.method{background:#e7e1d7}.method-top p,.step p{color:#606b78}.step{background:#fbf9f4ad;border-color:#fff9;transition:translate .4s,background .4s}.step:hover{translate:0 -6px;background:#fbf9f4}.step-num{background:#ede0d3;color:#885234}.contact{background:#12243b}.contact-copy,.email-note{color:#b4c1cf}.contact h2{font-size:clamp(40px,5.8vw,76px);font-weight:600}.contact .eyebrow{color:#c3ccd5}.contact h2 span{color:#e5ac86}.domain-pill{background:#ffffff08;color:#c3d1de;border-color:#ffffff18}.domain-pill strong{color:#e5ac86}.email-box h3{color:#d3dde6}.email-address{color:#f5f4ee}.copy-btn{color:#dee6ec}.copy-btn:hover{color:#12243b;background:#e5ac86;border-color:#e5ac86}.footer{color:#a5b3c3}.footer a{color:#c1ccd8}.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:25;border:1px solid #c1b8ab;background:#fbf9f4e8;backdrop-filter:blur(14px);color:#2b3e56;border-radius:100px;padding:10px 15px;font-size:11px;cursor:pointer;box-shadow:0 6px 20px #12243b12;min-height:42px}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .project-card{transform:none!important}.motion-paused .reality-image{transition:none}.tab-hidden *{animation-play-state:paused!important}
@media(max-width:1100px){.atelier-sticky{gap:30px}.listening{gap:45px}.hero-lede{font-size:16px}.scene-hint,.scene-live{font-size:9px;padding:8px 10px}}
@media(max-width:900px){.hero{padding-block:54px}.hero h1{font-size:clamp(57px,9vw,82px)}.reality-hero{min-height:440px}.atelier-sticky{grid-template-columns:.75fr 1.25fr;gap:22px}.atelier-copy h2{font-size:48px}.atelier-copy>p{font-size:13px}.scene-chapters{gap:8px;font-size:9px}.scene-panel #scene3d{height:400px}.scene-hint{top:auto;bottom:18px}.lab-grid{grid-template-columns:1fr;gap:30px}.listening{grid-template-columns:1fr;gap:30px}.listening-heading>p{max-width:640px}.listening-row p{max-width:620px}}
@media(max-width:680px){.js .menu-toggle{background:#eae5dc}.js .nav{background:#fbf9f4}.hero{padding-top:40px}.hero h1{font-size:clamp(44px,12vw,72px)}.hero h1 span{color:#e5ac86}.hero-lede{font-size:15px}.hero-art.reality-hero{min-height:350px}.reality-tag{font-size:10px;left:16px;top:16px}.motion-ribbon{margin:22px 0;padding-block:18px}.ribbon-track{font-size:10px}.atelier-scroll{height:200svh;margin-top:24px}.atelier-sticky{top:88px;grid-template-columns:1fr;gap:20px;padding:14px 0;align-content:center;min-height:calc(100svh - 100px)}.atelier-copy h2{font-size:clamp(30px,8vw,42px);line-height:1.08;margin:12px 0}.atelier-copy h2 br{display:none}.atelier-copy h2 em{white-space:nowrap}.atelier-copy>p{font-size:12px;max-width:100%;margin:12px 0;line-height:1.65}.atelier-copy .eyebrow{font-size:8px}.scene-chapters{display:none}.atelier-copy .scene-status{font-size:10px;margin:0;min-height:16px}.scene-panel #scene3d{height:clamp(230px,35svh,350px);border-radius:26px}.scene-toolbar{padding-top:10px;gap:8px}.scene-toolbar button{padding:10px 14px;font-size:10px;min-height:42px}.scene-toolbar label{font-size:9px}.scene-note{font-size:9px;margin-top:7px}.scene-hint{font-size:8px;bottom:12px;left:12px}.scene-live{font-size:8px;top:12px;right:12px}.lab{width:calc(100% - 24px);border-radius:32px}.lab-stage{min-height:380px;border-radius:24px}.lab h2{font-size:40px}.lab p{font-size:14px}.lab-controls{gap:7px}.lab-controls button{font-size:11px;padding:9px 13px}.listening{padding-block:65px}.listening h2{font-size:38px}.listening-row{gap:16px;padding-block:24px}.listening-row h3{font-size:22px}.listening-row p{font-size:14px}.motion-toggle{bottom:10px;right:10px;font-size:10px;padding:8px 12px}.contact h2{font-size:clamp(38px,10vw,60px)}}
@media(max-width:380px){.hero h1{font-size:37px}.hero-art.reality-hero{min-height:300px}.atelier-copy h2{font-size:29px}.scene-panel #scene3d{height:225px}.atelier-copy>p{font-size:11px}.scene-toolbar button{padding:8px 11px}.listening h2{font-size:33px}.reality-tag{font-size:9px}.lab h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.atelier-scroll{height:auto;margin-block:65px}.atelier-sticky{position:relative;top:auto}.ribbon-track,.hero-reality-photo{animation:none!important}.ambient-glow{transition:none}.project-card{transform:none!important}.reality-image{transition:none}}