:root{--bg:#080808;--panel:#101010;--fg:#f2f0ea;--muted:#989898;--line:#242424;--red:#e02222;--max:1440px;--pad:clamp(20px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - (var(--pad)*2)));margin-inline:auto}.section-pad{padding:clamp(88px,11vw,180px) 0}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b8b8b8}.site-header{position:fixed;inset:0 0 auto;z-index:90;transition:.3s}.site-header.scrolled{background:rgba(8,8,8,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{height:88px;display:flex;align-items:center;gap:34px}.brand{display:flex;font-size:20px;letter-spacing:-.05em;align-items:center}.brand span{font-weight:300}.brand strong{font-weight:800}.custom-logo{max-height:36px;width:auto}.desktop-nav{margin-left:auto}.desktop-nav ul,.mobile-menu ul{list-style:none;padding:0;margin:0}.desktop-nav ul{display:flex;gap:28px}.desktop-nav a{font-size:13px;color:#ddd}.header-cta{font-size:12px;border:1px solid #555;padding:12px 16px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:28px;height:1px;background:#fff;margin:6px}.mobile-menu{display:none}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-media,.hero-media img,.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-fallback{background:radial-gradient(circle at 65% 30%,#362020 0,transparent 22%),linear-gradient(120deg,#080808 10%,#151515 55%,#050505)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.25) 40%,rgba(0,0,0,.86))}.hero-copy{position:relative;z-index:2;padding-bottom:10vh}.hero h1,.page-hero h1,.contact-copy h1{font-size:clamp(62px,9vw,150px);line-height:.86;letter-spacing:-.065em;margin:18px 0 26px;font-weight:700;max-width:1200px}.hero h1 em,.page-hero em,.conversion em,.contact-copy em{font-family:Georgia,serif;font-weight:400}.hero-lead{max-width:640px;font-size:clamp(17px,1.5vw,22px);color:#c8c8c8}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:0}.button-red{background:var(--red);color:#fff}.button-light{background:#f3f1eb;color:#111}.text-link{font-size:13px;border-bottom:1px solid #777;padding-bottom:5px}.hero-index{position:absolute;right:var(--pad);bottom:42px;z-index:2;font-size:10px;letter-spacing:.2em;color:#aaa}.statement{display:grid;grid-template-columns:1fr 3fr 1.4fr;gap:40px}.statement h2,.section-head h2,.conversion h2{font-size:clamp(42px,6vw,92px);letter-spacing:-.055em;line-height:.95;margin:0}.statement p:last-child{color:var(--muted);font-size:16px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.project-card{grid-column:span 6}.project-card:nth-child(3n){grid-column:span 7}.project-card:nth-child(4n){grid-column:span 5}.project-media{aspect-ratio:4/5;background:#111;overflow:hidden}.project-card:nth-child(even) .project-media{aspect-ratio:16/11}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.project-card:hover img{transform:scale(1.025)}.media-placeholder{width:100%;height:100%;min-height:280px;background:linear-gradient(135deg,#161616,#0b0b0b);display:flex;align-items:center;justify-content:center;color:#555;font-size:10px;letter-spacing:.18em}.project-meta{display:flex;justify-content:space-between;padding:18px 0 36px;border-bottom:1px solid var(--line)}.project-meta h3,.project-meta h2{font-size:21px;margin:0 0 5px}.project-meta p{margin:0;color:#777;font-size:12px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:1.3fr 1.2fr auto;gap:40px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center}.service-row span{font-size:clamp(26px,3vw,44px);letter-spacing:-.04em}.service-row p{color:#808080;max-width:480px}.gallery-grid{columns:4;column-gap:16px}.gallery-item{display:block;margin-bottom:16px;break-inside:avoid;overflow:hidden}.gallery-item:nth-child(3n) .media-placeholder,.gallery-item:nth-child(3n) img{aspect-ratio:4/5}.gallery-item:nth-child(4n) .media-placeholder,.gallery-item:nth-child(4n) img{aspect-ratio:16/10}.gallery-item img{object-fit:cover}.industry-cloud{display:flex;flex-wrap:wrap;gap:10px}.industry-cloud span{font-size:clamp(30px,5vw,72px);letter-spacing:-.05em;padding:8px 20px;border:1px solid #2a2a2a;border-radius:999px;color:#bbb}.conversion{background:#efede7;color:#101010}.conversion-inner{max-width:1000px;margin-left:var(--pad)}.conversion .eyebrow{color:#555}.conversion p{max-width:600px}.page-hero{padding-top:190px;padding-bottom:90px}.page-hero p:not(.eyebrow){max-width:680px;color:#999;font-size:18px}.archive-wrap{padding-bottom:140px}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:40px}.filter{background:#101010;color:#aaa;border:1px solid #222;border-radius:999px;padding:10px 16px;cursor:pointer}.filter.active{background:#eee;color:#111}.project-cover{width:min(1800px,100%);margin:20px auto 0}.project-cover img{max-height:88vh;object-fit:cover}.project-content{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-top:70px;padding-bottom:120px}.project-side{display:flex;flex-direction:column;gap:20px;color:#777;font-size:12px}.rich-content{font-size:18px;color:#c4c4c4}.rich-content h2,.rich-content h3{color:#fff}.project-next{display:flex;justify-content:space-between;border-top:1px solid #222;padding:35px 0 100px}.service-detail-list{border-top:1px solid var(--line)}.service-detail{display:grid;grid-template-columns:110px 1fr;padding:54px 0;border-bottom:1px solid var(--line)}.service-detail>span{color:#555}.service-detail h2{font-size:clamp(34px,5vw,70px);letter-spacing:-.05em;margin:0 0 14px}.service-detail p{max-width:820px;color:#8c8c8c}.service-detail a{display:inline-block;margin-top:14px;border-bottom:1px solid #555}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center}.portrait-placeholder{aspect-ratio:4/5}.split-copy h2{font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.05em}.split-copy p{color:#999}.inline-links{display:flex;gap:22px;margin-top:32px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-grid>div{border-top:1px solid #333;padding-top:24px}.value-grid span{color:#666;font-size:12px}.value-grid h3{font-size:30px}.value-grid p{color:#888}.contact-layout{min-height:100vh;padding-top:190px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-copy h1{font-size:clamp(58px,7vw,110px)}.contact-copy>p{color:#999;max-width:520px}.contact-direct{display:flex;flex-direction:column;gap:8px;margin-top:40px}.contact-form-wrap{padding-top:25px}.contact-form{display:flex;flex-direction:column;gap:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-size:12px;color:#aaa;display:flex;flex-direction:column;gap:7px}.contact-form input,.contact-form textarea{background:#0e0e0e;border:1px solid #292929;color:#fff;padding:14px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#777}.success{padding:16px;background:#152317;border:1px solid #29462d;margin-bottom:20px}.site-footer{background:#0e0e0e;padding:100px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-wordmark{font-size:12px;letter-spacing:.2em}.site-footer h2{font-size:clamp(44px,5.5vw,78px);line-height:.95;letter-spacing:-.05em;max-width:800px}.site-footer a,.site-footer span{display:block;color:#999;margin:9px 0}.site-footer .button{display:inline-flex;color:#111;margin-top:20px}.footer-label{color:#fff!important;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #252525;margin-top:80px;padding-top:20px;font-size:11px}.project-assistant{position:fixed;right:24px;bottom:24px;z-index:100}.assistant-trigger{background:#f1efe9;color:#111;border:0;padding:14px 18px;box-shadow:0 10px 35px rgba(0,0,0,.25);cursor:pointer}.assistant-panel{display:none;position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 40px));background:#111;border:1px solid #2d2d2d;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.assistant-panel.open{display:block}.assistant-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#aaa;font-size:26px}.assistant-panel h3{font-size:30px;margin:5px 0}.assistant-panel>p:not(.eyebrow){color:#888;font-size:13px}.assistant-options{display:flex;flex-wrap:wrap;gap:6px}.assistant-option{background:#191919;border:1px solid #292929;color:#aaa;padding:8px 10px;font-size:11px}.assistant-option.selected{background:#eee;color:#111}.assistant-form{display:none;flex-direction:column;gap:8px;margin-top:16px}.assistant-form.show{display:flex}.assistant-form input,.assistant-form textarea{background:#0a0a0a;border:1px solid #292929;color:#fff;padding:11px}.article{padding-top:170px;padding-bottom:120px}.article header{max-width:1000px}.article h1{font-size:clamp(50px,7vw,100px);line-height:.95;letter-spacing:-.05em}.article-hero{margin:50px 0}.article-body{max-width:760px;margin:auto}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.post-card h2{font-size:38px;letter-spacing:-.04em}.page-content{padding-bottom:120px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;inset:88px 0 0;background:#080808;padding:40px var(--pad);overflow:auto}.mobile-menu.open{display:block}.mobile-menu li{border-bottom:1px solid #222}.mobile-menu a{font-size:36px;display:block;padding:14px 0}.mobile-contact{margin-top:40px}.mobile-contact a{font-size:14px!important}.statement{grid-template-columns:1fr}.project-card,.project-card:nth-child(3n),.project-card:nth-child(4n){grid-column:span 6}.gallery-grid{columns:2}.service-row{grid-template-columns:1fr auto}.service-row p{display:none}.split-section,.contact-layout{grid-template-columns:1fr}.contact-layout{gap:30px}.value-grid{grid-template-columns:1fr}.project-content{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.header-inner{height:70px}.mobile-menu{inset:70px 0 0}.hero-copy{padding-bottom:90px}.hero h1{font-size:18vw}.hero-lead{font-size:16px}.hero-index{display:none}.section-pad{padding:82px 0}.statement h2,.section-head h2{font-size:13vw}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.project-grid{display:block}.project-card{margin-bottom:32px}.project-media,.project-card:nth-child(even) .project-media{aspect-ratio:4/5}.gallery-grid{columns:2;column-gap:8px}.gallery-item{margin-bottom:8px}.industry-cloud span{font-size:9vw;padding:6px 13px}.service-detail{grid-template-columns:46px 1fr}.service-detail h2{font-size:10vw}.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.project-assistant{right:12px;bottom:12px}.assistant-trigger{padding:12px 14px}.page-hero{padding-top:130px}.contact-layout{padding-top:130px}}
/* v2 visual completion */
.shell-wide{width:min(1780px,calc(100% - 32px));margin-inline:auto}.brand-logo{width:118px!important;max-height:44px!important;object-fit:contain}.footer-logo{width:150px!important;height:auto!important}.page-noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero-image{filter:saturate(.88) contrast(1.03)}.hero-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.9%,rgba(255,255,255,.05) 50%,transparent 50.1%);background-size:11vw 100%;mix-blend-mode:overlay;opacity:.2}.scroll-cue{position:absolute;z-index:3;left:var(--pad);bottom:35px;font-size:10px;letter-spacing:.22em;color:#aaa;display:flex;gap:12px}.reel-rail{padding:clamp(80px,9vw,140px) 0 0;overflow:hidden}.reel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,34vw);gap:18px;overflow-x:auto;padding-bottom:22px;scroll-snap-type:x mandatory}.reel-card{position:relative;aspect-ratio:16/10;overflow:hidden;scroll-snap-align:start;background:#111}.reel-card img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.reel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.8))}.reel-card:hover img{transform:scale(1.045);filter:saturate(1.15)}.play-disc{position:absolute;z-index:3;left:24px;top:24px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#111;font-size:13px;padding-left:3px}.reel-meta{position:absolute;z-index:3;left:24px;bottom:22px}.reel-meta small{display:block;color:#ccc;margin-bottom:5px}.reel-meta strong{font-size:clamp(19px,2vw,30px)}.project-media{position:relative}.media-hover{position:absolute;inset:auto 18px 18px auto;background:#f4f2ec;color:#111;font-size:10px;letter-spacing:.16em;padding:10px 12px;opacity:0;transform:translateY(8px);transition:.3s}.project-card:hover .media-hover{opacity:1;transform:none}.gallery-item{position:relative}.gallery-item img{width:100%;min-height:220px;object-fit:cover;transition:transform .65s ease}.gallery-item:hover img{transform:scale(1.02)}.brand-ecosystem{background:#0c0c0c}.brand-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.brand-tile{grid-column:span 4;min-height:260px;border:1px solid #222;background:#090909;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;overflow:hidden}.brand-tile.primary{grid-column:span 8}.brand-tile img{max-width:78%;max-height:145px;object-fit:contain}.brand-tile.primary img{max-height:220px}.brand-tile span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#666}.large-heading{font-size:clamp(45px,6vw,88px);line-height:.95;letter-spacing:-.055em;max-width:1050px}.about-visual img{aspect-ratio:4/5;object-fit:cover}.service-image-band{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:10px;height:min(62vw,650px)}.service-image-band img{height:100%;object-fit:cover}.industry-list{display:grid;gap:1px;background:#222;padding-top:0}.industry-card{display:grid;grid-template-columns:70px minmax(220px,40%) 1fr;gap:35px;background:#080808;padding:30px;align-items:center}.industry-card>span{font-size:11px;color:#666}.industry-card img{aspect-ratio:16/10;object-fit:cover}.industry-card h2{font-size:clamp(34px,4vw,66px);letter-spacing:-.05em;margin:0 0 10px}.industry-card p{color:#888;max-width:550px}.industry-card a{display:inline-block;margin-top:16px;border-bottom:1px solid #555}.post-card img{aspect-ratio:16/10;object-fit:cover;margin-bottom:22px}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;padding-bottom:100px}.project-gallery-item{grid-column:span 4;overflow:hidden}.project-gallery-item:nth-child(4n+1){grid-column:span 7}.project-gallery-item:nth-child(4n+2){grid-column:span 5}.project-gallery-item img{height:100%;aspect-ratio:4/3;object-fit:cover}.assistant-trigger{border-radius:999px;display:flex;align-items:center;gap:9px;font-weight:700}.assistant-pulse{width:8px;height:8px;border-radius:50%;background:#ef3333;box-shadow:0 0 0 0 rgba(239,51,51,.7);animation:ainPulse 2s infinite}.assistant-direct{display:flex;gap:14px;margin-top:14px}.assistant-direct a{font-size:11px;border-bottom:1px solid #444;color:#aaa}@keyframes ainPulse{70%{box-shadow:0 0 0 10px rgba(239,51,51,0)}100%{box-shadow:0 0 0 0 rgba(239,51,51,0)}}.lightbox{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(1500px,94vw);max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:24px;top:18px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}
@media(max-width:980px){.brand-tile,.brand-tile.primary{grid-column:span 6}.service-image-band{grid-template-columns:1fr 1fr;height:auto}.service-image-band img{aspect-ratio:4/5}.industry-card{grid-template-columns:45px 1fr}.industry-card img{grid-column:2}.industry-card>div{grid-column:2}.reel-track{grid-auto-columns:72vw}}
@media(max-width:640px){.brand-logo{width:96px!important}.reel-track{grid-auto-columns:84vw}.brand-tile,.brand-tile.primary{grid-column:1/-1;min-height:210px}.brand-tile img{max-height:120px}.brand-tile.primary img{max-height:150px}.service-image-band{grid-template-columns:1fr 1fr;gap:5px}.industry-card{padding:24px 0;grid-template-columns:36px 1fr}.project-gallery-item,.project-gallery-item:nth-child(4n+1),.project-gallery-item:nth-child(4n+2){grid-column:span 12}.cursor-dot{display:none}}
/* v3 portfolio-only media + 3D motion */
body:before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 10%,rgba(140,0,38,.12),transparent 24%),radial-gradient(circle at 80% 70%,rgba(255,30,30,.07),transparent 25%);filter:blur(30px)}
.scroll-progress{position:fixed;z-index:9999;top:0;left:0;width:100%;height:2px;background:#b00034;transform:scaleX(0);transform-origin:left center}.hero-brand-stage{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#191919 0,#050505 55%,#000 100%)}.hero-brand-logo{width:min(40vw,520px)!important;height:auto!important;opacity:.95;filter:drop-shadow(0 30px 80px rgba(0,0,0,.7))}.brand-frame{height:100%;min-height:320px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#151515,#050505 66%);border:1px solid #1d1d1d}.brand-frame img{width:min(46%,300px);height:auto;object-fit:contain}.about-brand{aspect-ratio:4/5}.shell-wide{width:min(1750px,calc(100% - 32px));margin-inline:auto}.tilt-card,.portal-card{--rx:0deg;--ry:0deg;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease-out}.tilt-card:before,.portal-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 28%);transition:opacity .25s;z-index:5}.tilt-card:hover:before,.portal-card:hover:before{opacity:.35}.source-card{display:block}.source-card-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px;background:radial-gradient(circle at 50% 30%,#222,#070707 65%)}.source-card-inner img{width:180px;height:auto}.source-card-inner .play-disc{position:static}.source-card-inner small{color:#777;max-width:300px}.portfolio-portals{position:relative}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.portal-card{position:relative;min-height:360px;border:1px solid #242424;background:linear-gradient(145deg,#111,#080808);padding:clamp(28px,4vw,58px);overflow:hidden}.portal-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-40px;bottom:-55px;box-shadow:0 0 0 40px rgba(255,255,255,.015),0 0 0 80px rgba(255,255,255,.008)}.portal-card>span{font-size:11px;color:#666}.portal-card h3{font-size:clamp(42px,5vw,76px);letter-spacing:-.06em;margin:80px 0 10px}.portal-card p{color:#888;max-width:420px}.portal-card b{position:absolute;bottom:36px;font-size:12px}.gallery-empty{column-span:all;min-height:440px;display:grid;place-items:center;text-align:center;border:1px solid #202020;background:#090909}.gallery-empty img{width:180px!important;margin:0 auto 30px}.gallery-empty p{max-width:560px;color:#777}.footer-companies{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #202020;padding:26px 0}.footer-companies>span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#555}.footer-companies>div{display:flex;align-items:center;gap:24px;opacity:.48}.footer-companies img{width:auto!important;max-width:74px;height:22px;object-fit:contain;filter:grayscale(1)}.reel-card,.project-card,.portal-card{will-change:transform}.reel-card img{transform:translateZ(20px)}.portal-card h3,.portal-card p,.portal-card b{transform:translateZ(30px)}
@media(max-width:800px){.portal-grid{grid-template-columns:1fr}.portal-card{min-height:300px}.portal-card h3{margin-top:55px}.footer-companies{align-items:flex-start;flex-direction:column}.footer-companies>div{flex-wrap:wrap;gap:18px}.footer-companies img{max-width:62px;height:18px}.hero-brand-logo{width:58vw!important}}
@media(prefers-reduced-motion:reduce){.tilt-card,.portal-card,.parallax-media,.magnetic{transform:none!important;transition:none!important}}


/* v4 — unmistakable 3D hero + expanded portfolio wall */
.hero-v4{align-items:flex-end;background:#050505;perspective:1800px}
.hero-v4 .hero-copy{max-width:760px;z-index:8}
.hero-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 34%,rgba(0,0,0,.08) 66%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72))}
.hero-3d-stage{position:absolute;inset:4% -3% 0 26%;z-index:2;transform-style:preserve-3d;perspective:1600px;transform:rotateX(var(--stage-rx,0deg)) rotateY(var(--stage-ry,0deg)) translateZ(0);transition:transform .2s ease-out;pointer-events:none}
.hero-3d-card{position:absolute;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#111;box-shadow:0 35px 90px rgba(0,0,0,.55);transform-style:preserve-3d;pointer-events:auto;transition:filter .35s ease,opacity .35s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.hero-3d-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}
.hero-3d-card:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 28%,rgba(0,0,0,.2));pointer-events:none}
.hero-3d-card-1{width:48vw;height:66vh;right:4vw;top:5vh;transform:translateZ(80px) rotateY(-8deg) rotateX(2deg)}
.hero-3d-card-2{width:23vw;height:31vh;left:1vw;top:9vh;transform:translateZ(180px) rotateY(13deg) rotateZ(-3deg)}
.hero-3d-card-3{width:20vw;height:28vh;right:1vw;bottom:4vh;transform:translateZ(230px) rotateY(-13deg) rotateZ(3deg)}
.hero-3d-card-4{width:18vw;height:25vh;left:5vw;bottom:6vh;transform:translateZ(120px) rotateY(8deg) rotateZ(2deg)}
.hero-3d-card-5{width:16vw;height:21vh;right:18vw;top:0;transform:translateZ(290px) rotateY(-4deg) rotateZ(-2deg)}
.hero-3d-card:hover{filter:brightness(1.08);z-index:10!important}
.hero-3d-card-1:hover{transform:translateZ(150px) rotateY(-3deg) scale(1.025)}
.hero-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(50px);z-index:5;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#111;font-size:18px;box-shadow:0 15px 40px rgba(0,0,0,.35)}
.hero-brand-card{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#181818,#040404 68%)}
.hero-depth-label{position:absolute;right:var(--pad);top:105px;z-index:7;font-size:9px;letter-spacing:.2em;color:#777}
.work-universe{overflow:hidden;background:linear-gradient(180deg,#080808,#050505)}
.work-universe-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;perspective:1400px}
.universe-card{position:relative;grid-column:span 3;aspect-ratio:4/5;overflow:hidden;background:#101010;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease;box-shadow:0 10px 35px rgba(0,0,0,.24)}
.universe-card:nth-child(5n+1){grid-column:span 5;aspect-ratio:16/11}.universe-card:nth-child(7n+2){grid-column:span 4;aspect-ratio:1/1}.universe-card:nth-child(8n+4){grid-column:span 5;aspect-ratio:4/3}
.universe-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.universe-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));opacity:.75}
.universe-card span,.universe-card b{position:absolute;z-index:3;bottom:14px;font-size:9px;letter-spacing:.14em}.universe-card span{left:14px}.universe-card b{right:14px}
.universe-card:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) translateZ(40px);box-shadow:0 35px 80px rgba(0,0,0,.5)}.universe-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.05)}
@media(max-width:980px){.hero-3d-stage{inset:12% -18% 0 20%;opacity:.72}.hero-3d-card-1{width:72vw;height:58vh}.hero-3d-card-2{width:34vw;height:24vh}.hero-3d-card-3{width:31vw;height:22vh}.hero-3d-card-4,.hero-3d-card-5{display:none}.work-universe-grid{grid-template-columns:repeat(6,1fr)}.universe-card,.universe-card:nth-child(5n+1),.universe-card:nth-child(7n+2),.universe-card:nth-child(8n+4){grid-column:span 3}}
@media(max-width:640px){.hero-vignette{background:linear-gradient(180deg,rgba(0,0,0,.1) 20%,rgba(0,0,0,.82) 66%,#050505 100%)}.hero-3d-stage{inset:7% -46% auto 2%;height:59vh;opacity:.85}.hero-3d-card-1{width:92vw;height:52vh;right:26vw}.hero-3d-card-2{width:44vw;height:22vh;left:48vw;top:3vh}.hero-3d-card-3{width:42vw;height:21vh;right:8vw;bottom:-4vh}.hero-depth-label{display:none}.universe-card,.universe-card:nth-child(5n+1),.universe-card:nth-child(7n+2),.universe-card:nth-child(8n+4){grid-column:span 6;aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.hero-3d-stage,.hero-3d-card,.universe-card{transform:none!important;transition:none!important}}

/* v5 — portfolio-accurate multi-source presentation */
.hero-v5{min-height:100svh;perspective:1800px;background:#050505}.hero-v5 .hero-copy{z-index:12;max-width:730px}.hero-slider{position:absolute;inset:0;z-index:2;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s ease;transform-style:preserve-3d}.hero-slide.active{opacity:1;visibility:visible}.hero-main-frame{position:absolute;right:3.5vw;top:8vh;width:min(59vw,950px);height:76vh;overflow:hidden;transform:perspective(1500px) translate3d(var(--px,0),var(--py,0),0) rotateX(var(--hy,0deg)) rotateY(var(--hx,0deg)) rotateZ(-1deg);transform-style:preserve-3d;transition:transform .25s ease-out;box-shadow:0 55px 120px rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.12);clip-path:polygon(3% 0,100% 2%,97% 98%,0 100%)}.hero-main-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.04)}.hero-main-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 26%,rgba(0,0,0,.18));pointer-events:none}.hero-float{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 75px rgba(0,0,0,.55);z-index:4;transform-style:preserve-3d}.hero-float img{width:100%;height:100%;object-fit:cover}.hero-float-a{right:47vw;top:13vh;width:17vw;height:24vh;transform:translate3d(calc(var(--px,0px)*-.7),calc(var(--py,0px)*-.7),110px) rotateY(13deg) rotateZ(-5deg)}.hero-float-b{right:5vw;bottom:7vh;width:19vw;height:25vh;transform:translate3d(calc(var(--px,0px)*.65),calc(var(--py,0px)*.65),160px) rotateY(-15deg) rotateZ(4deg)}.hero-slide-meta{position:absolute;right:4.5vw;top:87vh;z-index:8;display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:.11em}.hero-slide-meta span{color:#666}.hero-slide-meta strong{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.hero-dots{position:absolute;z-index:15;right:var(--pad);bottom:70px;display:flex;gap:8px}.hero-dots button{width:26px;height:2px;padding:0;border:0;background:#4c4c4c;cursor:pointer;transition:.3s}.hero-dots button.active{width:58px;background:#fff}.hero-empty{display:grid;place-items:center;background:radial-gradient(circle at 70% 40%,#241016,#050505 55%)}.hero-empty>div{text-align:center}.hero-empty img{width:210px;margin:0 auto 20px}.hero-empty p{color:#777}.portfolio-clients{overflow:hidden}.portfolio-source-block{margin-bottom:clamp(80px,9vw,150px)}.source-heading{display:grid;grid-template-columns:70px 1fr;align-items:end;margin-bottom:28px}.source-heading>span{font-size:11px;color:#555}.source-heading h3{font-size:clamp(30px,4vw,58px);margin:4px 0 0;letter-spacing:-.045em}.client-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.client-frame{position:relative;grid-column:span 3;aspect-ratio:4/5;overflow:hidden;background:#101010}.client-frame:nth-child(6n+1){grid-column:span 5;aspect-ratio:16/11}.client-frame:nth-child(7n+2){grid-column:span 4;aspect-ratio:1/1}.client-frame:nth-child(9n+4){grid-column:span 5;aspect-ratio:3/2}.client-frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.client-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72));opacity:.55;transition:.35s}.client-frame span{position:absolute;z-index:2;left:13px;bottom:11px;font-size:8px;letter-spacing:.15em;color:#ddd}.client-frame:hover img{transform:scale(1.045);filter:saturate(1.08)}.client-frame:hover:after{opacity:.8}.founder-feature{background:#efede7;color:#111;overflow:hidden}.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,130px);align-items:center}.founder-copy .eyebrow{color:#555}.founder-copy h2{font-size:clamp(58px,8vw,128px);line-height:.85;letter-spacing:-.07em;margin:16px 0 34px}.founder-copy p{max-width:620px;font-size:17px;color:#4b4b4b}.founder-visual-stack{position:relative;min-height:650px;transform-style:preserve-3d;perspective:1300px}.founder-layer{position:absolute;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.1)}.founder-layer img{width:100%;height:100%;object-fit:cover}.founder-layer-1{width:68%;height:80%;right:8%;top:8%;transform:translateZ(40px) rotate(2deg)}.founder-layer-2{width:38%;height:42%;left:1%;top:4%;transform:translateZ(120px) rotate(-6deg)}.founder-layer-3{width:34%;height:38%;left:8%;bottom:3%;transform:translateZ(160px) rotate(5deg)}.founder-name-mark{position:absolute;inset:8%;display:flex;flex-direction:column;justify-content:center;border:1px solid #c9c5bc;padding:8%;background:#e3e0d8;transform:rotate(-2deg)}.founder-name-mark span{font-size:clamp(48px,7vw,110px);letter-spacing:-.07em;line-height:.8}.founder-name-mark strong{font-size:clamp(70px,9vw,145px);letter-spacing:-.075em;line-height:.8}.founder-name-mark small{margin-top:30px;letter-spacing:.18em}.gallery-empty.compact{grid-column:1/-1;min-height:220px}.instagram-grid{columns:5}.project-empty{background:#0d0d0d;color:#555}.project-empty span{font-size:9px;letter-spacing:.14em}
@media(max-width:980px){.hero-main-frame{right:-15vw;width:88vw;height:65vh;top:10vh;opacity:.86}.hero-float-a{right:57vw;width:28vw;height:20vh}.hero-float-b{right:3vw;width:30vw;height:20vh}.hero-slide-meta{display:none}.client-mosaic{grid-template-columns:repeat(6,1fr)}.client-frame,.client-frame:nth-child(6n+1),.client-frame:nth-child(7n+2),.client-frame:nth-child(9n+4){grid-column:span 3}.founder-grid{grid-template-columns:1fr}.founder-visual-stack{min-height:600px}.instagram-grid{columns:3}}
@media(max-width:640px){.hero-main-frame{top:7vh;right:-34vw;width:128vw;height:55vh;clip-path:none}.hero-float-a{left:3vw;right:auto;top:11vh;width:43vw;height:17vh}.hero-float-b{right:2vw;bottom:38vh;width:39vw;height:16vh}.hero-v5 .hero-copy{padding-bottom:10vh}.hero-dots{right:20px;bottom:32px}.client-mosaic{grid-template-columns:repeat(2,1fr);gap:6px}.client-frame,.client-frame:nth-child(6n+1),.client-frame:nth-child(7n+2),.client-frame:nth-child(9n+4){grid-column:span 1;aspect-ratio:4/5}.client-frame:nth-child(5n+1){grid-column:span 2;aspect-ratio:16/10}.source-heading{grid-template-columns:42px 1fr}.founder-visual-stack{min-height:440px}.instagram-grid{columns:2}}
@media(prefers-reduced-motion:reduce){.hero-main-frame,.hero-float,.founder-layer{transform:none!important;transition:none!important}}
\n/* V6 media-fit corrections */\n.hero-v5{align-items:flex-end;background:#050505}\n.hero-main-frame{right:3vw;top:10vh;width:min(62vw,1120px);height:auto;aspect-ratio:16/9;clip-path:polygon(2% 0,100% 1%,98% 99%,0 100%);background:#060606}\n.hero-main-frame img{object-fit:contain;object-position:center;background:#060606;position:relative;z-index:2}\n.hero-main-frame.media-fit:before,.client-frame.media-fit:before,.gallery-item.media-fit:before{content:"";position:absolute;inset:-12px;background-image:var(--media-bg);background-size:cover;background-position:center;filter:blur(24px) brightness(.38) saturate(.85);transform:scale(1.08);z-index:0}\n.hero-main-frame.media-fit img,.client-frame.media-fit img,.gallery-item.media-fit img{position:relative;z-index:1}\n.client-frame{background:#090909}\n.client-frame img{object-fit:contain!important;object-position:center;background:rgba(0,0,0,.25)}\n.gallery-item{position:relative;background:#090909;overflow:hidden}\n.gallery-item img{width:100%;height:auto;max-height:78vh;object-fit:contain!important;object-position:center}\n.hero-float{opacity:.82}\n.hero-float img{object-fit:cover}\n@media(max-width:980px){.hero-main-frame{right:-7vw;top:9vh;width:88vw;height:auto;aspect-ratio:16/9}.hero-float-a{top:8vh}.hero-v5 .hero-copy{max-width:620px}}\n@media(max-width:640px){.hero-main-frame{right:-20vw;top:8vh;width:122vw;height:auto;aspect-ratio:16/9;clip-path:none}.hero-float-a{top:6vh}.hero-float-b{bottom:43vh}}\n