/* Apex Auto Studio — AUTOMOTIVE TECHNICAL. See DESIGN.md */
:root{
  --black:#050505;--white:#F4F4F2;--silver:#9DA3A8;--graphite:#1A1C1E;--graphite-2:#0E0F10;--signal:#E10600;
  --line:rgba(244,244,242,.14);--line-strong:rgba(244,244,242,.32);
  --f-display:"Space Grotesk",system-ui,sans-serif;--f-mono:"Space Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.7,0,.2,1);
  --hud:64px;--gut:clamp(16px,4vw,56px);--max:1680px;--sec:clamp(72px,10vw,160px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hud) + 16px)}
body{margin:0;background:var(--black);color:var(--white);font:400 1rem/1.6 var(--f-display);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{margin:0;font-weight:700;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--white);color:var(--black)}
:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--white);color:var(--black);padding:12px 16px;font:600 .875rem var(--f-display);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.skip:focus{top:44px}
.num,.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none}

/* Type */
.display{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(3.1rem,10.2vw,11.5rem);letter-spacing:-.055em;line-height:.84}
.h2{font-weight:700;text-transform:uppercase;font-size:clamp(2.25rem,6vw,5.75rem);letter-spacing:-.045em;line-height:.88}
.h3{font-weight:600;text-transform:uppercase;font-size:clamp(1.375rem,2.2vw,2rem);letter-spacing:-.025em;line-height:1}
.lead{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.4;letter-spacing:-.01em;color:var(--white);max-width:38ch}
.body{color:#c9ccce;max-width:62ch}
.meta{font:400 .75rem/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--silver)}
.label{font:700 .6875rem/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--silver)}
.silver{color:var(--silver)}
.live{display:inline-block;width:7px;height:7px;background:var(--signal);border-radius:50%;flex:none;box-shadow:0 0 0 0 rgba(225,6,0,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(225,6,0,.55)}70%{box-shadow:0 0 0 7px rgba(225,6,0,0)}100%{box-shadow:0 0 0 0 rgba(225,6,0,0)}}

/* Buttons */
.btn{--bg:var(--white);--fg:var(--black);display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 22px;border:1px solid var(--bg);background:var(--bg);color:var(--fg);font:600 .875rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-radius:0;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);position:relative;white-space:nowrap}
.btn .ico{transition:transform .35s var(--ease)}
.btn:hover{background:transparent;color:var(--white);border-color:var(--white)}
.btn:hover .ico{transform:translateX(4px)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid var(--white);outline-offset:3px;box-shadow:inset 0 -2px 0 var(--signal)}
.btn--ghost{--bg:transparent;--fg:var(--white);border-color:var(--line-strong)}
.btn--ghost:hover{border-color:var(--white);background:rgba(244,244,242,.06)}
.btn--sm{min-height:44px;padding:0 16px;font-size:.8125rem}
.tlink{display:inline-flex;align-items:center;gap:10px;font:600 .8125rem/1 var(--f-display);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding:12px 0;position:relative;min-height:44px}
.tlink::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--line-strong);transform-origin:left;transition:background .3s}
.tlink::before{content:"";position:absolute;left:0;bottom:8px;height:1px;width:100%;background:var(--white);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:1}
.tlink:hover::before{transform:scaleX(1)}
.tlink .ico{transition:transform .35s var(--ease)}
.tlink:hover .ico{transform:translateX(4px)}

/* HUD */
.hud{position:sticky;top:0;z-index:800;height:var(--hud);background:rgba(5,5,5,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hud__in{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.logo svg{width:30px;height:22px}
.logo b{font:700 1.25rem/1 var(--f-display);letter-spacing:-.04em}
.logo small{font:400 .625rem/1.1 var(--f-mono);letter-spacing:.16em;color:var(--silver);border-left:1px solid var(--line-strong);padding-left:10px}
.telemetry{display:flex;justify-content:center;align-items:center;gap:22px;font:400 .6875rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--silver);white-space:nowrap;overflow:hidden}
.telemetry span{display:inline-flex;align-items:center;gap:8px}
.telemetry b{color:var(--white);font-weight:400}
.telemetry .sep{width:1px;height:14px;background:var(--line-strong)}
.hud__act{display:flex;align-items:center;gap:8px}
.menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 12px;background:none;border:0;font:600 .8125rem/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase}
.menu-btn i{display:grid;gap:5px;width:22px}
.menu-btn i::before,.menu-btn i::after{content:"";height:1.5px;background:currentColor;transition:transform .3s var(--ease)}
.menu-btn i::after{width:14px;justify-self:end}
.menu-btn:hover i::after{transform:scaleX(1.57);transform-origin:right}

/* Menu overlay */
.menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--black);color:var(--white);overflow:auto}
.menu::backdrop{background:rgba(0,0,0,.7)}
.menu[open]{animation:menuIn .45s var(--ease)}
@keyframes menuIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.menu__top{height:var(--hud);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.menu__close{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:none;border:0;font:600 .8125rem/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;padding:0 4px 0 12px}
.menu__grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100vh - var(--hud))}
.menu__grid>nav{display:flex;flex-direction:column}
.menu__list{border-right:1px solid var(--line);display:flex;flex-direction:column;flex:1}
.menu__list li{flex:1;display:flex}
.menu__list li a{flex:1}
.menu__list a{flex:1;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:18px var(--gut);border-bottom:1px solid var(--line);text-decoration:none;position:relative;min-height:64px;transition:background .3s,padding .4s var(--ease)}
.menu__list a .mono{font-size:.75rem;color:var(--silver);letter-spacing:.1em}
.menu__list a strong{font:700 clamp(1.75rem,3.6vw,3.5rem)/.9 var(--f-display);white-space:nowrap;text-transform:uppercase;letter-spacing:-.045em}
.menu__list a em{font:400 .6875rem/1.3 var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--silver);text-align:right;max-width:20ch}
.menu__list a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--signal);transform:scaleY(0);transition:transform .35s var(--ease)}
.menu__list a:hover,.menu__list a:focus-visible,.menu__list a.is-on{background:var(--graphite);padding-left:calc(var(--gut) + 12px)}
.menu__list a:hover::before,.menu__list a:focus-visible::before,.menu__list a.is-on::before{transform:scaleY(1)}
.menu__list a[aria-current="page"] .mono{color:var(--white)}
.menu__preview{position:relative;overflow:hidden;background:var(--graphite-2)}
.menu__preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s var(--ease),transform .9s var(--ease);filter:saturate(.9) contrast(1.06)}
.menu__preview img.is-on{opacity:1;transform:none}
.menu__preview .ticks{position:absolute;inset:24px}
.menu__foot{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;gap:16px;z-index:2}
@media (max-width:860px){.menu__grid{grid-template-columns:1fr}.menu__preview{display:none}.menu__list{border-right:0}.menu__list a{grid-template-columns:44px 1fr;min-height:72px}.menu__list a em{display:none}}

