:root{--ink:#182a36;--paper:#faf8f3;--muted:#626969;--lime:#9b7438;--line:#d9dad3}body{background:#faf8f3;color:#182a36}h1,h2,h3{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-1.2px}header{position:relative;background:#faf8f3;padding:15px 5%;border-bottom:1px solid #deded7;backdrop-filter:none}.brand-logo{width:176px;height:74px;object-fit:cover}.button,.experience-copy .button{background:#182a36;color:#fff;border-color:#182a36;border-radius:3px;font-weight:500}.button:hover{background:#314753;color:#fff;transform:none}nav>a:not(.button):hover,nav a.current{color:#8c642c}.menu{color:#182a36}.experience{height:auto;min-height:680px;display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:start;padding:70px 5% 160px;background:#faf8f3;overflow:visible}.experience:after{display:none}.experience-copy{position:relative;left:auto;top:auto;max-width:550px;padding:20px 0}.experience-copy h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2px;line-height:1.12}.experience-copy h1 span{color:#82612f}.experience-copy .eyebrow{color:#746647;font-size:10px;letter-spacing:1.5px}.experience-copy>p:not(.eyebrow){color:#626969;max-width:410px;font-size:18px;line-height:1.7;margin:24px 0 30px}.experience-bg{position:relative;grid-column:2;grid-row:1;width:100%;height:360px;filter:none;object-fit:cover;border-radius:2px;box-shadow:0 8px 28px #23334010}.experience-copy{grid-column:1;grid-row:1}.zone-title{position:absolute;right:5%;top:460px;width:46%;max-width:none;border:0;padding:0}.zone-title span{font-size:10px;color:#786744;letter-spacing:1px}.zone-title h2{font-size:21px;margin:8px 0}.zone-title p{color:#626969;font-size:14px;margin:0}.scene-hotspot{display:none}.experience-controls{left:5%;right:5%;bottom:20px}.zone-nav{gap:0;border-top:1px solid #deded7;border-bottom:1px solid #deded7}.zone-nav button{border:0;border-radius:0;background:transparent;color:#182a36;padding:16px 20px;backdrop-filter:none}.zone-nav button span{color:#817b6b;font-size:10px;letter-spacing:.7px}.zone-nav button strong{font-size:14px}.zone-nav button[aria-pressed=true]{background:#eee8dc;color:#182a36;border:0}.zone-nav button:hover{transform:none;background:#f1ece2}.experience-note{color:#777b76;font-size:11px}.discipline-strip{background:#eeeae1;color:#5b625f;border-color:#deded7}.section{padding:80px 5%}.work-section,.digital-lab{background:#faf8f3;color:#182a36}.film-library{background:#eeeee8;color:#182a36}.render-studies{background:#f4f0e7}.studio{background:#eeeee8;color:#182a36}.extra-demos{background:#faf8f3;color:#182a36}.contact{background:#182a36;color:#faf8f3}.contact .intro,.contact .form-note{color:#c9d0d1}.contact .button{background:#c6a56c;color:#182a36;border-color:#c6a56c}.contact input,.contact select,.contact textarea{color:#faf8f3;background:#233744;border-color:#57707c}.eyebrow,.work-section .eyebrow,.render-studies .eyebrow{color:#82612f;letter-spacing:1.3px}.contact .eyebrow{color:#d3b77f}.intro,.film-card p,.film-note{color:#626969}.section-head h2{font-size:clamp(32px,3.3vw,48px);line-height:1.15}.projects{gap:32px}.project-image,.film-poster,.render-card>img{border-radius:2px}.project-meta h3{font-size:23px}.badge{border-radius:2px;font-size:9px;letter-spacing:.7px}.film-grid{gap:32px}.film-card h3{font-size:21px}.render-grid{gap:34px}.render-card:first-child{grid-column:auto}.render-card:first-child>img{aspect-ratio:16/10}.service{border-color:#d9dad3}.tags span{border-color:#d9dad3;color:#626969}.studio h2 span{color:#82612f}footer{background:#faf8f3;color:#626969}.reveal{opacity:1;transform:none}.reading-progress{display:none}.demo-surface,.sample-panel{border-radius:3px;box-shadow:none}.sample-panel{border:1px solid #deded7}.demo-tabs button,.filters button{border-radius:3px}.filters button.active,.demo-tabs button[aria-pressed=true]{background:#182a36;color:#fff;border-color:#182a36}.service-marquee{animation-duration:90s}
@media(max-width:1000px){.experience{min-height:730px;gap:25px}.experience-bg{height:330px}.zone-title{display:block;top:430px}.experience-copy h1{font-size:46px}.zone-nav button{padding:16px 10px}.section{padding:65px 5%}}
@media(max-width:700px){header{position:relative}.brand-logo{width:150px;height:64px}nav.open{background:#faf8f3}.experience{display:flex;flex-direction:column;padding:35px 6% 25px;min-height:0;gap:20px}.experience-copy{padding:0;order:0;max-width:none}.experience-copy h1{font-size:42px;letter-spacing:-1.6px}.experience-copy>p:not(.eyebrow){font-size:16px;margin:20px 0}.experience-bg{order:1;height:250px;object-position:center}.zone-title{position:static;order:2;width:100%;display:block}.experience-controls{position:static;order:3;width:100%;margin-top:10px}.zone-nav{grid-template-columns:repeat(2,1fr)}.zone-nav button:last-child{grid-column:1/-1}.experience-note{flex-direction:column;gap:3px}.section{padding:55px 6%}.projects{gap:25px}.section-head h2{font-size:34px}.film-grid,.render-grid{grid-template-columns:1fr}.contact h2{font-size:40px}}
/* Keep the inherited cinematic offsets from shifting the mobile layout. */
.experience-copy{right:auto}.marquee-group span{color:#5b625f}.discipline-strip:before,.discipline-strip:after{display:none}.experience-controls{min-width:0}.experience-copy,.zone-title{min-width:0}.studio .process article{border-color:#d9dad3}
@media(max-width:700px){body{overflow-x:hidden}.experience-copy{right:auto;width:100%}.demo-table{overflow:auto}.contact .form-row{grid-template-columns:1fr}.zone-nav button{min-width:0}}