@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#080e17;--paper:#eaf0f4;--lime:#dab97c;--line:#2c3540;--muted:#a5b0bb}body{background:var(--ink)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}header{position:absolute;width:100%;border:none;background:linear-gradient(#080e17d9,transparent);backdrop-filter:none;padding:8px 5%;z-index:20}.brand-logo{width:190px;height:90px;border-radius:0}.experience{height:calc(100svh - 0px);min-height:730px;position:relative;overflow:hidden;background:#111c26}.experience-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform 1.2s;filter:brightness(.6)}.experience:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e17b3,transparent 70%),linear-gradient(0deg,#080e17 0%,transparent 55%);pointer-events:none}.experience-copy{position:absolute;left:7%;top:25%;z-index:2;max-width:740px}.experience-copy .eyebrow{color:#e7ce9d}.experience-copy h1{font-size:clamp(52px,6vw,90px);font-weight:400;letter-spacing:-4px;line-height:1.02}.experience-copy h1 span{color:#e5c58c}.experience-copy>p:not(.eyebrow){max-width:480px;color:#d0d8dd;margin:25px 0}.experience-copy .button{background:#e3c38d;border-color:#e3c38d;border-radius:40px}.zone-title{position:absolute;right:7%;top:44%;z-index:3;max-width:260px;border-left:1px solid #d9ba7a;padding-left:25px}.zone-title span{font-size:12px;letter-spacing:2px;color:#e7ce9d}.zone-title h2{font-size:30px;letter-spacing:-1px;margin:14px 0}.zone-title p{font-size:14px;color:#c5d0d8}.experience-controls{position:absolute;bottom:50px;left:7%;right:7%;z-index:3}.zone-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.zone-nav button{border:1px solid #ffffff30;border-radius:6px;background:#0b1525a6;color:#e3eaf1;text-align:left;padding:20px;cursor:pointer;backdrop-filter:blur(12px);transition:.2s}.zone-nav button span{display:block;font-size:12px;color:#b6c2cd;margin-bottom:9px}.zone-nav button strong{font-size:16px;font-weight:500}.zone-nav button[aria-pressed=true]{border-color:#e4c287;background:#e4c287;color:#101923}.zone-nav button[aria-pressed=true] span{color:#625138}.experience-note{font-size:12px;color:#aeb9c3;margin-top:18px;display:flex;justify-content:space-between}.scene-hotspot{position:absolute;right:20%;top:30%;z-index:3;display:flex;align-items:center;gap:12px;background:#0b1525c9;color:#e3ceaa;border:1px solid #e3c38d80;border-radius:30px;padding:10px 16px;font-size:13px;cursor:pointer}.scene-hotspot:before{content:'+';display:grid;place-items:center;width:25px;height:25px;border:1px solid #d9ba7a;border-radius:50%}.discipline-strip{background:#0c1420}.work-section{background:#eaf0f4}.film-library{background:#101b28}.render-studies{background:#dce3e5}.studio{background:#142536}.digital-lab{background:#e7ecef}.extra-demos{background:#0e1d2b}.section{padding-top:110px;padding-bottom:110px}.sample-panel{background:#edf1f4}.button{border-radius:30px}.contact{background:#080e17}.contact input,.contact textarea,.contact select{background:#101b28;border-color:#3a4b5a}.gallery-thumbs button[aria-pressed=true]{border-color:var(--lime)}.experience-guide{position:relative;z-index:2;display:flex;gap:15px;align-items:center}.experience-guide span{width:30px;height:1px;background:var(--lime)}.zone-nav button:hover{transform:translateY(-3px)}@media(max-width:1000px){.zone-title{display:none}.experience-copy{top:22%;max-width:700px}.zone-nav button{padding:15px 10px}.scene-hotspot{right:7%;top:65%}}@media(max-width:700px){header{position:absolute}.experience{min-height:880px;height:100svh}.experience-copy{top:21%;left:6%;right:6%}.experience-copy h1{font-size:54px;letter-spacing:-2.5px}.experience-controls{left:6%;right:6%;bottom:26px}.zone-nav{grid-template-columns:repeat(2,1fr);gap:8px}.zone-nav button{padding:12px}.zone-nav button:last-child{grid-column:1/-1}.zone-nav button span{margin-bottom:3px}.zone-nav button strong{font-size:14px}.scene-hotspot{top:57%;font-size:12px}.experience-note{font-size:11px;gap:15px}.experience-bg{object-position:60% center}.section{padding-top:70px;padding-bottom:70px}.brand-logo{width:160px;height:76px}nav.open{background:#080e17;padding:20px;border-radius:8px}}@media(prefers-reduced-motion:reduce){.experience-bg{transition:none}.zone-nav button:hover{transform:none}}