/* Viewfinder ticks */
.ticks{pointer-events:none}
.ticks::before,.ticks::after{content:"";position:absolute;width:18px;height:18px;border:1px solid rgba(244,244,242,.7)}
.ticks::before{left:0;top:0;border-right:0;border-bottom:0}
.ticks::after{right:0;bottom:0;border-left:0;border-top:0}

/* Section scaffolding */
.sec{padding-block:var(--sec);position:relative}
.sec--g{background:var(--graphite-2)}
.sec-head{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end;margin-bottom:clamp(40px,6vw,88px)}
.sec-head__idx{grid-column:1/4;display:flex;flex-direction:column;gap:14px;align-self:start}
.sec-head__idx .label{display:flex;align-items:center;gap:10px}
.sec-head__idx .label::before{content:"";width:28px;height:1px;background:var(--signal)}
.sec-head__main{grid-column:4/13;display:grid;gap:24px}
.sec-head__main .lead{color:#c9ccce}
.rule{height:1px;background:var(--line-strong);transform-origin:left}
.rule--red{background:var(--signal)}
@media (max-width:860px){.sec-head{grid-template-columns:1fr;gap:20px}.sec-head__idx,.sec-head__main{grid-column:1}}

/* Reveal (JS only; below the fold only) */
.js .pre.draw{transform:scaleX(0)}
.js .draw{transition:transform 1.1s var(--ease)}
.js .pre.fade{opacity:0;transform:translateY(24px)}
.js .fade{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .pre.wipe{clip-path:inset(100% 0 0 0)}
.js .wipe{transition:clip-path 1s var(--ease)}
.js .pre.in.draw,.js .in.draw{transform:none}
.js .in.fade{opacity:1;transform:none}
.js .in.wipe{clip-path:inset(0 0 0 0)}

/* Photo base */
.ph{position:relative;overflow:hidden;background:var(--graphite)}
.ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06)}
.cap{display:flex;justify-content:space-between;gap:12px;margin-top:10px}

/* ============ HERO ============ */
.hero{position:relative;height:calc(100svh - var(--hud) - 36px);min-height:620px;max-height:1100px;overflow:hidden;background:var(--black);isolation:isolate}
.hero__img{position:absolute;inset:0 0 16% 0;z-index:-2}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;filter:saturate(.95) contrast(1.1) brightness(1.18)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,5,.75) 0%,rgba(5,5,5,0) 28%,rgba(5,5,5,0) 48%,rgba(5,5,5,.88) 82%,#050505 100%)}
.hero__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:calc(100%/12) 25%;opacity:.35;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.hero__top{position:absolute;top:24px;left:0;right:0;display:flex;justify-content:space-between;gap:24px}
.hero__top .meta b{color:var(--white);font-weight:400}
.hero__bottom{position:absolute;left:0;right:0;bottom:clamp(20px,4vh,48px)}
.hero h1{max-width:none;font-size:clamp(3.1rem,7.3vw,9.5rem)}
.hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(20px,3vh,36px);flex-wrap:wrap}
.hero__row .lead{max-width:34ch;color:#d5d7d8}
.hero__ctas{display:flex;gap:10px;flex-wrap:wrap}
.callout{position:absolute;display:flex;align-items:center;gap:10px;font:400 .6875rem/1.35 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--white);white-space:nowrap}
.callout i{display:block;width:9px;height:9px;border:1px solid var(--white);position:relative;flex:none}
.callout i::after{content:"";position:absolute;inset:2px;background:var(--signal)}
.callout s{display:block;height:1px;width:clamp(40px,6vw,110px);background:rgba(244,244,242,.6);text-decoration:none}
.callout span small{display:block;color:var(--silver);font-size:.625rem}
.callout--l{flex-direction:row-reverse;text-align:right}
.c1{top:24%;right:61%}.c2{top:19%;left:60%}.c3{top:40%;left:65%}.c4{top:43%;right:65%}
@media (max-width:1100px){.c3,.c4{display:none}}
@media (max-width:760px){
  .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
  .hero__img{position:relative;inset:auto;aspect-ratio:1/1;margin-top:0}
  .hero__img img{object-position:50% 60%}
  .hero::before{background:linear-gradient(180deg,rgba(5,5,5,.6) 0%,rgba(5,5,5,0) 22%,rgba(5,5,5,0) 50%,#050505 86%)}
  .hero__top{top:16px}
  .hero__top .meta:last-child{display:none}
  .hero__bottom{position:relative;bottom:auto;margin-top:-22%;padding-bottom:40px}
  .hero h1{font-size:clamp(2.6rem,12.4vw,4.5rem)}
  .callout{font-size:.5625rem}.callout s{width:28px}
  .c1{top:30%;left:16px;right:auto}.c2{top:17%;right:16px;left:auto}
  .hero__row{flex-direction:column;align-items:stretch}
  .hero__ctas .btn{flex:1}
}
.hero-strip{border-block:1px solid var(--line);background:var(--black)}
.hero-strip ul{display:grid;grid-template-columns:repeat(4,1fr)}
.hero-strip li{padding:20px 24px 20px 0;display:grid;gap:6px;border-right:1px solid var(--line);padding-left:24px}
.hero-strip li:first-child{padding-left:0}
.hero-strip li:last-child{border-right:0}
.hero-strip strong{font:700 clamp(1.5rem,2.6vw,2.25rem)/1 var(--f-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
@media (max-width:760px){.hero-strip ul{grid-template-columns:1fr 1fr}.hero-strip li{padding:16px 12px!important;border-bottom:1px solid var(--line)}.hero-strip li:nth-child(2n){border-right:0}}

/* ============ SERVICES REEL ============ */
.reel{position:relative;background:var(--black)}
.reel__sticky{padding-block:clamp(48px,6vw,80px)}
.reel__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
.reel__count{display:flex;align-items:center;gap:16px}
.reel__count .num{font-size:.875rem;letter-spacing:.08em}
.reel__bar{width:160px;height:1px;background:var(--line-strong);position:relative;overflow:hidden}
.reel__bar i{position:absolute;inset:0;background:var(--signal);transform-origin:left;transform:scaleX(.2)}
.reel__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain}
.reel__track::-webkit-scrollbar{display:none}
.reel__track:focus-visible{outline-offset:-2px}
.panel{flex:none;width:min(1120px,82vw);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);border:1px solid var(--line);background:var(--graphite-2);scroll-snap-align:start;scroll-margin-inline:var(--gut)}
.panel__ph{position:relative;aspect-ratio:4/5;max-height:72vh;overflow:hidden;width:100%;background:var(--graphite)}
.panel__ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08);transition:transform 1.2s var(--ease)}
.panel:hover .panel__ph img{transform:scale(1.03)}
.panel__ph .ticks{position:absolute;inset:16px}
.panel__ph .meta{position:absolute;left:16px;bottom:16px;color:var(--white);background:rgba(5,5,5,.6);padding:4px 8px}
.panel__body{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:20px;min-width:0}
.panel__no{font:700 clamp(4rem,9vw,8.5rem)/.8 var(--f-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px var(--line-strong)}
.panel__body .h3{font-size:clamp(1.75rem,3vw,2.75rem);letter-spacing:-.04em}
.spec{display:grid;border-top:1px solid var(--line)}
.spec div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);align-items:baseline}
.spec dt{font:400 .6875rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--silver)}
.spec dd{margin:0;font:400 .875rem/1.3 var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}
.spec dd.big{font-size:1.25rem;font-weight:700}
.panel__body .tlink{margin-top:auto;align-self:flex-start}
.panel--intro{width:min(560px,82vw);background:none;border:0;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:8px 24px 8px 0}
.panel--intro .h2{font-size:clamp(2.5rem,5.4vw,5.25rem)}
.reel__nav{display:none;gap:8px}
.icon-btn{width:48px;height:48px;display:inline-grid;place-items:center;border:1px solid var(--line-strong);background:transparent;transition:border-color .2s,background .2s}
.icon-btn:hover{border-color:var(--white);background:rgba(244,244,242,.06)}
.icon-btn:active{transform:translateY(1px)}
.icon-btn:disabled{opacity:.35;cursor:default}
/* pinned mode (desktop, set by JS) */
.reel.is-pinned .reel__sticky{position:sticky;top:var(--hud);height:calc(100vh - var(--hud));overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-block:24px}
.reel.is-pinned .reel__track{overflow:visible;scroll-snap-type:none;will-change:transform}
.reel.is-pinned .panel__ph{max-height:calc(100vh - var(--hud) - 190px)}
.reel:not(.is-pinned) .reel__nav{display:flex}
@media (max-width:860px){
  .panel{grid-template-columns:1fr;width:86vw}
  .panel__ph{aspect-ratio:4/3}
  .panel--intro{display:none}
  .reel__head{flex-direction:column;align-items:flex-start}
  .reel__head .reel__nav{align-self:flex-end;margin-top:-56px}
}

