@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
.nav-overlay .nav-toggle,.nav-sidebar .nav-toggle{display:block;z-index:3}.nav-overlay nav,.nav-sidebar nav{position:fixed;inset:0;background:var(--bg);display:none!important;flex-direction:column;justify-content:center;font-size:clamp(1.4rem,4vw,3rem)}.nav-overlay nav.open,.nav-sidebar nav.open{display:flex!important}.project-layout-grid .stack-gallery{position:relative;display:grid;grid-template-columns:1fr 1fr}.project-layout-grid .stack-item{position:relative;top:auto;min-height:auto}.project-layout-grid .stack-item img,.project-layout-grid .stack-item video{height:60svh}.project-layout-cinematic .stack-item{position:relative;top:auto}.project-layout-cinematic .stack-item img,.project-layout-cinematic .stack-item video{height:92svh}.service-layout-modules .service-story{grid-template-columns:1fr;background:var(--surface);margin:0 var(--pad)}.home-layout-full-canvas .hero-grid{grid-template-columns:1fr}.home-layout-full-canvas .montage{position:absolute;inset:5rem 0 0;opacity:.55}.home-layout-full-canvas .hero-copy{max-width:900px}.home-layout-split .hero-grid{grid-template-columns:1fr 1fr}
:root{--bg:#080808;--surface:#121212;--text:#f1f0eb;--muted:#999891;--line:#2b2b29;--accent:#ff5a0a;--pad:clamp(1.2rem,4vw,5rem);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
html[data-theme=ivory]{--bg:#efeee8;--surface:#fff;--text:#111;--muted:#686862;--line:#cac9c2}html[data-theme=ivory] .site-footer img{filter:none}
html[data-theme=industrial]{--bg:#111417;--surface:#1b1f22;--text:#f2f3f2;--muted:#a3a9aa;--line:#394044;--accent:#ff6412}
html[data-theme=monochrome]{--bg:#050505;--surface:#111;--text:#fff;--muted:#aaa;--line:#333;--accent:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}.overline{font-size:.7rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--accent)}
.site-nav{position:fixed;z-index:100;top:0;left:0;width:100%;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(8,8,8,.94),rgba(8,8,8,.15));transition:.35s}.site-nav.scrolled{height:66px;background:rgba(8,8,8,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wordmark{width:185px}.wordmark img{filter:brightness(0) invert(1)}.site-nav nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.8rem);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.site-nav nav>a:not(.nav-cta){position:relative}.site-nav nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:.3s}.site-nav nav>a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{background:var(--accent);padding:.72rem 1rem}.lang{display:flex;gap:.4rem}.lang a{opacity:.45}.lang a[aria-current]{opacity:1;color:var(--accent)}.lang i{font-style:normal;color:var(--muted)}.nav-toggle{display:none;background:none;border:0;color:#fff}
.hero-3d{min-height:100svh;padding:8rem var(--pad) 0;position:relative;overflow:hidden}.hero-grid{min-height:calc(100svh - 12rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:4vw}.hero-copy{position:relative;z-index:5}.hero-copy h1,.service-hero h1,.project-hero h1,.contact-page h1,.error-page h1{font:500 clamp(4.3rem,8vw,9rem)/.86 var(--serif);letter-spacing:-.055em;margin:1.3rem 0 2rem}.hero-copy h1 em{color:var(--accent);font-style:italic}.hero-intro{max-width:650px;color:var(--muted);font-size:clamp(1rem,1.35vw,1.25rem);border-left:1px solid var(--accent);padding-left:1.3rem}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;background:var(--accent);color:#fff;padding:1rem 1.25rem;min-width:250px;text-transform:uppercase;letter-spacing:.11em;font-size:.73rem;border:0;margin-top:1.5rem;cursor:pointer}.cta.inverse{background:var(--text);color:var(--bg)}
.montage{position:relative;height:min(72vh,760px);perspective:1200px;transform-style:preserve-3d}.montage figure{position:absolute;margin:0;width:clamp(170px,20vw,330px);aspect-ratio:4/5;left:calc(8% + (var(--i) % 3) * 27%);top:calc(5% + (var(--i) % 4) * 16%);transform:translate3d(0,calc(var(--scroll,0)*var(--i)*-3px),calc((var(--i) - 3)*35px)) rotate(calc((var(--i) - 3)*2deg));box-shadow:0 35px 80px rgba(0,0,0,.48);transition:transform .15s linear;overflow:hidden}.montage figure:nth-child(even){aspect-ratio:5/3}.montage img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.1)}.orbit-copy{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:slowSpin 35s linear infinite;pointer-events:none}.orbit-copy span{position:absolute;font-size:.57rem;letter-spacing:.2em}.orbit-copy span:nth-child(1){top:4%;left:45%}.orbit-copy span:nth-child(2){top:50%;right:-2%}.orbit-copy span:nth-child(3){bottom:3%;left:35%}@keyframes slowSpin{to{transform:rotate(360deg)}}.hero-ticker{margin:0 calc(-1*var(--pad));border-top:1px solid var(--line);display:flex;justify-content:space-around;gap:2rem;padding:1rem var(--pad);font-size:.6rem;letter-spacing:.15em;color:var(--muted)}
.manifesto,.capabilities,.project-index,.related,.service-story{padding:clamp(6rem,11vw,12rem) var(--pad)}.manifesto{display:grid;grid-template-columns:.45fr 1.25fr;gap:2rem 6vw;border-bottom:1px solid var(--line)}.manifesto h2,.capabilities h2,.project-index h2,.related h2,.conversion h2,.service-story h2{font:500 clamp(3.2rem,6.5vw,7.2rem)/.95 var(--serif);letter-spacing:-.045em;margin:0}.manifesto>p:last-child{grid-column:2;color:var(--muted);font-size:1.15rem;max-width:780px}
.capabilities>header,.project-index>header,.related>header{display:grid;grid-template-columns:.45fr 1fr;gap:3rem;margin-bottom:5rem}.cap-list{border-top:1px solid var(--line)}.cap-row{display:grid;grid-template-columns:70px 1.1fr .9fr 40px;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line);transition:.3s}.cap-row:hover{padding-left:1rem;background:var(--surface)}.cap-row>span,.cap-row>p{color:var(--muted)}.cap-row h3{font:500 clamp(1.6rem,2.8vw,3.2rem)/1.05 var(--serif);margin:0}.cap-row p{margin:0}.cap-row b{font-size:1.5rem;color:var(--accent)}
.project-index{background:var(--surface)}.project-index>header>p:last-child{color:var(--muted);max-width:500px;align-self:end}.project-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem 1.4rem}.project-tile:nth-child(4n+2){margin-top:8rem}.project-tile figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:#222}.project-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .8s}.project-tile:hover img{transform:scale(1.04)}.project-tile figure span{position:absolute;top:1rem;left:1rem;font-size:.65rem}.project-tile>div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.project-tile h3{font:500 1.6rem var(--serif);margin:0}.project-tile p{font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);text-align:right}.effect-monochrome img{filter:grayscale(1)}.effect-monochrome:hover img{filter:grayscale(0)}.effect-muted img{filter:saturate(.45)}.effect-cinematic img{filter:saturate(.75) contrast(1.1)}
.conversion{padding:clamp(7rem,12vw,13rem) var(--pad);background:var(--accent);color:#090909}.conversion .overline{color:#090909}.conversion h2{max-width:1100px}.site-footer{padding:4rem var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;border-top:1px solid var(--line);font-size:.85rem}.site-footer img{width:200px;filter:brightness(0) invert(1)}.site-footer strong{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.site-footer p{color:var(--muted)}.site-footer a{border-bottom:1px solid var(--line)}
.page-transition{position:fixed;z-index:999;inset:0;background:var(--accent);display:grid;place-items:center;transform:translateZ(600px) scale(3);opacity:0;pointer-events:none}.page-transition.active{animation:portal .7s ease forwards}.page-transition span{font:500 7vw var(--serif);color:#111}@keyframes portal{0%{opacity:0;transform:perspective(800px) translateZ(700px) scale(3)}35%{opacity:1}100%{opacity:1;transform:perspective(800px) translateZ(0) scale(1)}}
.project-hero,.service-hero,.contact-page>header{padding:clamp(10rem,16vw,15rem) var(--pad) 6rem;min-height:78svh;display:flex;flex-direction:column;justify-content:end;border-bottom:1px solid var(--line)}.project-hero h1,.service-hero h1{max-width:1200px}.project-hero>p:not(.overline),.service-hero>p:not(.overline),.contact-page>header>p:not(.overline){max-width:750px;color:var(--muted);font-size:1.2rem}.project-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.project-tags span{border:1px solid var(--line);padding:.4rem .6rem;font-size:.62rem;letter-spacing:.1em}.stack-gallery{padding:5rem var(--pad) 9rem;display:grid;gap:2rem}.stack-item{position:sticky;top:6rem;margin:0;min-height:70svh;background:#111;box-shadow:0 -20px 80px rgba(0,0,0,.4)}.stack-item img,.stack-item video{width:100%;height:80svh;object-fit:contain;background:#080808}.stack-item figcaption{position:absolute;right:1rem;top:1rem;background:#080808;padding:.4rem .6rem;font-size:.65rem}.next-project{display:grid;grid-template-columns:1fr auto;align-items:end;padding:6rem var(--pad);background:var(--accent);color:#111}.next-project span{grid-column:1/-1;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.next-project strong{font:500 clamp(3rem,7vw,8rem)/1 var(--serif)}.next-project b{font-size:4rem}.service-story{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.service-story span{color:var(--accent)}.service-story>p{font-size:1.3rem;color:var(--muted)}.related{background:var(--surface)}
.contact-page{padding-bottom:8rem}.quote-form{margin:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--surface);padding:clamp(1.5rem,4vw,4rem)}.quote-form label{display:grid;gap:.55rem;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em}.quote-form input,.quote-form textarea,.quote-form select{width:100%;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);padding:1rem 0;outline:0}.quote-form input:focus,.quote-form textarea:focus{border-color:var(--accent)}.wide{grid-column:1/-1}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;text-transform:none!important;letter-spacing:0!important}.consent input{width:auto}.trap{position:absolute!important;left:-9999px}.form-error{grid-column:1/-1;color:#ff8f65}.form-success{margin:0 var(--pad);padding:4rem;background:var(--surface)}.legal-page,.error-page{padding:12rem var(--pad) 8rem;max-width:1100px}.legal-page h1,.error-page h1{font:500 clamp(4rem,8vw,8rem)/.95 var(--serif)}.legal-page h2{font:500 2rem var(--serif);margin-top:3rem}.legal-page p{color:var(--muted);max-width:800px}
@media(max-width:900px){.site-nav nav{position:fixed;inset:0;background:#090909;display:none;flex-direction:column;justify-content:center;font-size:1.2rem}.site-nav nav.open{display:flex}.nav-toggle{display:block;z-index:2}.nav-toggle span{display:block;width:25px;height:1px;background:#fff;margin:7px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:3rem}.montage{height:58svh;margin-top:-2rem}.montage figure{width:38vw;left:calc(2% + (var(--i)%3)*28%);transform:translate3d(0,calc(var(--scroll,0)*var(--i)*-1.2px),calc((var(--i)-3)*18px))}.manifesto,.capabilities>header,.project-index>header,.related>header,.service-story{grid-template-columns:1fr}.manifesto>p:last-child{grid-column:auto}.cap-row{grid-template-columns:45px 1fr 30px}.cap-row p{display:none}.project-wall{grid-template-columns:1fr}.project-tile:nth-child(4n+2){margin-top:0}.site-footer{grid-template-columns:1fr}.stack-item{top:5rem;min-height:60svh}.stack-item img,.stack-item video{height:70svh}}
@media(max-width:600px){.site-nav{height:68px}.wordmark{width:155px}.hero-3d{padding-top:6.5rem}.hero-grid{min-height:auto}.hero-copy h1{font-size:clamp(3.6rem,17vw,5rem)}.hero-intro{font-size:1rem}.montage{height:52svh}.hero-ticker{overflow:hidden;justify-content:flex-start;white-space:nowrap}.manifesto,.capabilities,.project-index,.related,.service-story{padding:5rem 1.2rem}.manifesto h2,.capabilities h2,.project-index h2,.related h2,.conversion h2{font-size:3.3rem}.cap-row{padding:1.4rem 0;gap:.7rem}.project-hero,.service-hero,.contact-page>header{padding:9rem 1.2rem 4rem;min-height:70svh}.project-hero h1,.service-hero h1,.contact-page h1{font-size:3.8rem}.stack-gallery{padding:3rem .7rem 6rem}.stack-item img,.stack-item video{height:62svh}.quote-form{margin:0 .7rem;grid-template-columns:1fr;padding:1.2rem}.wide{grid-column:auto}.page-transition span{font-size:14vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.montage figure,.orbit-copy,.page-transition{animation:none!important;transition:none!important}.page-transition{display:none}}