:root{
  --bg:#f3f4f4;--ink:#0b1015;--navy:#06131f;--navy2:#091d2b;--line:#d9dddf;
  --muted:#67717c;--white:#fff;--red:#ef2a1e;--blue:#1269d3;--orange:#f18608;--green:#0b9440;
  --ease:cubic-bezier(.2,.8,.2,1);--pad:clamp(20px,4vw,64px);--max:1600px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,video{max-width:100%;display:block}
::selection{background:#ef2a1e;color:#fff}
.scroll-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:2000;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:var(--red)}
.site-header{height:78px;position:fixed;inset:0 0 auto 0;z-index:1000;display:flex;align-items:center;padding:0 var(--pad);gap:34px;color:#fff;background:linear-gradient(180deg,rgba(3,8,12,.86),rgba(3,8,12,.48));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:.35s var(--ease)}.site-header.scrolled{height:68px;background:rgba(3,8,12,.94)}
.brand{display:flex;flex-direction:column;line-height:.84;min-width:156px}.brand-word{font-size:25px;letter-spacing:6px;font-weight:300}.brand-sub{font-size:8px;letter-spacing:6px;margin-top:9px;color:#b6c1ca}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;height:100%;font-size:13px}.desktop-nav>a,.nav-item>button{height:100%;display:flex;align-items:center;background:none;border:0;color:#fff;cursor:pointer;padding:0;font-size:13px}.nav-item>button span{font-size:11px;margin-left:6px;color:#92a0aa}.desktop-nav>a:hover,.nav-item>button:hover{color:#c8d7e3}.header-cta{padding:12px 16px;border:1px solid rgba(255,255,255,.4);font-size:12px;white-space:nowrap;transition:.2s}.header-cta:hover{background:#fff;color:#000}
.nav-item{height:100%;display:flex;align-items:center}.mega-menu{position:absolute;left:var(--pad);right:var(--pad);top:72px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:0;background:#fff;color:#101820;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid #d9dee1;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.25s var(--ease);pointer-events:none}.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}.mega-intro,.mega-col{padding:30px;border-right:1px solid #e2e5e7}.mega-intro{background:#f1f3f3}.mega-intro h3{font-size:27px;line-height:1.08;margin:10px 0}.mega-intro p{font-size:13px;line-height:1.6;color:#5d6770}.mega-intro>a{font-size:12px;font-weight:700}.mega-col small{font-size:9px;letter-spacing:1.8px;color:#77838d}.mega-col a{display:flex;flex-direction:column;padding:13px 0;border-bottom:1px solid #edf0f1}.mega-col a:last-child{border-bottom:0}.mega-col strong{font-size:13px}.mega-col span{font-size:11px;color:#77818a;margin-top:4px;line-height:1.35}.mega-compact{grid-template-columns:1fr 1fr 1.15fr}.mega-feature{min-height:270px;position:relative;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75)),var(--feature) center/cover;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.mega-feature span{font-size:9px;letter-spacing:2px}.mega-feature strong{font-size:22px;max-width:260px;margin-top:8px;line-height:1.05}.menu-toggle{display:none;background:none;border:0;width:38px;height:38px;position:relative}.menu-toggle span{position:absolute;left:7px;right:7px;height:1px;background:#fff;top:14px}.menu-toggle span:last-child{top:23px}.mobile-menu{display:none}
.hero{height:100svh;min-height:720px;position:relative;background:#04070a;color:#fff;overflow:hidden;display:flex;align-items:flex-end;padding:120px var(--pad) 88px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,rgba(0,0,0,.8),transparent 75%)}.hero-bg{position:absolute;inset:-8%;will-change:transform}.hero-bg-a{background:url('assets/cars/received_3991142134445967.jpeg') 78% 45%/min(78vw,1250px) auto no-repeat;filter:contrast(1.12) saturate(.85)}.hero-bg-b{background:radial-gradient(circle at 74% 50%,rgba(78,113,143,.34),transparent 36%),linear-gradient(90deg,#04070a 0 34%,rgba(4,7,10,.82) 48%,rgba(4,7,10,.08) 80%,#04070a 100%)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 25%,rgba(0,0,0,.3)),linear-gradient(90deg,rgba(0,0,0,.72),transparent 58%)}
.hero-copy{position:relative;z-index:2;width:min(820px,68vw)}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#b9c7d3}.dark-eyebrow{color:#53616c}.hero h1{font-size:clamp(62px,8.2vw,142px);line-height:.82;letter-spacing:-.055em;margin:22px 0 30px;max-width:1050px}.hero h1 em{font-weight:300;font-style:normal;color:#93a7b5}.hero-copy>p{font-size:clamp(16px,1.3vw,21px);line-height:1.55;max-width:660px;color:#c2ccd4}.hero-actions{display:flex;gap:10px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;font-size:12px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:.22s var(--ease)}.btn-primary{background:#fff;color:#07111a}.btn-primary:hover{background:var(--red);color:#fff}.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.hero-proof{position:absolute;right:var(--pad);bottom:86px;z-index:3;display:flex;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.hero-proof>div{min-width:145px;padding:15px 18px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}.hero-proof strong{font-size:23px}.hero-proof span{font-size:9px;color:#9eabb4;text-transform:uppercase;letter-spacing:1.2px;margin-top:4px}.hero-orbit{position:absolute;right:6vw;top:20%;width:230px;height:230px;border:1px solid rgba(255,255,255,.11);border-radius:50%;z-index:1;animation:spin 22s linear infinite}.orbit-dot{width:8px;height:8px;background:#fff;border-radius:50%;position:absolute;top:-4px;left:50%}.orbit-label{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:2px;color:#7c8b96;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}.scroll-cue{position:absolute;bottom:28px;left:var(--pad);z-index:4;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#92a0aa;display:flex;align-items:center;gap:10px}.scroll-cue span{width:38px;height:1px;background:#92a0aa}
.statement{max-width:var(--max);margin:auto;padding:110px var(--pad);display:grid;grid-template-columns:.8fr 2.2fr;gap:70px}.statement-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#64707a;padding-top:12px}.statement-copy h2,.section-head h2{font-size:clamp(42px,5vw,82px);line-height:.96;letter-spacing:-.045em;margin:0}.statement-copy p{font-size:18px;line-height:1.6;color:#5d6670;max-width:980px;margin-top:30px}
.parallax-strip{height:42vh;min-height:340px;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.08)),var(--bg) center 55%/cover fixed;position:relative;overflow:hidden}.parallax-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65))}.parallax-strip-inner{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:40px;color:#fff;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px}
.system-section,.angles-section,.pricing-section,.concept-lab{max-width:var(--max);margin:auto;padding:120px var(--pad)}.section-head{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:end;margin-bottom:60px}.section-head>div .eyebrow{display:block;margin-bottom:15px}.section-head>p{font-size:15px;line-height:1.6;color:#64707a;margin:0;max-width:560px}.section-head.light{color:#fff}.section-head.light p{color:#9caab5}.system-layers{display:flex;flex-direction:column;gap:8px}.system-layer{min-height:170px;display:grid;grid-template-columns:80px 1fr 1.15fr 1.15fr;align-items:center;gap:30px;color:#fff;padding:24px 24px 24px 30px;position:relative;overflow:hidden}.layer-hero{background:linear-gradient(90deg,#15110f,#34251a)}.layer-strategic{background:linear-gradient(90deg,#0c1720,#17374a)}.layer-building{background:linear-gradient(90deg,#17191b,#413a31)}.layer-foundation{background:linear-gradient(90deg,#0b1514,#1f3933)}.layer-no{font-size:12px;opacity:.65;align-self:flex-start}.system-layer span{font-size:9px;letter-spacing:1.7px}.system-layer h3{font-size:31px;margin:8px 0 0}.system-layer ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:2}.layer-image{height:125px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12)),var(--layer) center/cover;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.services-section,.work-section{background:#061019;color:#fff;padding:120px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}.service-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:320px;gap:12px}.service-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78)),var(--card) var(--cardpos,center)/cover;border:1px solid rgba(255,255,255,.1);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.35s var(--ease)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,rgba(255,255,255,.08));transform:translateX(-100%);transition:.55s var(--ease)}.service-card:hover{transform:translateY(-5px)}.service-card:hover:after{transform:translateX(100%)}.service-card>span{font-size:10px;color:#dce6ed}.service-card div{position:relative;z-index:2}.service-card small{font-size:9px;letter-spacing:1.8px;color:#b6c3cc}.service-card h3{font-size:31px;margin:8px 0}.service-card p{font-size:12px;line-height:1.55;color:#d1dae1;max-width:420px}.service-large{grid-row:span 2}.service-wide{grid-column:span 2}
.repurpose{max-width:var(--max);margin:auto;padding:120px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.repurpose-visual{position:relative;background:#000;min-height:700px;overflow:hidden}.repurpose-visual video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.repurpose-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.video-badge{position:absolute;z-index:2;bottom:18px;left:18px;color:#fff;font-size:9px;letter-spacing:1.5px}.repurpose-copy h2{font-size:clamp(48px,5vw,82px);line-height:.93;letter-spacing:-.05em;margin:15px 0 25px}.repurpose-copy>p{font-size:16px;line-height:1.65;color:#63707a;max-width:600px}.asset-stack{margin-top:42px;border-top:1px solid #cfd5d8}.asset-stack>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #dce0e2;padding:13px 0}.asset-stack b{font-size:10px;color:#8a949b}.asset-stack span{font-size:13px;font-weight:700}.asset-stack small{font-size:10px;color:#7f8991}
.angles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.angle-card{height:380px;position:relative;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.84)),var(--angle) var(--pos,center)/cover;color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.angle-card b{position:absolute;top:16px;left:16px;font-size:11px}.angle-card span{font-size:18px;font-weight:800}.angle-card small{font-size:10px;color:#c7d1d7;margin-top:7px;line-height:1.4}
.pricing-section{padding-top:80px}.pricing-banner{background:#071622;color:#fff;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pricing-banner h2{font-size:clamp(42px,4vw,68px);margin:10px 0 0;line-height:.95;letter-spacing:-.04em}.free-offer{width:220px;border-left:1px solid rgba(255,255,255,.24);padding-left:32px;display:flex;flex-direction:column}.free-offer small{font-size:9px;letter-spacing:1.5px}.free-offer strong{font-size:45px;color:#ff9700}.free-offer span{font-size:10px;color:#aab6bf}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.price-card{background:#fff;border:1px solid #dce0e2;padding:0 20px 26px;transition:.3s var(--ease)}.price-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(6,18,27,.1)}.price-image{height:185px;margin:0 -20px 24px;background:var(--priceimg) center/cover}.price-tag{font-size:8px;letter-spacing:1.5px;color:#6b7780}.price-card h3{font-size:26px;margin:7px 0 6px}.price-card>p{font-size:11px;color:#77828a}.money{display:flex;align-items:baseline;gap:8px;margin-top:22px}.money strong{font-size:44px;color:#e41f16}.money span{font-size:11px;color:#e41f16}.reg{color:#8d969d}.price-card ul{list-style:none;padding:18px 0 0;margin:18px 0 0;border-top:1px solid #e3e7e9}.price-card li{font-size:11px;padding:6px 0}.price-card li:before{content:"✓";display:inline-block;margin-right:8px;color:#0a527e;font-weight:900}.price-card.featured{border-top:4px solid #e41f16}.retainer-head{display:flex;justify-content:space-between;align-items:flex-end;margin-top:54px;margin-bottom:16px;border-bottom:1px solid #cdd3d7;padding-bottom:12px}.retainer-head span{font-size:20px;font-weight:900}.retainer-head p{margin:0;font-size:11px;color:#68747c}.retainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.retainer{background:#071622;color:#fff;padding:26px;display:flex;flex-direction:column;min-height:180px}.retainer small{font-size:9px;letter-spacing:1.5px}.retainer strong{font-size:32px;margin:18px 0}.retainer i{font-style:normal;font-size:11px;font-weight:400}.retainer span{font-size:11px;line-height:1.6;color:#b8c4cc}.addons{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.addons span{background:#fff;border:1px solid #d9dfe2;padding:16px;font-size:11px}.addons b{font-size:18px;margin-right:8px}
.studio-section{min-height:900px;background:#07111a;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.studio-parallax{position:relative;min-height:900px}.studio-parallax img{position:absolute;object-fit:cover;box-shadow:0 28px 70px rgba(0,0,0,.4)}.studio-parallax img:first-child{width:72%;height:68%;left:0;top:4%;object-position:48% center}.studio-parallax img:last-child{width:58%;height:55%;right:0;bottom:3%;object-position:52% center;border:8px solid #07111a}.studio-copy{padding:120px 8vw 90px 6vw;align-self:center}.studio-copy h2{font-size:clamp(48px,5vw,82px);line-height:.94;letter-spacing:-.045em;margin:18px 0 30px}.studio-copy p{font-size:15px;line-height:1.75;color:#c0cbd2;max-width:650px}.studio-principles{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.studio-principles span{font-size:8px;letter-spacing:1.4px;border:1px solid rgba(255,255,255,.2);padding:10px 12px}
.concept-stage{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.concept-main,.concept-tile{background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.7)),var(--concept) center/cover;position:relative;color:#fff}.concept-main{height:680px}.concept-side{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.concept-tile{min-height:220px}.concept-main span,.concept-tile span{position:absolute;bottom:15px;left:15px;font-size:9px;letter-spacing:1.5px}.ux-panel{margin-top:10px;background:#071622;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:45px;align-items:center}.ux-panel h3{font-size:40px;line-height:1;margin:15px 0}.ux-panel p{font-size:13px;color:#b8c4cc;line-height:1.65}.ux-panel video{width:100%;max-height:450px;background:#000}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#bcc7ce;padding:10px 14px;font-size:10px;cursor:pointer}.filters button.active,.filters button:hover{background:#fff;color:#07111a}.work-grid{columns:4 280px;column-gap:10px}.work-item{break-inside:avoid;margin-bottom:10px;position:relative;overflow:hidden;background:#0d1c27;transition:.3s var(--ease)}.work-item img{width:100%;height:auto;transition:.5s var(--ease)}.work-item:hover img{transform:scale(1.025);filter:brightness(.8)}.work-item figcaption{position:absolute;left:10px;right:10px;bottom:10px;font-size:8px;letter-spacing:1px;opacity:0;transform:translateY(5px);transition:.25s;color:#fff}.work-item:hover figcaption{opacity:1;transform:none}.work-item.hidden{display:none}
.cta-section{min-height:780px;position:relative;background:#020609;color:#fff;display:grid;grid-template-columns:1fr 480px;gap:80px;align-items:center;padding:120px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));overflow:hidden}.cta-bg{position:absolute;inset:-10%;background:linear-gradient(90deg,#020609 15%,rgba(2,6,9,.62) 55%,rgba(2,6,9,.2)),url('assets/cars/FB_IMG_1746361280605.jpg') 75% center/cover no-repeat;opacity:.62}.cta-copy,.brief-form{position:relative;z-index:2}.cta-copy h2{font-size:clamp(60px,7vw,112px);line-height:.87;letter-spacing:-.055em;margin:18px 0 28px}.cta-copy>p{font-size:16px;line-height:1.6;color:#bdc8cf;max-width:670px}.cta-actions{display:flex;gap:10px;margin-top:30px}.brief-form{background:rgba(7,19,30,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15);padding:28px;display:grid;gap:14px}.brief-form label{font-size:9px;letter-spacing:1.2px;color:#9eabb4;text-transform:uppercase}.brief-form input,.brief-form select,.brief-form textarea{width:100%;margin-top:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;padding:12px;outline:none}.brief-form option{color:#000}.brief-form small{font-size:9px;line-height:1.45;color:#81909a}.brief-form .btn{width:100%}.toast{position:fixed;right:20px;bottom:20px;background:#fff;color:#07111a;padding:14px 18px;font-size:12px;font-weight:700;z-index:2000;opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:none}
footer{background:#020609;color:#fff;padding:60px var(--pad) 28px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:45px;border-top:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;flex-direction:column}.footer-brand span{font-size:30px;letter-spacing:7px}.footer-brand small{font-size:8px;letter-spacing:5px;color:#8c9aa4;margin-top:8px}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:8px}footer strong{font-size:12px}footer div span{font-size:10px;color:#8f9ba5;line-height:1.5}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:16px;gap:30px}.footer-bottom span:last-child{max-width:720px;text-align:right}
.reveal{opacity:1;transform:none}.reveal.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.reveal-ready.in-view{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:1100px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-menu{position:fixed;z-index:999;top:0;right:0;width:min(420px,88vw);height:100vh;background:#07111a;color:#fff;padding:100px 30px 30px;display:flex;flex-direction:column;gap:0;transform:translateX(105%);transition:.35s var(--ease)}.mobile-menu.open{transform:none}.mobile-menu a{font-size:24px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12)}.hero-proof{display:none}.hero-copy{width:85vw}.service-bento{grid-template-columns:1fr 1fr}.service-large{grid-row:auto}.service-wide{grid-column:span 2}.price-grid{grid-template-columns:1fr 1fr}.angles-grid{grid-template-columns:repeat(3,1fr)}.studio-section{grid-template-columns:1fr}.studio-parallax{min-height:700px}.studio-copy{padding:80px var(--pad)}.cta-section{grid-template-columns:1fr}.brief-form{max-width:620px}.concept-stage{grid-template-columns:1fr}.concept-side{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.concept-tile{min-height:250px}.system-layer{grid-template-columns:55px 1fr 1.1fr}.layer-image{display:none}}
@media(max-width:700px){:root{--pad:18px}.site-header{height:65px}.brand-word{font-size:19px}.brand-sub{font-size:7px}.hero{min-height:680px;padding-bottom:62px}.hero-bg-a{background-size:auto 65vh;background-position:70% 38%;opacity:.76}.hero h1{font-size:58px}.hero-copy{width:100%}.hero-copy>p{font-size:14px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.statement{grid-template-columns:1fr;padding:75px var(--pad);gap:20px}.statement-copy h2,.section-head h2{font-size:45px}.statement-copy p{font-size:15px}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.system-section,.angles-section,.pricing-section,.concept-lab{padding:80px var(--pad)}.system-layer{grid-template-columns:36px 1fr;padding:20px;gap:10px;min-height:180px}.system-layer ul{grid-column:2;font-size:11px}.system-layer h3{font-size:25px}.services-section,.work-section{padding:80px var(--pad)}.service-bento{grid-template-columns:1fr;grid-auto-rows:330px}.service-wide{grid-column:auto}.repurpose{grid-template-columns:1fr;padding:80px var(--pad);gap:45px}.repurpose-visual{min-height:570px}.angles-grid{grid-template-columns:1fr 1fr}.angle-card{height:300px}.price-grid{grid-template-columns:1fr}.retainer-grid,.addons{grid-template-columns:1fr}.pricing-banner{padding:28px;align-items:flex-start;gap:30px}.free-offer{width:auto}.studio-parallax{min-height:520px}.studio-parallax img:first-child{width:78%;height:65%}.studio-parallax img:last-child{width:64%;height:58%}.studio-copy h2{font-size:48px}.concept-main{height:470px}.concept-side{grid-template-columns:1fr;grid-template-rows:repeat(3,250px)}.ux-panel{grid-template-columns:1fr;padding:25px}.work-grid{columns:2 150px}.cta-section{padding:90px var(--pad)}.cta-copy h2{font-size:59px}footer{grid-template-columns:1fr}.footer-bottom{grid-column:auto;flex-direction:column}.footer-bottom span:last-child{text-align:left}.parallax-strip{background-attachment:scroll}.angles-grid .angle-card:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-orbit{animation:none}.parallax-strip{background-attachment:scroll}}


/* --- Creative-direction refinements: better concept image placement and stronger founder context --- */
.studio-parallax{
  padding:40px 26px 40px 42px;
}
.studio-parallax img{
  object-fit:contain;
  background:#050a10;
}
.studio-parallax img:first-child{
  width:74%;
  height:64%;
  left:0;
  top:6%;
  object-position:center center;
}
.studio-parallax img:last-child{
  width:56%;
  height:48%;
  right:2%;
  bottom:6%;
  object-position:center center;
  border:10px solid #07111a;
}
.curated-concept-stage{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:14px;
  align-items:stretch;
}
.concept-card{
  margin:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d9dde1;
}
.concept-card-dark{background:#000;}
.concept-card-light{background:linear-gradient(180deg,#fafafa,#ebedef);}
.concept-card-paper{background:#f6f6f3;}
.concept-card-grid{background:linear-gradient(180deg,#f5f6f8,#e5e8ed);}
.concept-main{
  height:680px;
}
.concept-side{
  display:grid;
  grid-template-rows:repeat(3,1fr);
  gap:14px;
}
.concept-tile{
  min-height:214px;
}
.concept-media-wrap{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:18px;
}
.concept-main .concept-media-wrap{
  padding:26px 22px 12px 22px;
}
.concept-media{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
}
.concept-media-main{
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.45));
}
.concept-media-top{ object-position:center center; }
.concept-media-mid{ object-position:center top; }
.concept-media-bottom{ object-position:center center; }
.concept-card figcaption{
  padding:12px 16px 14px;
  border-top:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92);
}
.concept-card-dark figcaption{
  background:linear-gradient(180deg,rgba(5,8,13,.82),rgba(5,8,13,.96));
  border-top-color:rgba(255,255,255,.08);
}
.concept-card figcaption span{
  display:block;
  font-size:10px;
  letter-spacing:1.7px;
  font-weight:800;
  color:#0f1c29;
}
.concept-card-dark figcaption span{
  color:#fff;
}
.concept-card figcaption small{
  display:block;
  margin-top:6px;
  font-size:11px;
  line-height:1.45;
  color:#66727c;
}
.concept-card-dark figcaption small{
  color:#aeb9c2;
}
@media(max-width:1100px){
  .curated-concept-stage{
    grid-template-columns:1fr;
  }
  .concept-side{
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:none;
  }
}
@media(max-width:700px){
  .studio-parallax{
    padding:18px;
  }
  .studio-parallax img:first-child{
    width:80%;
    height:62%;
    left:0;
    top:6%;
  }
  .studio-parallax img:last-child{
    width:66%;
    height:52%;
    right:0;
    bottom:3%;
  }
  .concept-main{
    height:460px;
  }
  .concept-side{
    grid-template-columns:1fr;
    grid-template-rows:repeat(3,250px);
  }
}


/* v3 refinements: service-image curation and pilot-credit offer */
.rollover-offer strong{font-size:32px;line-height:.95;color:#ff9700}
.rollover-offer span{max-width:190px;line-height:1.45}
@media(max-width:700px){
  .rollover-offer strong{font-size:28px}
}


/* v5 — Concept Lab layout repair: editorial hero + 3-study row */
.curated-concept-stage{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
.curated-concept-stage > .concept-main{
  grid-column:1 / -1 !important;
  height:auto !important;
  aspect-ratio:16 / 7 !important;
  min-height:0 !important;
}
.curated-concept-stage > .concept-side{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:none !important;
  gap:14px !important;
}
.curated-concept-stage .concept-tile{
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:4 / 3 !important;
}
.curated-concept-stage .concept-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:1px solid #d7dce1 !important;
  color:#101820 !important;
}
.curated-concept-stage .concept-media-wrap{
  flex:1 1 auto !important;
  min-height:0 !important;
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.curated-concept-stage .concept-main .concept-media-wrap{
  padding:0 !important;
  background:#000 !important;
}
.curated-concept-stage .concept-main .concept-media{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 76% !important;
}
.curated-concept-stage .concept-tile .concept-media{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.curated-concept-stage .concept-card figcaption{
  position:static !important;
  display:block !important;
  flex:0 0 auto !important;
  padding:14px 16px 15px !important;
  min-height:66px !important;
  background:#fff !important;
  border-top:1px solid #e1e5e8 !important;
  color:#101820 !important;
  opacity:1 !important;
  transform:none !important;
}
.curated-concept-stage .concept-card-dark figcaption{
  background:#07111a !important;
  border-top-color:rgba(255,255,255,.1) !important;
}
/* override the older .concept-main span/.concept-tile span absolute positioning */
.curated-concept-stage .concept-card figcaption span,
.curated-concept-stage .concept-card figcaption small{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}
.curated-concept-stage .concept-card figcaption span{
  display:block !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:1.6px !important;
  color:#102033 !important;
}
.curated-concept-stage .concept-card-dark figcaption span{
  color:#fff !important;
}
.curated-concept-stage .concept-card figcaption small{
  display:block !important;
  margin:6px 0 0 !important;
  font-size:11px !important;
  line-height:1.4 !important;
  letter-spacing:0 !important;
  color:#66727c !important;
}
.curated-concept-stage .concept-card-dark figcaption small{
  color:#aebbc5 !important;
}
@media(max-width:900px){
  .curated-concept-stage{
    grid-template-columns:1fr !important;
  }
  .curated-concept-stage > .concept-main{
    grid-column:1 !important;
    aspect-ratio:4 / 3 !important;
  }
  .curated-concept-stage > .concept-side{
    grid-column:1 !important;
    grid-template-columns:1fr !important;
  }
  .curated-concept-stage .concept-tile{
    aspect-ratio:4 / 3 !important;
  }
}


/* v6 — Concept Lab art-direction pass */
.curated-concept-stage{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  grid-template-rows:auto auto !important;
  gap:16px !important;
  align-items:stretch !important;
}
.curated-concept-stage > .concept-main,
.curated-concept-stage > .concept-direction{
  grid-column:auto !important;
  height:620px !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
}
.curated-concept-stage > .concept-side{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-rows:none !important;
  gap:16px !important;
}
.curated-concept-stage .concept-tile{
  height:430px !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
}
.curated-concept-stage .concept-card{
  background:#fff !important;
  border:1px solid #d9dde1 !important;
}
.curated-concept-stage .concept-card-dark{
  background:#000 !important;
}
.curated-concept-stage .concept-media-wrap{
  padding:20px !important;
  background:#f7f7f5 !important;
}
.curated-concept-stage .concept-main .concept-media-wrap{
  padding:0 !important;
  background:#000 !important;
}
.curated-concept-stage .concept-direction .concept-media-wrap{
  padding:22px !important;
  background:#fff !important;
}
.curated-concept-stage .concept-main .concept-media,
.curated-concept-stage .concept-direction .concept-media,
.curated-concept-stage .concept-tile .concept-media{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.curated-concept-stage .concept-main .concept-media{
  max-width:100% !important;
  max-height:100% !important;
}
.curated-concept-stage .concept-card figcaption{
  position:static !important;
  min-height:76px !important;
  padding:15px 17px 16px !important;
}
.curated-concept-stage .concept-card-dark figcaption{
  background:#07111a !important;
}
.curated-concept-stage .concept-card figcaption span,
.curated-concept-stage .concept-card figcaption small{
  position:static !important;
}
@media(max-width:1100px){
  .curated-concept-stage{
    grid-template-columns:1fr !important;
  }
  .curated-concept-stage > .concept-main,
  .curated-concept-stage > .concept-direction{
    grid-column:1 !important;
    height:auto !important;
    min-height:520px !important;
  }
  .curated-concept-stage > .concept-side{
    grid-column:1 !important;
  }
}
@media(max-width:760px){
  .curated-concept-stage > .concept-main,
  .curated-concept-stage > .concept-direction{
    min-height:0 !important;
    height:440px !important;
  }
  .curated-concept-stage > .concept-side{
    grid-template-columns:1fr !important;
  }
  .curated-concept-stage .concept-tile{
    height:380px !important;
  }
}


/* ========================================================================
   v7 / MD CONCEPT LAB — completely namespaced to avoid legacy concept rules
   ======================================================================== */
.md-concept-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
  margin-top:8px;
}
.md-concept-lead,
.md-concept-study{
  margin:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d9dfe3;
  background:#fff;
}
.md-concept-lead{grid-column:span 6;}
.md-concept-study{grid-column:span 4;}
.md-concept-dark{background:#04080c;border-color:#111b23;}
.md-concept-image{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.md-concept-lead .md-concept-image{height:470px;}
.md-concept-study .md-concept-image{height:330px;}
.md-concept-image-dark{background:#000;padding:0;}
.md-concept-image-paper{background:#f2f3f3;padding:28px;}
.md-concept-image img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
}
.md-concept-caption{
  position:static;
  padding:22px 24px 24px;
  border-top:1px solid #e0e4e7;
  background:#fff;
  color:#0b1117;
  min-height:162px;
}
.md-concept-dark .md-concept-caption{
  background:#07111a;
  color:#fff;
  border-top-color:rgba(255,255,255,.1);
}
.md-concept-caption span{
  position:static;
  display:block;
  margin:0 0 10px;
  font-size:9px;
  line-height:1.2;
  letter-spacing:1.8px;
  font-weight:800;
  color:#65727c;
}
.md-concept-dark .md-concept-caption span{color:#a9b9c4;}
.md-concept-caption h3{
  margin:0;
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.025em;
}
.md-concept-caption p{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.55;
  color:#66727b;
  max-width:620px;
}
.md-concept-dark .md-concept-caption p{color:#aebbc4;}
.md-concept-caption.compact{
  min-height:146px;
  padding:18px 20px 20px;
}
.md-concept-caption.compact h3{font-size:21px;}
.md-concept-caption.compact p{font-size:11px;margin-top:8px;}
@media(max-width:1100px){
  .md-concept-lead{grid-column:1/-1;}
  .md-concept-study{grid-column:span 4;}
  .md-concept-lead .md-concept-image{height:540px;}
}
@media(max-width:760px){
  .md-concept-grid{grid-template-columns:1fr;gap:12px;}
  .md-concept-lead,.md-concept-study{grid-column:1;}
  .md-concept-lead .md-concept-image{height:360px;}
  .md-concept-study .md-concept-image{height:300px;}
  .md-concept-image-paper{padding:16px;}
  .md-concept-caption,.md-concept-caption.compact{min-height:0;}
}


/* v8 — curated sets instead of random-looking gallery masonry */
.work-grid{
  display:grid;
  gap:36px;
  columns:unset !important;
}
.work-set{
  display:grid;
  gap:18px;
}
.work-set-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.work-set-head span{
  font-size:11px;
  font-weight:800;
  letter-spacing:2.2px;
  color:#ffffff;
}
.work-set-head small{
  font-size:11px;
  color:#94a4af;
}
.work-set-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.work-item{
  margin:0;
  break-inside:auto;
  border:1px solid rgba(255,255,255,.06);
}
.work-item img{
  width:100%;
  aspect-ratio:4 / 5;
  height:auto;
  object-fit:cover;
  display:block;
}
.work-item figcaption{
  opacity:1;
  transform:none;
  position:static;
  padding:11px 12px 13px;
  background:#08131d;
  color:#d6dee4;
  font-size:9px;
  line-height:1.45;
}
@media(max-width:1100px){
  .work-set-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .work-grid{
    gap:26px;
  }
  .work-set-head{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .work-set-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .work-item img{
    aspect-ratio:3 / 4;
  }
}


/* v9 — fail-safe visibility: never leave the site blank if JS fails */
.reveal{opacity:1;transform:none}
.reveal.reveal-ready{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
}
.reveal.reveal-ready.in-view{
  opacity:1;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  .reveal.reveal-ready{opacity:1;transform:none;transition:none}
}


/* v10 — deeper automotive UX / digital experience story */
.ux-panel{
  margin-top:10px;
  background:#071622;
  color:#fff;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:40px;
  padding:45px;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
}
.ux-panel h3{font-size:40px;line-height:1;margin:15px 0;max-width:14ch}
.ux-panel p{font-size:13px;color:#b8c4cc;line-height:1.72}
.ux-panel video{width:100%;max-height:480px;background:#000;border:1px solid rgba(255,255,255,.08)}
.ux-why{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ux-why article{
  background:#091724;
  border:1px solid rgba(255,255,255,.08);
  padding:22px;
}
.ux-why small{
  display:block;
  font-size:9px;
  letter-spacing:1.7px;
  color:#8fa6b4;
  margin-bottom:10px;
}
.ux-why h4{
  margin:0 0 10px;
  font-size:20px;
  color:#fff;
}
.ux-why p{
  margin:0;
  font-size:12px;
  line-height:1.7;
  color:#b8c4cc;
}
.ux-gallery{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.ux-gallery-card{
  margin:0;
  background:#091724;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.ux-gallery-card.wide{
  grid-column:span 2;
}
.ux-gallery-card img{
  width:100%;
  display:block;
  aspect-ratio:16 / 10;
  object-fit:cover;
  background:#041019;
}
.ux-gallery-card figcaption{
  padding:14px 15px 16px;
  display:grid;
  gap:6px;
}
.ux-gallery-card figcaption strong{
  font-size:11px;
  letter-spacing:1.5px;
  color:#fff;
}
.ux-gallery-card figcaption span{
  font-size:12px;
  line-height:1.65;
  color:#b8c4cc;
}
@media(max-width:1100px){
  .ux-why{grid-template-columns:1fr 1fr 1fr;}
  .ux-gallery{grid-template-columns:1fr 1fr;}
  .ux-gallery-card.wide{grid-column:span 2;}
}
@media(max-width:700px){
  .ux-panel{grid-template-columns:1fr;padding:25px;}
  .ux-panel h3{font-size:34px;max-width:none;}
  .ux-why{grid-template-columns:1fr;}
  .ux-gallery{grid-template-columns:1fr;gap:12px;}
  .ux-gallery-card.wide{grid-column:auto;}
}


/* v11 — separate Production Studio page */
.studio-page-body{background:#f2f4f5;color:#0a1016}
.studio-page-header{background:rgba(5,8,11,.94)}
.studio-page-nav>a{font-size:12px;color:#d7e0e6}
.studio-hero{min-height:820px;position:relative;display:flex;align-items:flex-end;padding:0 max(var(--pad),calc((100vw - var(--max))/2 + var(--pad))) 90px;color:#fff;background:#05080b;overflow:hidden}
.studio-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.96) 0%,rgba(4,7,10,.72) 48%,rgba(4,7,10,.2) 78%),var(--studiohero) 75% 52%/cover no-repeat;filter:saturate(.78)}
.studio-hero-copy{position:relative;z-index:2;max-width:800px}
.studio-hero h1{font-size:clamp(72px,8vw,132px);line-height:.86;letter-spacing:-6px;margin:18px 0 26px}.studio-hero h1 em{font-family:Georgia,serif;font-weight:400}.studio-hero-copy>p{max-width:670px;font-size:16px;line-height:1.75;color:#c5d0d7}
.studio-hero-meta{position:absolute;z-index:2;right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));bottom:95px;display:grid;gap:13px;font-size:9px;letter-spacing:2px;color:#9fb0bb;text-align:right}
.studio-manifesto{display:grid;grid-template-columns:.8fr 2.2fr;gap:50px;padding:100px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));background:#fff}
.studio-system,.rolling-section{padding:120px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));background:#f2f4f5}
.gear-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gear-card{background:#fff;border:1px solid #d9dee2;padding:28px}.gear-card>span{font-size:10px;letter-spacing:1.5px;color:#71818c}.gear-card h3{font-size:27px;margin:18px 0}.gear-card ul{padding-left:18px;display:grid;gap:10px;color:#52616b;font-size:12px;line-height:1.55}
.gear-visual-strip{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:14px}.gear-visual-strip figure{margin:0;background:#07121b;overflow:hidden}.gear-visual-strip img{width:100%;height:310px;object-fit:cover;display:block}.gear-visual-strip figcaption{padding:12px 14px;color:#aebcc5;font-size:9px;letter-spacing:1.4px}
.lighting-section,.post-section{padding:120px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));background:#061019;color:#fff}.lighting-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:45px}.lighting-principles article{border:1px solid rgba(255,255,255,.1);padding:22px;display:grid;gap:9px}.lighting-principles b{font-size:9px;color:#8aa1af}.lighting-principles strong{font-size:18px}.lighting-principles span{font-size:11px;line-height:1.55;color:#aebbc4}.reference-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;border-top:1px solid rgba(255,255,255,.12);padding-top:30px;margin-bottom:20px}.reference-intro span{font-size:10px;letter-spacing:2px}.reference-intro p{font-size:12px;line-height:1.6;color:#9eafb9;margin:0}
.lighting-reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lighting-reference{display:grid;grid-template-columns:1fr 1.05fr;min-height:350px;border:1px solid rgba(255,255,255,.1);background:#08151f;overflow:hidden}.lighting-reference:last-child{grid-column:1/-1;grid-template-columns:1.2fr .8fr}.lighting-reference img{width:100%;height:100%;min-height:350px;object-fit:cover;display:block;background:#111}.lighting-reference>div{padding:28px;align-self:end}.lighting-reference small{font-size:8px;letter-spacing:1.8px;color:#89a1af}.lighting-reference h3{font-size:34px;margin:12px 0}.lighting-reference p{font-size:12px;line-height:1.7;color:#b8c5cd}.lighting-reference a{display:inline-block;margin-top:15px;color:#fff;text-decoration:underline;font-size:11px}
.rolling-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.rolling-diagram{background:#07121b;color:#fff;padding:38px;display:grid;gap:18px}.rig-lane{min-height:120px;border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px;position:relative;overflow:hidden}.rig-lane:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(255,255,255,.16)}.rig-lane span,.rig-lane b{position:relative;z-index:1}.rig-lane span{font-size:9px;letter-spacing:1.5px;color:#91a6b2}.rig-lane b{font-size:17px;align-self:flex-end}.rolling-checklist{display:grid;gap:10px}.rolling-checklist article{background:#fff;border:1px solid #dce1e4;padding:21px;display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:start}.rolling-checklist b{font-size:10px;letter-spacing:1.5px}.rolling-checklist span{font-size:12px;line-height:1.6;color:#53616b}.rolling-photo{height:520px;margin-top:20px;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8)),var(--roll) center/cover no-repeat;color:#fff;display:flex;align-items:flex-end;padding:34px}.rolling-photo span{font-size:9px;letter-spacing:1.5px}.rolling-photo h3{font-size:35px;max-width:700px;margin:10px 0 0}
.post-pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.post-pipeline article{border:1px solid rgba(255,255,255,.1);min-height:190px;padding:20px;display:flex;flex-direction:column}.post-pipeline b{font-size:9px;color:#8da1ae}.post-pipeline strong{font-size:17px;margin:auto 0 10px}.post-pipeline span{font-size:10px;line-height:1.55;color:#9fb0ba}.post-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:16px}.post-gallery figure{margin:0;background:#08151f}.post-gallery img{width:100%;height:360px;object-fit:cover;display:block}.post-gallery figcaption{padding:12px;color:#a9b7c0;font-size:9px;letter-spacing:1.2px}
.studio-notes{padding:100px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));display:grid;grid-template-columns:1.4fr .6fr;gap:50px;background:#fff}.studio-notes-copy h2{font-size:48px;line-height:1;margin:15px 0 22px}.studio-notes-copy p{font-size:13px;line-height:1.7;color:#56636c}.studio-notes-links{display:grid;align-content:start}.studio-notes-links a{padding:17px 0;border-bottom:1px solid #d7dde1;color:#0b141b;font-size:12px}
@media(max-width:1100px){.studio-hero-meta{display:none}.gear-grid{grid-template-columns:1fr 1fr}.lighting-principles{grid-template-columns:1fr 1fr}.lighting-reference-grid{grid-template-columns:1fr}.lighting-reference:last-child{grid-column:auto}.rolling-layout{grid-template-columns:1fr}.post-pipeline{grid-template-columns:repeat(3,1fr)}.studio-notes{grid-template-columns:1fr}.gear-visual-strip,.post-gallery{grid-template-columns:1fr 1fr}.gear-visual-strip figure:last-child,.post-gallery figure:first-child{grid-column:1/-1}}
@media(max-width:700px){.studio-hero{min-height:700px;padding-bottom:70px}.studio-hero h1{font-size:62px;letter-spacing:-3px}.studio-manifesto{grid-template-columns:1fr;padding:75px var(--pad)}.studio-system,.rolling-section,.lighting-section,.post-section{padding:80px var(--pad)}.gear-grid,.gear-visual-strip,.lighting-principles,.lighting-reference,.lighting-reference:last-child,.post-gallery,.studio-notes{grid-template-columns:1fr}.lighting-reference img{min-height:280px}.reference-intro{grid-template-columns:1fr}.rolling-checklist article{grid-template-columns:1fr;gap:8px}.post-pipeline{grid-template-columns:1fr 1fr}.gear-visual-strip figure:last-child,.post-gallery figure:first-child{grid-column:auto}.studio-notes{padding:80px var(--pad)}}


/* v12 — curation, hero clarity, social set, and production-scale separation */
.hero-bg-a{
  background:url('assets/cars/dealer_lineup_toyota.jpg') 78% 46%/min(72vw,1180px) auto no-repeat;
  filter:contrast(1.08) saturate(.86);
}
.hero-bg-b{
  background:linear-gradient(90deg,#04070a 0 34%,rgba(4,7,10,.86) 48%,rgba(4,7,10,.30) 75%,rgba(4,7,10,.72) 100%);
}
.hero-orbit{display:none!important}
.hero-flow{
  position:absolute;
  right:var(--pad);
  top:22%;
  z-index:3;
  display:grid;
  gap:1px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(4,10,15,.62);
  backdrop-filter:blur(12px);
}
.hero-flow span{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:8px;
  align-items:center;
  min-width:190px;
  padding:12px 14px;
  font-size:9px;
  letter-spacing:1.6px;
  color:#c5d0d8;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.hero-flow span:last-child{border-bottom:0}
.hero-flow b{color:#fff;font-size:11px}
.studio-page-link{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.studio-page-link span{font-size:10px;color:#66737d;letter-spacing:1px}

/* packages: make images communicate the service */
.price-image{background-position:center!important}
.price-card:nth-child(1) .price-image{background-size:cover}
.price-card:nth-child(2) .price-image{background-size:cover;background-position:center 38%!important}
.price-card:nth-child(4) .price-image{background-position:center 55%!important}

/* exactly 8 tiles = 4 x 2, no missing visual hole */
.ux-gallery-eight{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ux-gallery-eight .ux-gallery-card{grid-column:auto!important}
.ux-gallery-eight .ux-gallery-card img{aspect-ratio:16/10;object-fit:cover}
.ux-gallery-eight .ux-gallery-card:first-child{grid-column:span 2!important}
.ux-gallery-eight .ux-gallery-card:first-child img{aspect-ratio:16/9}

/* Work gallery: social and digital sets are 4x2; 5-item sets stay a clean one-row family */
.work-set[data-cat="social"] .work-set-grid,
.work-set[data-cat="digital"] .work-set-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.work-set[data-cat="social"] .work-item img,
.work-set[data-cat="digital"] .work-item img{aspect-ratio:4/5;object-fit:cover}

/* Studio production scale */
.gear-card small{display:block;font-size:8px;letter-spacing:1.7px;color:#8095a4;margin:4px 0 10px}
.brand-kit{border-color:rgba(236,73,48,.35)!important}
.brand-kit:before{content:"CAMPAIGN SCALE";position:absolute;right:15px;top:14px;font-size:8px;letter-spacing:1.4px;color:#ec4930}
.dealer-kit:before{content:"DEALER SCALE";position:absolute;right:15px;top:14px;font-size:8px;letter-spacing:1.4px;color:#7ea4ba}

/* coherent gear-set imagery */
.gear-visual-strip img{object-fit:cover}
.gear-visual-strip figure:nth-child(1) img{object-position:center 52%}
.gear-visual-strip figure:nth-child(2) img{object-position:center 42%}
.gear-visual-strip figure:nth-child(3) img{object-position:center 55%}

/* Airstar reference cards: equal cards; remove giant empty Ellipse/Sphere box */
.lighting-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
.lighting-reference,
.lighting-reference:last-child{
  grid-column:auto!important;
  grid-template-columns:1fr 1fr!important;
  min-height:330px!important;
}
.lighting-reference img{min-height:330px!important;object-fit:cover}
.lighting-reference>div{align-self:center!important;padding:24px!important}
.lighting-reference:last-child{grid-column:auto!important}

/* 8K 3D brand/OEM section */
.studio-3d-section{padding:110px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));background:#f3f4f4;color:#07111a}
.studio-3d-hero{margin:0;background:#05080b;border:1px solid #cdd3d7}
.studio-3d-hero img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.studio-3d-hero figcaption{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 20px;background:#07111a;color:#fff}
.studio-3d-hero figcaption span{font-size:9px;letter-spacing:1.6px;color:#91a4b2}
.studio-3d-hero figcaption strong{font-size:14px}
.studio-3d-hero figcaption small{font-size:10px;color:#a8b5be}

/* rolling uses delivery-size upscale */
.rolling-photo{background-size:cover}

/* main/studio responsive */
@media(max-width:1100px){
  .hero-flow{display:none}
  .ux-gallery-eight{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ux-gallery-eight .ux-gallery-card:first-child{grid-column:span 2!important}
  .work-set[data-cat="social"] .work-set-grid,
  .work-set[data-cat="digital"] .work-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lighting-reference-grid{grid-template-columns:1fr!important}
  .studio-3d-hero figcaption{grid-template-columns:1fr;gap:6px}
}
@media(max-width:700px){
  .ux-gallery-eight{grid-template-columns:1fr!important}
  .ux-gallery-eight .ux-gallery-card:first-child{grid-column:auto!important}
  .work-set[data-cat="social"] .work-set-grid,
  .work-set[data-cat="digital"] .work-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lighting-reference,
  .lighting-reference:last-child{grid-template-columns:1fr!important}
}


/* v13 — set-consistency fixes only */
.aston-angle-set .angle-card{background-size:cover;background-repeat:no-repeat}
.ux-gallery-eight{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:max-content!important;
  align-items:start!important;
  gap:16px!important;
}
.ux-gallery-eight .ux-gallery-card,
.ux-gallery-eight .ux-gallery-card:first-child{
  grid-column:auto!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}
.ux-gallery-eight .ux-gallery-card img,
.ux-gallery-eight .ux-gallery-card:first-child img{
  width:100%!important;
  aspect-ratio:16/10!important;
  height:auto!important;
  object-fit:cover!important;
  display:block!important;
}
.ux-gallery-eight .ux-gallery-card figcaption{
  min-height:86px!important;
  height:auto!important;
}
@media(max-width:1100px){
  .ux-gallery-eight{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .ux-gallery-eight{grid-template-columns:1fr!important}
}


/* v14 — only the two image-set fixes requested */
.aston-five-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.aston-angle-card{
  margin:0;
  position:relative;
  height:380px;
  overflow:hidden;
  background:#07111a;
  color:#fff;
}
.aston-angle-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.aston-angle-card:nth-child(1) img{object-position:50% 58%}
.aston-angle-card:nth-child(2) img{object-position:50% 58%}
.aston-angle-card:nth-child(3) img{object-position:50% 48%}
.aston-angle-card:nth-child(4) img{object-position:50% 50%}
.aston-angle-card:nth-child(5) img{object-position:50% 50%}
.aston-angle-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.86) 100%);
  pointer-events:none;
}
.aston-angle-card figcaption{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:17px;
  display:grid;
  gap:6px;
}
.aston-angle-card figcaption b{
  position:absolute;
  left:0;
  bottom:286px;
  font-size:11px;
}
.aston-angle-card figcaption span{font-size:18px;font-weight:800}
.aston-angle-card figcaption small{font-size:10px;color:#c7d1d7;line-height:1.4}

.digital-eight-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
.digital-eight-card{
  margin:0;
  display:grid;
  grid-template-rows:auto auto;
  align-self:start;
  height:auto;
  min-height:0;
  overflow:hidden;
  background:#071622;
  border:1px solid rgba(255,255,255,.08);
}
.digital-eight-card img{
  width:100%;
  aspect-ratio:16 / 10;
  height:auto;
  display:block;
  object-fit:cover;
  object-position:center;
}
.digital-eight-card figcaption{
  position:static;
  display:grid;
  gap:6px;
  padding:14px 15px 16px;
  min-height:0;
  height:auto;
  background:#071622;
}
.digital-eight-card figcaption strong{font-size:10px;letter-spacing:1.4px;color:#fff}
.digital-eight-card figcaption span{font-size:11px;line-height:1.55;color:#c0cbd2}
@media(max-width:1100px){
  .aston-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .digital-eight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .aston-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aston-angle-card{height:300px}
  .aston-angle-card figcaption b{bottom:210px}
  .aston-five-grid .aston-angle-card:last-child{grid-column:1/-1}
  .digital-eight-grid{grid-template-columns:1fr}
}


/* v15 — cover, navigation clarity, and digital-set separation */
.hero-bg-a{
  background:url('assets/cars/hero_aston_motion.jpg') 72% 52%/cover no-repeat !important;
  inset:0 !important;
  filter:contrast(1.06) saturate(.82) brightness(.86) !important;
}
.hero-bg-b{
  inset:0 !important;
  background:linear-gradient(90deg,#04070a 0 31%,rgba(4,7,10,.96) 38%,rgba(4,7,10,.55) 58%,rgba(4,7,10,.16) 78%,rgba(4,7,10,.35) 100%),linear-gradient(180deg,rgba(4,7,10,.08),rgba(4,7,10,.22)) !important;
}
.hero-vignette{background:linear-gradient(180deg,rgba(0,0,0,.10),transparent 26%,rgba(0,0,0,.30)),linear-gradient(90deg,rgba(0,0,0,.72),transparent 61%)!important}
.production-studio-tab{white-space:nowrap;color:#fff!important}
.production-studio-tab:after{content:' ↗';font-size:9px;color:#91a4b1}

.digital-set-block{margin-top:18px;border-top:1px solid #cfd6db;padding-top:24px}
.digital-set-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:16px}
.digital-set-head span{display:block;font-size:9px;letter-spacing:2px;color:#5a6c78;font-weight:800;margin-bottom:8px}
.digital-set-head h4{font-size:25px;line-height:1.05;margin:0;color:#07111a}
.digital-set-head p{margin:0;font-size:12px;line-height:1.65;color:#63717b;max-width:620px;justify-self:end}
.digital-video-set{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.digital-concept-set{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.digital-set-card{margin:0;background:#071622;color:#fff;border:1px solid #cfd6db;overflow:hidden;display:flex;flex-direction:column}
.digital-set-card img,.digital-set-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#08131c}
.digital-set-card figcaption{padding:13px 14px 15px;min-height:92px;display:flex;flex-direction:column;gap:7px}
.digital-set-card figcaption strong{font-size:10px;letter-spacing:1.4px}
.digital-set-card figcaption span{font-size:11px;line-height:1.55;color:#b8c5cd}
.digital-set-card.video-card video{object-fit:cover}
.future-set{margin-top:42px}

/* Archive: when filtered to Digital, each set keeps its own natural count */
.work-set[data-cat="digital"] .work-set-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.work-set[data-cat="digital"]:has(.work-item:nth-child(5)) .work-set-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.work-set[data-cat="digital"] .work-item img{aspect-ratio:16/10!important;object-fit:cover!important}

@media(max-width:1100px){
  .digital-set-head{grid-template-columns:1fr;gap:10px}
  .digital-set-head p{justify-self:start}
  .digital-video-set{grid-template-columns:repeat(2,minmax(0,1fr))}
  .digital-concept-set{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-set[data-cat="digital"] .work-set-grid,
  .work-set[data-cat="digital"]:has(.work-item:nth-child(5)) .work-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .hero-bg-a{background-position:62% 48%!important}
  .digital-video-set,.digital-concept-set{grid-template-columns:1fr}
  .digital-set-card figcaption{min-height:0}
}

/* v16 — one exact Aston DBX visual family for the mandatory five-angle set */
.v16-angle-set .aston-angle-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.v16-angle-set .aston-angle-card:nth-child(1) img{object-position:50% 56%}
.v16-angle-set .aston-angle-card:nth-child(2) img{object-position:50% 58%}
.v16-angle-set .aston-angle-card:nth-child(3) img{object-position:50% 48%}
.v16-angle-set .aston-angle-card:nth-child(4) img{object-position:50% 50%}
.v16-angle-set .aston-angle-card:nth-child(5) img{object-position:50% 50%}


/* v17 dealership media stack: two clean rows using coherent image sets */
.v17-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:380px;gap:12px}
.v17-service-grid .stack-card{min-height:380px;padding:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(3,8,12,.08),rgba(3,8,12,.82)),var(--card) var(--cardpos,center)/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between}
.v17-service-grid .stack-card h3{font-size:22px;line-height:1.05;margin:8px 0 6px}
.v17-service-grid .stack-card p{font-size:12px;line-height:1.5;max-width:320px}
.v17-service-grid .stack-card small{font-size:9px;letter-spacing:1.8px}
@media(max-width:1100px){.v17-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.v17-service-grid{grid-template-columns:1fr;grid-auto-rows:320px}.v17-service-grid .stack-card{min-height:320px}}


/* =========================================================
   v20 UI RESTORE — current HTML/CSS synchronization
   Keeps the established Apeiro layout intact and styles the
   production-studio modules added after the v17 visual system.
   ========================================================= */

/* current Studio equipment expansion */
.gear-grid-expanded{align-items:stretch}
.gear-grid-expanded .gear-card{display:flex;flex-direction:column;min-height:100%}
.gear-grid-expanded .gear-card ul{margin-bottom:18px}
.gear-source-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid #e3e7e9}
.gear-source-row a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #cfd6da;font-size:9px;font-weight:800;letter-spacing:.55px;color:#1c3444;background:#f7f9fa}
.gear-source-row a:hover{background:#071622;color:#fff;border-color:#071622}

/* reference equipment matrix */
.equipment-matrix{margin-top:18px;border:1px solid #d7dde1;background:#fff}
.equipment-matrix-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;padding:22px 24px;border-bottom:1px solid #dce2e5;align-items:start}
.equipment-matrix-head span{font-size:9px;font-weight:800;letter-spacing:1.9px;color:#253a48}
.equipment-matrix-head p{margin:0;font-size:11px;line-height:1.65;color:#64737d}
.equipment-matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.equipment-matrix-grid article{min-height:150px;padding:22px;border-right:1px solid #e0e5e8;border-bottom:1px solid #e0e5e8;display:flex;flex-direction:column;gap:8px}
.equipment-matrix-grid article:nth-child(3n){border-right:0}
.equipment-matrix-grid article:nth-last-child(-n+3){border-bottom:0}
.equipment-matrix-grid small{font-size:8px;letter-spacing:1.6px;color:#788995}
.equipment-matrix-grid strong{font-size:20px;line-height:1.05;color:#0b1116}
.equipment-matrix-grid span{font-size:11px;line-height:1.55;color:#5a6872}

/* MOVMAX / rolling-rig feature */
.motion-rig-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:20px;background:#fff;border:1px solid #d9dfe2;min-height:460px}
.motion-rig-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
.motion-rig-copy h3{font-size:34px;line-height:1;margin:14px 0 16px;color:#0a1116;max-width:600px}
.motion-rig-copy>p{font-size:12px;line-height:1.7;color:#586873;max-width:760px}
.motion-rig-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}
.motion-rig-specs span{border:1px solid #dce2e5;padding:13px 11px;font-size:9px;line-height:1.35;color:#62717b}
.motion-rig-specs b{display:block;font-size:16px;color:#0b1116;margin-bottom:3px}
.safety-note{border-left:3px solid #ef7f1a;padding:10px 0 10px 14px!important;margin:0 0 16px!important}
.motion-rig-diagram{position:relative;overflow:hidden;min-height:460px;background:linear-gradient(180deg,#07141f,#02080d);border-left:1px solid #d9dfe2}
.motion-rig-diagram>span{position:absolute;left:22px;bottom:18px;color:#8fa5b2;font-size:8px;letter-spacing:1.7px}
.car-base{position:absolute;left:12%;right:8%;bottom:24%;height:120px;border:1px solid rgba(255,255,255,.18);border-radius:65px 45px 20px 20px;transform:skewX(-6deg);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02))}
.cup{position:absolute;width:34px;height:16px;border:2px solid #8ea3af;border-radius:50%;bottom:35%;background:#07131d}
.cup-1{left:25%}.cup-2{left:38%}.cup-3{left:52%}.cup-4{left:66%}
.rig-mast{position:absolute;width:8px;height:112px;background:#c8d2d8;left:47%;bottom:37%;transform:rotate(-9deg);transform-origin:bottom}
.rig-arm{position:absolute;width:190px;height:8px;background:linear-gradient(90deg,#c7d1d7,#758996);left:46%;bottom:58%;transform:rotate(-15deg);transform-origin:left center}
.gimbal-orb{position:absolute;width:58px;height:58px;border:7px solid #a9bac4;border-radius:50%;right:18%;bottom:54%;box-shadow:0 0 0 2px rgba(255,255,255,.08)}

/* post-production standards added to Studio page */
.post-standards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.post-standards article{min-height:240px;padding:22px;border:1px solid rgba(255,255,255,.12);background:#08151f;display:flex;flex-direction:column}
.post-standards small{font-size:8px;letter-spacing:1.6px;color:#8fa4b0}
.post-standards h3{font-size:21px;line-height:1.05;margin:18px 0 12px;color:#fff}
.post-standards p{font-size:11px;line-height:1.7;color:#9fb0ba;margin:0 0 16px}
.post-standards a{margin-top:auto;font-size:9px;color:#d7e3e9;text-decoration:underline;text-underline-offset:3px}

/* maintain image-family proportions without altering the established layouts */
.work-set-grid .work-item img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.aston-angle-card img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:1100px){
  .equipment-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .equipment-matrix-grid article:nth-child(3n){border-right:1px solid #e0e5e8}
  .equipment-matrix-grid article:nth-child(2n){border-right:0}
  .equipment-matrix-grid article:nth-last-child(-n+3){border-bottom:1px solid #e0e5e8}
  .equipment-matrix-grid article:nth-last-child(-n+2){border-bottom:0}
  .motion-rig-feature{grid-template-columns:1fr}
  .motion-rig-diagram{border-left:0;border-top:1px solid #d9dfe2;min-height:360px}
  .post-standards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .equipment-matrix-head{grid-template-columns:1fr;gap:8px}
  .equipment-matrix-grid{grid-template-columns:1fr}
  .equipment-matrix-grid article,.equipment-matrix-grid article:nth-child(2n),.equipment-matrix-grid article:nth-child(3n),.equipment-matrix-grid article:nth-last-child(-n+2),.equipment-matrix-grid article:nth-last-child(-n+3){border-right:0;border-bottom:1px solid #e0e5e8}
  .equipment-matrix-grid article:last-child{border-bottom:0}
  .motion-rig-copy{padding:24px}
  .motion-rig-copy h3{font-size:28px}
  .motion-rig-specs{grid-template-columns:1fr 1fr}
  .post-standards{grid-template-columns:1fr}
  .post-standards article{min-height:0}
}


/* v22 — coherent visual sets, online equipment reference, post UI */
.system-layers{gap:10px}
.system-layer{border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.system-layer::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 38%,rgba(0,0,0,.08))}
.system-layer>*{position:relative;z-index:1}
.layer-hero{border-color:rgba(201,155,90,.26)}
.layer-strategic{border-color:rgba(107,160,190,.22)}
.layer-building{border-color:rgba(171,154,130,.20)}
.layer-foundation{border-color:rgba(103,157,143,.20)}
.layer-image{filter:saturate(.88) contrast(1.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.layer-no{color:#d3d9de;opacity:.82}.system-layer h3{letter-spacing:-.02em}.system-layer li{color:rgba(255,255,255,.88)}

.motion-rig-photo{position:relative;min-height:460px;background:#f4f5f5;border-left:1px solid #d9dfe2;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}
.motion-rig-photo img{width:100%;height:100%;max-height:410px;object-fit:contain;background:#fff}
.motion-rig-photo-caption{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(4,11,16,.92);color:#fff;padding:14px 16px;border:1px solid rgba(255,255,255,.12);display:grid;gap:4px}
.motion-rig-photo-caption span{font-size:8px;letter-spacing:1.7px;color:#9db1bd}.motion-rig-photo-caption strong{font-size:16px}.motion-rig-photo-caption small{font-size:9px;line-height:1.45;color:#c5d0d6}

.post-ui-feature{margin:18px 0 0;background:#07131d;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1.35fr .65fr;min-height:480px;overflow:hidden}
.post-ui-feature img{width:100%;height:100%;min-height:480px;object-fit:cover}
.post-ui-feature figcaption{padding:34px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:13px}
.post-ui-feature figcaption span{font-size:8px;letter-spacing:1.8px;color:#93a8b5}.post-ui-feature figcaption strong{font-size:26px;line-height:1.05}.post-ui-feature figcaption small{font-size:11px;line-height:1.7;color:#aebdc6}

/* keep image families visually locked */
.v17-service-grid .stack-card{background-position:var(--cardpos,center);background-size:cover}
.work-set-grid{align-items:stretch}
.work-item img{object-fit:cover;object-position:center}

@media(max-width:1100px){.motion-rig-photo{border-left:0;border-top:1px solid #d9dfe2}.post-ui-feature{grid-template-columns:1fr}.post-ui-feature img{min-height:360px}.post-ui-feature figcaption{padding:24px}}
@media(max-width:700px){.motion-rig-photo{min-height:340px;padding:14px}.motion-rig-photo-caption{left:14px;right:14px;bottom:14px}.post-ui-feature img{min-height:280px}.post-ui-feature figcaption strong{font-size:22px}}

/* v23: vehicle photography reverted to original non-generative source imagery. */


/* v24 — real editing case-study sequence; no repeated generic stills */
.retouch-case-study{margin-top:18px;border:1px solid rgba(255,255,255,.12);background:#07131d;padding:26px}
.retouch-case-head{display:grid;grid-template-columns:.55fr 1fr 1.2fr;gap:24px;align-items:end;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}
.retouch-case-head>span{font-size:8px;letter-spacing:1.8px;color:#8fa6b4}
.retouch-case-head h3{font-size:28px;line-height:1.02;margin:0;color:#fff;max-width:16ch}
.retouch-case-head p{font-size:11px;line-height:1.7;color:#a8b7c0;margin:0;max-width:70ch}
.retouch-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.retouch-step{margin:0;background:#08151f;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column}
.retouch-step--wide{grid-column:span 2}
.retouch-step img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#111}
.retouch-step--wide img{aspect-ratio:4/3;object-position:center 55%}
.retouch-step figcaption{padding:13px 14px 15px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:5px;min-height:96px}
.retouch-step figcaption b{font-size:9px;color:#8fa6b4}
.retouch-step figcaption strong{font-size:11px;letter-spacing:1.1px;color:#fff}
.retouch-step figcaption span{grid-column:2;font-size:10px;line-height:1.55;color:#aab8c1}
@media(max-width:1100px){.retouch-case-head{grid-template-columns:1fr 1fr}.retouch-case-head p{grid-column:1/-1}.retouch-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retouch-step--wide{grid-column:span 1}.retouch-step--wide img{aspect-ratio:3/4}}
@media(max-width:700px){.retouch-case-study{padding:14px}.retouch-case-head{grid-template-columns:1fr;gap:10px}.retouch-case-head p{grid-column:auto}.retouch-case-grid{grid-template-columns:1fr}.retouch-step img,.retouch-step--wide img{aspect-ratio:4/5}}