/* ============ BEFORE / AFTER ============ */
.ba{position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--graphite);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba__after img{filter:saturate(1) contrast(1.12) brightness(1.02)}
.ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}
.ba__before img{filter:saturate(.55) contrast(.74) brightness(.9) blur(.5px)}
.ba__before::before{content:"";position:absolute;inset:0;background:
  repeating-radial-gradient(circle at 34% 40%,rgba(255,255,255,.0) 0 7px,rgba(255,255,255,.11) 7.6px,rgba(255,255,255,0) 8.6px),
  repeating-radial-gradient(circle at 72% 58%,rgba(255,255,255,0) 0 11px,rgba(255,255,255,.09) 11.6px,rgba(255,255,255,0) 12.8px),
  repeating-radial-gradient(circle at 12% 80%,rgba(255,255,255,0) 0 5px,rgba(255,255,255,.08) 5.5px,rgba(255,255,255,0) 6.5px);
  mix-blend-mode:screen;opacity:.85}
.ba__before::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 30%,rgba(230,232,230,.22) 0 2px,transparent 3px),
  radial-gradient(circle at 60% 20%,rgba(230,232,230,.2) 0 1.5px,transparent 2.5px),
  radial-gradient(circle at 45% 70%,rgba(230,232,230,.18) 0 2.5px,transparent 3.5px),
  linear-gradient(115deg,rgba(220,220,214,.16),rgba(220,220,214,.05) 60%,rgba(220,220,214,.14));
  background-size:140px 120px,90px 110px,170px 150px,100% 100%;mix-blend-mode:screen}
.ba__line{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:1px;background:var(--white);transform:translateX(-.5px);pointer-events:none}
.ba__line::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:3px;background:linear-gradient(var(--signal),var(--signal)) center/1px 100% no-repeat}
.ba__handle{position:absolute;top:50%;left:var(--pos,50%);transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;background:var(--black);border:1px solid var(--white);color:var(--white);cursor:ew-resize;z-index:2}
.ba__handle:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.ba__handle svg{width:28px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.ba__tag{position:absolute;top:16px;padding:6px 10px;background:rgba(5,5,5,.72);font:400 .6875rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.ba__tag--b{left:16px}.ba__tag--a{right:16px}
.ba-read{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);margin-top:0}
.ba-read>div{padding:20px 24px 20px 0;border-right:1px solid var(--line);display:grid;gap:8px}
.ba-read>div+div{padding-left:24px}
.ba-read>div:last-child{border-right:0}
.ba-read strong{font:700 clamp(1.25rem,2vw,1.75rem)/1 var(--f-mono);font-variant-numeric:tabular-nums}
.sim{display:flex;align-items:center;gap:10px;margin-top:14px}
.sim::before{content:"";width:8px;height:8px;border:1px solid var(--silver)}
@media (max-width:760px){.ba{aspect-ratio:4/5}.ba-read{grid-template-columns:1fr}.ba-read>div{border-right:0;border-bottom:1px solid var(--line);padding:16px 0!important}}

/* ============ PACKAGES TABLE ============ */
.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line-strong);background:var(--graphite-2)}
.seg button{position:relative;min-height:48px;padding:0 20px;background:none;border:0;border-right:1px solid var(--line);font:400 .75rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--silver);transition:color .2s,background .2s}
.seg button:last-child{border-right:0}
.seg button::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--signal);transform:scaleX(0);transition:transform .35s var(--ease)}
.seg button:hover{color:var(--white);background:rgba(244,244,242,.04)}
.seg button[aria-checked="true"],.seg button[aria-pressed="true"]{color:var(--white);background:var(--graphite)}
.seg button[aria-checked="true"]::before,.seg button[aria-pressed="true"]::before{transform:none}
.seg button:focus-visible{outline-offset:-3px}
.pk-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.tbl-wrap{position:relative;overflow-x:auto;border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.tbl-wrap:focus-visible{outline-offset:2px}
.pk{width:100%;border-collapse:collapse;min-width:980px;font-size:.9375rem}
.pk th,.pk td{padding:16px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top}
.pk tr>*:last-child{border-right:0}
.pk thead th{vertical-align:bottom;background:var(--graphite-2);padding-top:22px}
.pk thead th .label{display:block;margin-bottom:12px}
.pk thead th .h3{font-size:1.25rem;display:block}
.pk tbody th{font:400 .6875rem/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--silver);width:180px;background:var(--black);position:sticky;left:0;z-index:1}
.pk thead th:first-child{position:sticky;left:0;z-index:2;background:var(--graphite-2)}
.pk td{color:#d9dbdc}
.pk .price td{background:var(--graphite-2)}
.pk .price .num{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;letter-spacing:-.04em;color:var(--white);display:block;transition:opacity .2s}
.pk .price small{font:400 .625rem/1 var(--f-mono);letter-spacing:.14em;color:var(--silver);display:block;margin-bottom:8px}
.pk .yes{display:inline-flex;align-items:center;gap:8px}
.pk .no{color:#5e6367}
.pk .pick{position:relative;background:rgba(244,244,242,.035)}
.pk thead .pick{background:var(--graphite)}
.pk thead .pick::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--signal)}
.pk tfoot td,.pk tfoot th{border-bottom:0;background:var(--graphite-2)}
.pk tfoot th{position:sticky;left:0}
.swipe-hint{display:none}
@media (max-width:860px){.swipe-hint{display:flex;align-items:center;gap:8px;margin-top:12px}.pk tbody th,.pk thead th:first-child,.pk tfoot th{width:118px;min-width:118px}.pk{min-width:900px}.seg{width:100%}.seg button{padding:0 8px}}
.flash{animation:flash .5s var(--ease)}
@keyframes flash{0%{opacity:.15;transform:translateY(4px)}100%{opacity:1;transform:none}}

/* ============ PROCESS STEPPER ============ */
.stepper{display:grid;gap:40px}
.steps{position:relative;display:grid;grid-template-columns:repeat(6,1fr)}
.steps__rail{position:absolute;left:0;right:0;top:23px;height:1px;background:var(--line-strong)}
.steps__rail i{position:absolute;inset:0;background:var(--signal);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .6s var(--ease)}
.steps button{position:relative;display:grid;justify-items:start;gap:14px;background:none;border:0;padding:0 12px 0 0;text-align:left;color:var(--silver);min-height:44px}
.steps button .dot{width:47px;height:47px;display:grid;place-items:center;background:var(--black);border:1px solid var(--line-strong);font:400 .8125rem/1 var(--f-mono);transition:border-color .3s,background .3s,color .3s;color:var(--silver)}
.steps button .t{font:600 .875rem/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.04em}
.steps button:hover .dot{border-color:var(--white);color:var(--white)}
.steps button.done .dot{border-color:var(--white);color:var(--white)}
.steps button[aria-selected="true"]{color:var(--white)}
.steps button[aria-selected="true"] .dot{background:var(--white);color:var(--black);border-color:var(--white);box-shadow:0 0 0 4px var(--black),0 0 0 5px var(--signal)}
.steps button:focus-visible{outline-offset:6px}
.step-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);border-top:1px solid var(--line);padding-top:clamp(28px,4vw,48px)}
.step-panel[hidden]{display:none}
.step-panel .big-no{font:700 clamp(5rem,12vw,11rem)/.8 var(--f-display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px var(--line-strong)}
.step-panel .h3{font-size:clamp(1.75rem,3.2vw,3rem);letter-spacing:-.04em;margin-bottom:18px}
.step-panel .body{margin-bottom:24px}
.step-ctrl{display:flex;gap:8px;margin-top:28px}
@media (max-width:860px){
  .steps{grid-template-columns:repeat(6,minmax(52px,1fr))}
  .steps button .t{display:none}
  .steps button{justify-items:center;padding:0}
  .steps__rail{left:8%;right:8%}
  .step-panel{grid-template-columns:1fr}
}

/* ============ GARAGE GRID ============ */
.garage{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(8px,1.2vw,16px)}
.g-item{position:relative;display:block;padding:0;border:0;background:var(--graphite);overflow:hidden;cursor:zoom-in;text-align:left;width:100%}
.g-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06);transition:transform 1.1s var(--ease),filter .5s}
.g-item:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.1)}
.g-item .meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:28px 14px 12px;color:var(--white);background:linear-gradient(transparent,rgba(5,5,5,.85));opacity:.8;transition:opacity .35s}
.g-item:hover .meta,.g-item:focus-visible .meta{opacity:1}
.g-item:focus-visible{outline-offset:2px}
.g-a{grid-column:1/8;aspect-ratio:3/2}.g-b{grid-column:8/13;aspect-ratio:auto}.g-b img,.wall .w-wide img{position:absolute;inset:0}.g-c{grid-column:1/5;aspect-ratio:4/5}.g-d{grid-column:5/13;aspect-ratio:21/10}
.g-e{grid-column:1/13;aspect-ratio:21/8}
@media (hover:none){.g-item .meta{opacity:1;transform:none}}
@media (max-width:760px){.garage{grid-template-columns:1fr 1fr}.g-a,.g-d,.g-e{grid-column:1/3;aspect-ratio:3/2}.g-b,.g-c{grid-column:auto;aspect-ratio:4/5}}

/* Lightbox */
.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(5,5,5,.97);color:var(--white)}
.lb[open]{display:grid;grid-template-rows:auto 1fr auto;animation:menuIn .35s var(--ease)}
.lb::backdrop{background:#000}
.lb__top,.lb__bot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--gut);border-bottom:1px solid var(--line)}
.lb__bot{border-bottom:0;border-top:1px solid var(--line)}
.lb__stage{position:relative;display:grid;place-items:center;padding:16px var(--gut);min-height:0}
.lb__stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:saturate(.95) contrast(1.06)}
.lb__nav{display:flex;gap:8px}

/* ============ BOOK CTA ============ */
.cta{position:relative;isolation:isolate;overflow:hidden;min-height:min(92vh,860px);display:flex;align-items:flex-end;padding-block:var(--sec) clamp(40px,5vw,72px)}
.cta__img{position:absolute;inset:0;z-index:-2}
.cta__img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:contrast(1.15) brightness(1.25)}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#050505 0%,rgba(5,5,5,.2) 35%,rgba(5,5,5,.55) 70%,#050505 100%)}
.cta__in{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end;width:100%}
.cta h2{grid-column:1/9;font-size:clamp(3.25rem,11vw,12rem)}
.cta__side{grid-column:9/13;display:grid;gap:20px}
.board{border:1px solid var(--line-strong);background:rgba(5,5,5,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.board div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font:400 .75rem/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.board div:last-child{border-bottom:0}
.board dt{color:var(--silver)}
.board dd{margin:0;display:flex;align-items:center;gap:8px}
@media (max-width:860px){.cta h2,.cta__side{grid-column:1/-1}}

/* ============ FOOTER ============ */
.foot{border-top:1px solid var(--line);background:var(--black);padding-top:clamp(56px,7vw,104px);position:relative;overflow:hidden}
.foot__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:32px 24px}
.foot__brand{grid-column:1/5;display:grid;gap:20px;align-content:start}
.foot__col{grid-column:span 2;display:grid;gap:12px;align-content:start}
.foot__col a{text-decoration:none;color:#d2d4d5;min-height:32px;display:inline-flex;align-items:center;transition:color .2s}
.foot__col a:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--signal)}
.foot__col p,.foot__col li{color:#d2d4d5;font-size:.9375rem}
.foot__map{grid-column:span 2}
.foot__map svg{width:100%;height:auto;max-width:200px}
.soc{display:flex;gap:8px}
.soc a{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);text-decoration:none;font:400 .6875rem/1 var(--f-mono);letter-spacing:.06em;color:var(--white);transition:border-color .2s,background .2s}
.soc a:hover{border-color:var(--white);background:rgba(244,244,242,.06)}
.foot__mark{margin-top:clamp(48px,7vw,96px);font:700 clamp(5rem,24vw,25rem)/.76 var(--f-display);letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(244,244,242,.18);white-space:nowrap;text-transform:uppercase;user-select:none;margin-bottom:-.06em}
.foot__base{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.foot__base p{font:400 .75rem/1.6 var(--f-mono);color:var(--silver);letter-spacing:.03em}
.foot__base a{color:var(--white)}
@media (max-width:1000px){.foot__brand{grid-column:1/-1}.foot__col,.foot__map{grid-column:span 6}}
@media (max-width:520px){.foot__col,.foot__map{grid-column:1/-1}}

/* Mobile book bar */
.mbar{display:none}
@media (max-width:760px){
  :root{--hud:56px}
  .telemetry .t-hide{display:none}
  .telemetry{justify-content:flex-end;gap:12px}
  .hud__in{gap:12px}
  .logo small{display:none}
  .hud__act .btn{display:none}
  .menu-btn span{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:700;background:rgba(5,5,5,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-strong);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px;align-items:center;justify-content:space-between;transform:translateY(0);transition:transform .35s var(--ease)}
  .mbar .meta{display:flex;align-items:center;gap:8px;line-height:1.3}
  .mbar .btn{min-height:48px;flex:none}
  body.has-mbar{padding-bottom:76px}
}
@media (max-width:420px){.telemetry .t-bay{display:none}}

/* Crosshair */
.xhair{position:fixed;left:0;top:0;z-index:1500;pointer-events:none;opacity:0;transition:opacity .2s;display:none}
.has-xhair .xhair{display:block}
.xhair.on{opacity:1}
.xhair__h,.xhair__v{position:fixed;background:rgba(244,244,242,.35)}
.xhair__h{left:0;right:0;height:1px}
.xhair__v{top:0;bottom:0;width:1px}
.xhair__c{position:fixed;left:0;top:0;width:28px;height:28px;border:1px solid var(--white)}
.xhair__c::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;background:var(--signal)}
.xhair__r{position:fixed;left:0;top:0;font:400 .625rem/1 var(--f-mono);letter-spacing:.1em;color:var(--white);background:rgba(5,5,5,.7);padding:4px 6px;white-space:nowrap}
.has-xhair [data-xhair],.has-xhair [data-xhair] *{cursor:none}

/* ============ PAGE HEAD (subpages) ============ */
.phead{padding-top:clamp(48px,8vw,120px);padding-bottom:clamp(40px,6vw,80px);border-bottom:1px solid var(--line);position:relative}
.phead__meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,56px)}
.phead h1{max-width:14ch}
.phead .lead{margin-top:28px;color:#c9ccce}
.index-nav{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:clamp(32px,5vw,64px)}
.index-nav a{flex:1 1 180px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 18px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;font:600 .875rem/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.04em;min-height:56px;transition:background .25s,padding .3s var(--ease)}
.index-nav a .mono{font-size:.6875rem;color:var(--silver);font-weight:400}
.index-nav a:hover{background:var(--graphite-2);padding-left:12px}
.index-nav a+a{padding-left:18px}

/* Service deep dive */
.dive{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding-block:clamp(64px,8vw,128px);border-bottom:1px solid var(--line)}
.dive__ph{grid-column:1/6;position:relative}
.dive__ph .ph{aspect-ratio:4/5}
.dive__ph .ticks{position:absolute;inset:14px}
.dive__body{grid-column:7/13;display:grid;gap:28px;align-content:start}
.dive--flip .dive__ph{grid-column:8/13;grid-row:1}
.dive--flip .dive__body{grid-column:1/7;grid-row:1}
.dive__body .h2{font-size:clamp(2.25rem,5vw,4.75rem)}
.checks{display:grid;gap:0;border-top:1px solid var(--line)}
.checks li{display:grid;grid-template-columns:44px 1fr;padding:12px 0;border-bottom:1px solid var(--line);color:#d2d4d5}
.checks li .mono{color:var(--silver);font-size:.75rem;padding-top:3px}
.spec-cols{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.spec-cols>div{padding:16px;border-right:1px solid var(--line);display:grid;gap:8px}
.spec-cols>div:last-child{border-right:0}
.spec-cols strong{font:700 1.25rem/1 var(--f-mono);font-variant-numeric:tabular-nums}
@media (max-width:860px){.dive__ph,.dive__body,.dive--flip .dive__ph,.dive--flip .dive__body{grid-column:1/-1;grid-row:auto}.dive__ph .ph{aspect-ratio:3/2}.spec-cols{grid-template-columns:1fr 1fr 1fr}.spec-cols>div{padding:12px 10px}.spec-cols strong{font-size:1rem}}

/* PPF diagram */
.ppf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,80px);align-items:center}
.ppf__fig{position:relative;border:1px solid var(--line);background:
  linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px,var(--graphite-2);padding:clamp(20px,3vw,40px);display:grid;place-items:center}
.ppf__fig svg{width:100%;max-width:300px;height:auto}
.ppf__fig .meta{position:absolute;left:14px;top:12px}
.ppf__fig .meta.r{left:auto;right:14px}
.car .pn{fill:#16181a;stroke:rgba(157,163,168,.55);stroke-width:1;transition:fill .45s var(--ease),stroke .45s var(--ease)}
.car .pn.on{fill:url(#hatch);stroke:var(--white)}
.car .glass{fill:#0b0c0d;stroke:rgba(157,163,168,.35);stroke-width:1}
.car .tyre{fill:#2a2d30}
.car .pn.on.flash-pn{stroke:var(--signal)}
.ppf__ctrl{display:grid;gap:24px}
.cov{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-strong)}
.cov button{min-height:64px;display:grid;align-content:center;gap:4px;padding:10px 16px;text-align:left;background:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;color:var(--silver);transition:background .2s,color .2s}
.cov button:nth-child(2n){border-right:0}
.cov button:nth-child(n+3){border-bottom:0}
.cov button b{font:600 .9375rem/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.02em}
.cov button span{font:400 .6875rem/1.2 var(--f-mono);letter-spacing:.1em}
.cov button::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:var(--signal);transform:scaleY(0);transition:transform .3s var(--ease)}
.cov button:hover{background:rgba(244,244,242,.04);color:var(--white)}
.cov button[aria-checked="true"]{background:var(--graphite);color:var(--white)}
.cov button[aria-checked="true"]::before{transform:none}
.cov button:focus-visible{outline-offset:-3px}
.readout{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.readout>div{padding:18px;display:grid;gap:8px;border-right:1px solid var(--line)}
.readout>div:last-child{border-right:0}
.readout strong{font:700 clamp(1.75rem,3.4vw,3rem)/1 var(--f-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.panel-list{display:flex;flex-wrap:wrap;gap:6px}
.panel-list li{font:400 .6875rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border:1px solid var(--line-strong)}
@media (max-width:860px){.ppf{grid-template-columns:1fr}.ppf__fig svg{max-width:220px}}

/* Paint stages diagram */
.stages{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start}
.layers{border:1px solid var(--line);background:var(--graphite-2);padding:24px}
.layer{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(5,5,5,.6);position:relative;overflow:hidden}
.layer span{padding:0 14px;font:400 .6875rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:1}
.layer--clear{height:120px;background:linear-gradient(180deg,rgba(244,244,242,.18),rgba(244,244,242,.06));align-items:end;padding-bottom:12px}
.layer--base{height:56px;background:#2b2e31}
.layer--primer{height:40px;background:#3a3d40}
.layer--e{height:24px;background:#4a4e52}
.layer--metal{height:36px;background:repeating-linear-gradient(90deg,#6c7176 0 2px,#5f6469 2px 4px)}
.cut{position:absolute;left:0;right:0;top:0;height:var(--cut,10%);background:repeating-linear-gradient(-45deg,rgba(225,6,0,.0) 0 6px,rgba(225,6,0,.55) 6px 7px);border-bottom:1px solid var(--signal);transition:height .6s var(--ease)}
.scratch{position:absolute;left:0;right:0;top:0;height:28%;border-bottom:1px dashed rgba(244,244,242,.4)}
.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-strong);margin-bottom:24px}
.stage-tabs button{min-height:52px;background:none;border:0;border-right:1px solid var(--line);font:400 .75rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--silver);position:relative}
.stage-tabs button:last-child{border-right:0}
.stage-tabs button::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--signal);transform:scaleX(0);transition:transform .3s var(--ease)}
.stage-tabs button[aria-selected="true"]{color:var(--white);background:var(--graphite)}
.stage-tabs button[aria-selected="true"]::before{transform:none}
.stage-tabs button:hover{color:var(--white)}
.stage-tabs button:focus-visible{outline-offset:-3px}
@media (max-width:860px){.stages{grid-template-columns:1fr}}

/* Ceramic tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.tier{padding:clamp(20px,2.4vw,36px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;position:relative}
.tier:last-child{border-right:0}
.tier--pick::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--signal)}
.tier__name{font:700 clamp(2.5rem,4.4vw,4.25rem)/.85 var(--f-display);letter-spacing:-.06em;text-transform:uppercase}
.tier .price{font:700 1.75rem/1 var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.tier .btn{margin-top:auto}
@media (max-width:860px){.tiers{grid-template-columns:1fr}.tier{border-right:0;border-bottom:1px solid var(--line)}.tier:last-child{border-bottom:0}}

/* Gallery page */
.filters{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line-strong);width:max-content;max-width:100%}
.filters button{min-height:46px;padding:0 18px;background:none;border:0;border-right:1px solid var(--line);font:400 .75rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--silver);position:relative}
.filters button:last-child{border-right:0}
.filters button[aria-pressed="true"]{color:var(--white);background:var(--graphite)}
.filters button[aria-pressed="true"]::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--signal)}
.filters button:hover{color:var(--white)}
.filters button:focus-visible{outline-offset:-3px}
@media (max-width:760px){.filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.filters button{border-bottom:1px solid var(--line);padding:0 6px}.filters button:nth-child(3n){border-right:0}}
.wall{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(8px,1.2vw,16px);margin-top:32px}
.wall .g-item{grid-column:span 4;aspect-ratio:4/5}
.wall .g-item.w-wide{grid-column:span 8;aspect-ratio:auto}
.wall .g-item.w-full{grid-column:1/-1;aspect-ratio:21/8}
.wall .g-item.w-half{grid-column:span 6;aspect-ratio:3/2}
.wall .g-item[hidden]{display:none}
@media (max-width:760px){.wall{grid-template-columns:1fr 1fr}.wall .g-item,.wall .g-item.w-half{grid-column:span 1;aspect-ratio:4/5}.wall .g-item.w-wide,.wall .g-item.w-full{grid-column:1/-1;aspect-ratio:3/2}}

/* ============ CONFIGURATOR ============ */
.cfg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,64px);align-items:start;padding-block:clamp(40px,5vw,72px) var(--sec)}
.cfg__rail{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin-bottom:32px}
.cfg__rail li{border-right:1px solid var(--line);position:relative}
.cfg__rail li:last-child{border-right:0}
.cfg__rail button{width:100%;min-height:56px;display:grid;gap:4px;align-content:center;padding:8px 12px;background:none;border:0;text-align:left;color:var(--silver)}
.cfg__rail button span{font:400 .625rem/1 var(--f-mono);letter-spacing:.12em}
.cfg__rail button b{font:600 .8125rem/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.04em}
.cfg__rail button[aria-current="step"]{color:var(--white);background:var(--graphite)}
.cfg__rail li::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.cfg__rail li.done::after,.cfg__rail li.cur::after{transform:none}
.cfg__rail li.done button{color:var(--white)}
.cfg__rail button:disabled{cursor:default;opacity:.55}
.cfg__rail button:focus-visible{outline-offset:-3px}
.fs{border:0;margin:0;padding:0 0 48px;min-width:0}
.js .cfg-on .fs:not(.is-cur){display:none}
.fs legend{padding:0;margin-bottom:8px;display:block;width:100%}
.fs legend .h3{font-size:clamp(1.75rem,3.4vw,3rem);letter-spacing:-.04em}
.fs__note{margin-bottom:24px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.opts--2{grid-template-columns:repeat(2,1fr)}
.opts--1{grid-template-columns:1fr}
.opt{position:relative;display:block}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.opt__box{display:grid;gap:10px;min-height:100%;padding:18px;border:1px solid var(--line-strong);background:var(--graphite-2);transition:border-color .2s,background .2s}
.opt__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.opt__box b{font:600 1.0625rem/1.15 var(--f-display);text-transform:uppercase;letter-spacing:-.01em}
.opt__box .meta{font-size:.6875rem}
.opt__box .pr{font:700 1rem/1 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.opt__box svg.car-ico{width:84px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;color:var(--silver)}
.opt__mk{width:18px;height:18px;border:1px solid var(--line-strong);flex:none;display:grid;place-items:center}
.opt input[type=radio]+.opt__box .opt__mk{border-radius:50%}
.opt input:hover+.opt__box{border-color:var(--white)}
.opt input:checked+.opt__box{border-color:var(--white);background:var(--graphite)}
.opt input:checked+.opt__box .opt__mk{border-color:var(--white);background:var(--white);box-shadow:inset 0 0 0 4px var(--graphite)}
.opt input:checked+.opt__box svg.car-ico{color:var(--white)}
.opt input:focus-visible+.opt__box{outline:2px solid var(--white);outline-offset:3px}
.opt input:checked+.opt__box::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--signal)}
.field{display:grid;gap:8px;margin-bottom:18px}
.field label,.field .lbl{font:700 .6875rem/1.2 var(--f-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--silver)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 14px;background:var(--graphite-2);border:1px solid var(--line-strong);border-radius:2px;color:var(--white);font-size:1rem;transition:border-color .2s}
.field textarea{min-height:110px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(244,244,242,.55)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--white);box-shadow:0 2px 0 0 var(--signal)}
.field.err input,.field.err select,.field.err textarea{border-color:var(--signal)}
.field .msg{font:400 .75rem/1.3 var(--f-mono);color:#ff6a63;min-height:0}
.field .msg:empty{display:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal__dow{font:400 .625rem/1 var(--f-mono);letter-spacing:.12em;color:var(--silver);text-align:center;padding-bottom:6px}
.day{position:relative}
.day input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}
.day span{display:grid;place-items:center;gap:2px;min-height:58px;border:1px solid var(--line-strong);background:var(--graphite-2);font:700 1rem/1 var(--f-mono);transition:border-color .2s,background .2s}
.day span small{font:400 .5625rem/1 var(--f-mono);letter-spacing:.1em;color:var(--silver)}
.day input:hover+span{border-color:var(--white)}
.day input:checked+span{background:var(--white);color:var(--black);border-color:var(--white)}
.day input:checked+span small{color:var(--black)}
.day input:focus-visible+span{outline:2px solid var(--white);outline-offset:2px}
.day input:disabled+span{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.day input:disabled{cursor:not-allowed}
.fs__nav{display:flex;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.err-banner{font:400 .75rem/1.4 var(--f-mono);color:#ff6a63;margin-top:12px}
.err-banner:empty{display:none}
.est{position:sticky;top:calc(var(--hud) + 24px);border:1px solid var(--line-strong);background:var(--graphite-2)}
.est__head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.est__lines{padding:8px 20px;display:grid}
.est__lines div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.875rem}
.est__lines div:last-child{border-bottom:0}
.est__lines dt{color:#c9ccce}
.est__lines dd{margin:0;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.est__lines .empty{color:var(--silver);font:400 .75rem/1.5 var(--f-mono);padding:12px 0;border:0}
.est__total{padding:18px 20px;border-top:1px solid var(--line-strong);display:flex;justify-content:space-between;align-items:baseline}
.est__total strong{font:700 2.25rem/1 var(--f-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.est__foot{padding:0 20px 18px}
.demo-note{font:400 .6875rem/1.4 var(--f-mono);letter-spacing:.06em;color:var(--silver);display:flex;gap:8px;align-items:center}
.demo-note::before{content:"";width:6px;height:6px;background:var(--silver);flex:none}
.mest{display:none}
@media (max-width:980px){
  .cfg{grid-template-columns:1fr}
  .est{position:static}
}
@media (max-width:760px){
  .cfg__rail{grid-template-columns:repeat(5,1fr)}
  .cfg__rail button{padding:8px 6px;justify-items:center;text-align:center}
  .cfg__rail button b{display:none}
  .cfg__rail button span{font-size:.75rem}
  .opts{grid-template-columns:1fr}
  .opts--sz{grid-template-columns:repeat(3,1fr)}
  .opts--sz .opt__box{padding:12px 10px}
  .opts--sz .opt__box b{font-size:.875rem}
  .opts--sz svg.car-ico{width:100%;max-width:72px}
  .grid2{grid-template-columns:1fr}
  .cal{gap:4px}
  .day span{min-height:52px;font-size:.875rem}
  .mest{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:700;background:rgba(5,5,5,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-strong);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px}
  .mest strong{font:700 1.375rem/1 var(--f-mono);font-variant-numeric:tabular-nums;display:block;margin-top:4px}
  .mest .btn{min-height:48px}
  .fs__nav .btn{flex:1}
  body.has-mest{padding-bottom:80px}
}

/* Work order ticket */
.ticket{max-width:760px;margin-inline:auto;background:var(--white);color:var(--black);position:relative;padding:clamp(24px,4vw,48px);font-family:var(--f-mono)}
.ticket::before,.ticket::after{content:"";position:absolute;left:0;right:0;height:10px;background:radial-gradient(circle at 6px 0,var(--black) 5px,transparent 5.5px) 0 0/12px 10px repeat-x}
.ticket::before{top:0}
.ticket::after{bottom:0;transform:rotate(180deg)}
.ticket__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--black);padding-bottom:18px;margin-bottom:18px}
.ticket h2{font:700 clamp(1.75rem,4vw,2.75rem)/.9 var(--f-display);text-transform:uppercase;letter-spacing:-.04em}
.ticket .stamp{border:2px solid var(--signal);color:var(--signal);padding:6px 10px;font:700 .75rem/1 var(--f-mono);letter-spacing:.14em;transform:rotate(-4deg);white-space:nowrap}
.ticket dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
.ticket dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed rgba(5,5,5,.3);padding:8px 0;font-size:.8125rem}
.ticket dt{color:#555a5e;text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;padding-top:2px}
.ticket dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.ticket__lines{margin-top:18px;border-top:2px solid var(--black)}
.ticket__lines div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(5,5,5,.3);font-size:.875rem}
.ticket__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;font:700 1.75rem/1 var(--f-mono)}
.ticket__bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:22px}
.ticket__bar svg{height:44px;width:auto}
.ticket p{font-size:.75rem;line-height:1.5;color:#3d4144}
.ticket :focus-visible{outline-color:var(--black)}
.done-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}
@media (max-width:560px){.ticket dl{grid-template-columns:1fr}.ticket__head{flex-direction:column}}

/* FAQ / Care */
.care{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.care__col{padding:clamp(20px,2.4vw,32px);border-right:1px solid var(--line);display:grid;gap:18px;align-content:start}
.care__col:last-child{border-right:0}
.care__col .tag{display:flex;align-items:center;gap:10px}
.care__col h3{font:700 clamp(1.75rem,2.6vw,2.5rem)/.9 var(--f-display);letter-spacing:-.05em;text-transform:uppercase}
.dd{display:grid;gap:10px}
.dd li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:.9375rem;color:#d2d4d5}
.dd li svg{width:16px;height:16px;margin-top:4px}
.dd li.x svg{color:var(--silver)}
@media (max-width:1000px){.care{grid-template-columns:1fr 1fr}.care__col:nth-child(2){border-right:0}.care__col:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:600px){.care{grid-template-columns:1fr}.care__col{border-right:0!important;border-bottom:1px solid var(--line)}.care__col:last-child{border-bottom:0}}
.protocol{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.protocol ol{grid-column:4/13;border-top:1px solid var(--line);counter-reset:p}
.protocol li{display:grid;grid-template-columns:80px 1fr 1.2fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.protocol li .num{color:var(--silver);font-size:.875rem}
.protocol li b{font:600 1.25rem/1.1 var(--f-display);text-transform:uppercase;letter-spacing:-.02em}
.protocol li p{color:#c9ccce}
@media (max-width:860px){.protocol ol{grid-column:1/-1}.protocol li{grid-template-columns:44px 1fr;gap:8px 12px}.protocol li p{grid-column:2}}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:grid;grid-template-columns:64px 1fr 48px;align-items:center;gap:16px;padding:22px 0;cursor:pointer;min-height:64px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .num{color:var(--silver);font-size:.8125rem}
.faq summary b{font:600 clamp(1.0625rem,1.8vw,1.5rem)/1.2 var(--f-display);letter-spacing:-.02em}
.faq summary .pm{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);transition:transform .35s var(--ease),border-color .2s}
.faq summary:hover .pm{border-color:var(--white)}
.faq summary:hover b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.faq details[open] summary .pm{transform:rotate(45deg);border-color:var(--signal)}
.faq summary:focus-visible{outline-offset:4px}
.faq .ans{padding:0 64px 28px 80px;color:#c9ccce;max-width:none}
.faq .ans p+p{margin-top:12px}
@media (max-width:760px){.faq summary{grid-template-columns:36px 1fr 44px;gap:10px}.faq .ans{padding:0 0 24px 46px}}
.faq-wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.faq-wrap .faq{grid-column:4/13}
.faq-side{grid-column:1/4;display:grid;gap:12px;align-content:start;position:sticky;top:calc(var(--hud) + 24px)}
@media (max-width:860px){.faq-wrap .faq,.faq-side{grid-column:1/-1;position:static}}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.reviews blockquote{margin:0;padding:clamp(20px,2.4vw,32px);border-right:1px solid var(--line);display:grid;gap:18px;align-content:space-between}
.reviews blockquote:last-child{border-right:0}
.reviews p{font-size:1.125rem;line-height:1.45}
@media (max-width:860px){.reviews{grid-template-columns:1fr}.reviews blockquote{border-right:0;border-bottom:1px solid var(--line)}.reviews blockquote:last-child{border-bottom:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Utilities / late fixes */
[hidden]{display:none!important}
@media (max-width:1240px){.telemetry .t-xl{display:none}}
@media (max-width:860px){.protocol .ph{display:none}}
.foot__base{display:block}

.mu{text-transform:none}
.reel.is-pinned .reel__track::after{content:"";flex:0 0 calc(var(--gut) - 23px)}
@media (max-width:760px){.c1{display:none}}
.layer span{text-transform:none}
.wall.filtered .g-item{grid-column:span 4!important;aspect-ratio:4/3!important}
@media (max-width:760px){.wall.filtered .g-item{grid-column:span 2!important}}
.lb__stage img{max-height:calc(100svh - 150px)}
.phead--tight{padding-top:clamp(32px,4vw,56px);padding-bottom:32px}
.phead--tight .phead__meta{margin-bottom:24px}
.phead--tight h1{font-size:clamp(2.6rem,6.2vw,6.25rem);max-width:none}
.phead--tight .lead{margin-top:18px}
.faq summary .pm svg{transition:transform .35s var(--ease)}
.faq details[open] summary .pm{transform:none}
.faq details[open] summary .pm svg{transform:rotate(45deg)}
@media (max-width:920px){.telemetry .t-bay,.telemetry .sep{display:none}}