/* ── inside the theme: undo Storefront/child bleed, scoped to the page body ── */
.lms{color:var(--ink);font:15px/1.62 var(--sai)}
.lms h1,.lms h2,.lms h3,.lms h4{color:inherit;margin:0;font-family:var(--osw);text-transform:uppercase;font-weight:700;line-height:.95;letter-spacing:-.008em}
.lms p{color:inherit}.lms ul{margin:0;padding:0;list-style:none}.lms figure{margin:0}
.lms a{color:inherit;text-decoration:none;box-shadow:none}.lms a:hover{color:inherit}
.lms button:where(:not(.btn)){all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:transparent!important;color:inherit!important}
.lms button.btn{-webkit-appearance:none;appearance:none;margin:0;border-radius:0;box-shadow:none;text-shadow:none}  /* 2026-09-30: the blanket reset above also erased .btn's own padding and type from the form's Send button (38px wide, body font, live since Sep 11). A button that IS a .btn keeps the page's .btn rules and sheds only the store skin. :where() keeps the reset at its old weight, so rules like .lms .snd still beat it. */
.lms .btn.p,.lms button.btn.p{background:var(--acc)!important;color:var(--acci)!important;border:var(--bw) solid var(--acc)!important}
.lms .btn.p:hover{background:var(--accd)!important}
.lms .btn:not(.p){border:var(--bw) solid var(--line2)!important}
/* the sound toggle is a <button>, so `all:unset` above stripped its absolute positioning and it
   collapsed to inline text on the video — restore the overlay chip (2026-09-11, Curtis couldn't
   find it on the dyno video). Base .snd from demo3: top-right, z-index 5. */
.lms .snd{position:absolute!important;top:auto!important;bottom:16px!important;right:16px!important;height:auto!important;z-index:6;display:inline-flex!important;align-items:center;gap:8px;padding:10px 14px;min-height:40px;border-radius:6px;font:700 11px/1 var(--osw);letter-spacing:.12em;text-transform:uppercase;background:var(--hud)!important;color:var(--onfilm)!important;border:1px solid var(--filmline)!important}
.lms .snd:hover{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}
/* mobile: the tap-to-play (#dpp) button owns the film until tapped — hide the sound chip so it
   does not cover "Play the pull" (Curtis 09-11). #dpp is hidden on desktop, so this never fires there. */
.lms .film:has(#dpp:not([hidden])) .snd{display:none!important}
.lms .cf input,.lms .cf select,.lms .cf textarea{background:var(--surf2)!important;color:var(--ink)!important;border:var(--bw) solid var(--line2)!important;border-radius:0!important;box-shadow:none!important}
.lms .cf input:focus,.lms .cf select:focus,.lms .cf textarea:focus{border-color:var(--acc)!important}
.lms .lnk,.lms .mapcard .addr a,.lms .cf .ok a{color:var(--acclt)!important}
.lms .foot ul a,.lms .foot .base a{color:var(--ink2)!important}.lms .foot ul a:hover,.lms .foot .base a:hover{color:var(--ink)!important}
.lms .soc a:hover{color:var(--acci)!important}
.lms .ctl .dots button{color:var(--onfilm2)!important}.lms .ctl .dots button.on{color:var(--onfilm)!important}.lms .ctl .arr button{color:var(--onfilm)!important}.lms .ctl .arr button:hover{background:var(--acc)!important}
.lms [hidden]{display:none!important}
.lms img,.lms video{max-width:100%;display:block;border:0;box-shadow:none}
.lms picture{display:block}
.lms table{margin:0;border:0}.lms td,.lms th{border:0;padding:0}

@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('../shared/fonts/oswald.woff2') format('woff2')}
@font-face{font-family:'Saira';font-style:normal;font-weight:300 600;font-display:swap;src:url('../shared/fonts/saira.woff2') format('woff2')}
:root{
  --osw:'Oswald','Arial Narrow',Impact,sans-serif; --sai:'Saira','Helvetica Neue',Arial,sans-serif; --mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --bg:#05070c; --surf:#0c1119; --surf2:#080b12; --line:#1a2130; --line2:#2b3648;
  --ink:#eef2f8; --ink2:#a3aebf; --ink3:#7f8ba0;
  --acc:#1d5fd8; --accd:#12409b; --acci:#fff; --acclt:#5f95f0; --accsoft:rgba(29,95,216,.15);
  --tile:#fff; --ok:#3fbf7f; --hud:rgba(5,7,12,.86);
  --onfilm:#fff; --onfilm2:#b3becd; --filmline:rgba(255,255,255,.18);
  --herograd:linear-gradient(to top,#05070c 2%,rgba(5,7,12,.88) 22%,rgba(5,7,12,.44) 54%,rgba(5,7,12,.05) 82%);
  --filmgrad:linear-gradient(to top,rgba(5,7,12,.92),rgba(5,7,12,0));
  --rad:0px; --bw:1px; --gut:12px; --max:1340px; --dur:6s;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.62 var(--sai);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--osw);text-transform:uppercase;margin:0;font-weight:700;line-height:.95;letter-spacing:-.008em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border:var(--bw) solid var(--line2);background:transparent;color:var(--ink);font:700 11.5px/1 var(--osw);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:.15s}
.btn:hover{border-color:var(--ink)}
.btn.p{background:var(--acc);border-color:var(--acc);color:var(--acci)}
.btn.p:hover{background:var(--accd);border-color:var(--accd)}
.btn.w{border-color:var(--onfilm);color:var(--onfilm)}
.btn.w:hover{background:var(--onfilm);color:var(--bg)}
.lnk{font:700 11px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;color:var(--acclt);display:inline-block;padding:8px 0}
.lnk:hover{text-decoration:underline}
.mn{display:inline-block;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--acclt)}
.mn b{color:var(--ink3);font-weight:600}
section{padding-top:64px}
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;border-bottom:var(--bw) solid var(--line);padding-bottom:14px}
.sh h2{font-size:clamp(24px,3vw,40px);letter-spacing:-.012em}
.sh h2 small{font:600 10px/1 var(--mono);letter-spacing:.18em;color:var(--ink3);margin-left:14px;text-transform:uppercase;vertical-align:middle}
/* ═══ HERO 1 · FILM ═══ */
.hero{padding-top:0}
.h1{position:relative;min-height:min(86vh,820px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--surf2)}
.h1 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h1 .g{position:absolute;inset:0;background:var(--herograd)}
.h1 .hx{position:relative;z-index:2;width:100%;padding-bottom:56px;padding-top:120px}
.h1 h1{font-size:clamp(44px,7.6vw,124px);line-height:.9;letter-spacing:-.026em;color:var(--onfilm);margin:14px 0 18px}
.h1 h1 em,.h3 h1 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .06em;display:inline-block}
.h1 p{margin:0 0 26px;max-width:560px;font:400 16px/1.6 var(--sai);color:var(--onfilm2)}
.h1 .cta,.h2 .cta{display:flex;gap:10px;flex-wrap:wrap}
.snd{position:absolute;right:22px;top:22px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--filmline);background:var(--hud);color:var(--onfilm);font:700 10px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.snd::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink3)}
.snd[aria-pressed="true"]::before{background:var(--ok);box-shadow:0 0 10px var(--ok)}
.h1 .proof{position:relative;z-index:2;border-top:1px solid var(--filmline);background:var(--hud);backdrop-filter:blur(8px)}
.h1 .proof .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.h1 .proof span{padding:16px 18px 16px 0;font:600 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--onfilm2);border-left:1px solid var(--filmline);padding-left:18px}
.h1 .proof span:first-child{border-left:0;padding-left:0}
.h1 .proof b{display:block;font:700 22px/1.1 var(--osw);letter-spacing:.01em;color:var(--onfilm);margin-bottom:2px}
@media (max-width:760px){.h1{min-height:0}.h1 .hx{padding-top:220px;padding-bottom:28px}.h1 p{font-size:14.5px}.h1 .proof .wrap{grid-template-columns:1fr 1fr}.h1 .proof span{border-left:0;padding:12px 0;font-size:9px}.h1 .proof b{font-size:17px}.snd{right:16px;top:14px;min-height:44px}}
/* ═══ HERO 2 · SPLIT ═══ */
.h2 .sp{display:grid;grid-template-columns:1fr 1.35fr;gap:0;border:var(--bw) solid var(--line);margin-top:22px;background:var(--surf)}
.h2 .tx{padding:52px 44px 44px;display:flex;flex-direction:column}
.h2 h1{font-size:clamp(44px,5.6vw,92px);line-height:.9;letter-spacing:-.026em;margin:16px 0 18px}
.h2 h1 em{font-style:normal;color:var(--acclt)}
.h2 p{margin:0 0 26px;font:400 15.5px/1.65 var(--sai);color:var(--ink2);max-width:460px}
.h2 .pf{list-style:none;margin:auto 0 0;padding:26px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h2 .pf li{border-top:var(--bw) solid var(--line);padding-top:10px;font:500 11px/1.5 var(--sai);color:var(--ink3)}
.h2 .pf b{display:block;font:700 19px/1.1 var(--osw);letter-spacing:.01em;color:var(--ink);margin-bottom:2px}
.h2 .ph{position:relative;min-height:560px;overflow:hidden}
.h2 .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}
.h2 .cap{position:absolute;left:18px;bottom:16px;padding:7px 10px;background:var(--hud);border:1px solid var(--filmline);font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--onfilm2)}
@media (max-width:960px){.h2 .wrap{padding:0}.h2 .sp{grid-template-columns:1fr;margin:0;border-width:0 0 1px}.h2 .ph{order:-1;min-height:0;aspect-ratio:4/3}.h2 .tx{padding:26px 16px 28px}.h2 .pf{grid-template-columns:1fr 1fr 1fr;gap:10px}.h2 .pf b{font-size:15px}.h2 .pf li{font-size:10px}}
/* ═══ HERO 3 · SLIDESHOW ═══ */
.h3{position:relative;background:var(--surf2);overflow:hidden}
.h3 .frame{position:relative;aspect-ratio:16/7.4;min-height:540px;max-height:88vh}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s;z-index:1;overflow:hidden}
.slide.on{opacity:1;visibility:visible;z-index:2;transition:opacity 1s ease}
.slide img,.slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);transform:scale(1.04)}
.slide.on img{animation:drift 7.5s linear forwards}
@keyframes drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.1) translateX(-1%)}}
.slide video{transform:none}
.slide .g{position:absolute;inset:0;background:var(--herograd)}
.slide .go{position:absolute;inset:0;z-index:2}
.slide .t{pointer-events:none;position:absolute;left:0;right:0;bottom:0;padding:0 0 84px;transform:translateY(18px);opacity:0;transition:opacity .7s ease .25s,transform .9s cubic-bezier(.2,.8,.2,1) .25s}
.slide.on .t{transform:none;opacity:1}
.slide h1{font-size:clamp(40px,7.2vw,120px);line-height:.9;letter-spacing:-.026em;color:var(--onfilm)}
.ctl{position:absolute;left:0;right:0;bottom:0;z-index:6;border-top:1px solid var(--filmline);background:var(--hud);backdrop-filter:blur(8px)}
.ctl .wrap{display:flex;align-items:stretch}
.ctl .dots{flex:1;display:grid;grid-template-columns:repeat(var(--n,5),1fr)}
.ctl .dots button{all:unset;position:relative;display:flex;align-items:center;height:50px;padding:0 14px;font:700 11px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;color:var(--onfilm2);cursor:pointer}
.ctl .dots button:first-child{padding-left:0}
.ctl .dots button i{font-style:normal;color:var(--acclt);font:600 9px/1 var(--mono);margin-right:8px}
.ctl .dots button.on{color:var(--onfilm)}
.ctl .dots button em{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc)}
.ctl .dots button.done em{width:100%;background:var(--onfilm2);opacity:.35}
.ctl .dots button.on em{animation:prog var(--dur) linear forwards}
@keyframes prog{from{width:0}to{width:100%}}
.h3.paused .ctl .dots button.on em{animation-play-state:paused}
.ctl .arr{display:flex}
.ctl .arr button{all:unset;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--filmline);color:var(--onfilm);font-size:24px;cursor:pointer}
.ctl .arr button:hover{background:var(--acc)}
@media (max-width:760px){.h3 .frame{aspect-ratio:4/5;min-height:0;max-height:none}.ctl .dots button span{display:none}.ctl .dots button{padding:0 8px;justify-content:center;min-height:46px}.ctl .dots button i{margin:0}.slide .t{padding-bottom:66px}}
@media (prefers-reduced-motion:reduce){.slide.on img{animation:none;transform:none}.ctl .dots button.on em{animation:none;width:100%}}
/* ═══ FEATURED ═══ */
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.pc{background:var(--surf);border:var(--bw) solid var(--line);display:flex;flex-direction:column;transition:border-color .15s}
.pc:hover{border-color:var(--line2)}
.pc .pl{display:block;color:inherit}
.pc .pl:hover h3{color:var(--acclt)}
.pc .im{background:var(--tile);aspect-ratio:4/3;overflow:hidden;position:relative}
.pc .im img{width:100%;height:100%;object-fit:contain;padding:8%;transform:scale(1.22);transition:transform .35s}
.pc:hover .im img{transform:scale(1.28)}
.pc .bd{position:absolute;left:12px;top:12px;z-index:2;background:var(--acc);color:var(--acci);font:700 9.5px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px}
.pc .t{padding:14px 14px 15px;display:flex;flex-direction:column;gap:4px;flex:1}
.pc .pn{font:600 9.5px/1.4 var(--mono);letter-spacing:.1em;color:var(--ink3);text-transform:uppercase}
.pc .pn b{color:var(--acclt);font-weight:600}
.pc h3{font:600 14.5px/1.3 var(--sai);text-transform:none;letter-spacing:0;color:var(--ink)}
.pc .sp{font:600 10px/1.5 var(--mono);letter-spacing:.06em;color:var(--ok);text-transform:uppercase}
.pc .pr{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc .pr b{font:700 20px/1 var(--osw);letter-spacing:.01em}
.pc .pr .btn{padding:11px 14px;font-size:10px}
@media (max-width:1000px){.prods{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.prods{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.prods::-webkit-scrollbar{display:none}.pc{flex:0 0 74vw;scroll-snap-align:start}}
/* ═══ DYNO ═══ */
.dy{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:var(--bw) solid var(--line);background:var(--surf)}
.dy .film{position:relative;background:var(--surf2);min-height:440px}
.dy .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dy .film .fc{position:absolute;left:16px;right:120px;bottom:14px;z-index:2;font:600 9.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--onfilm2)}
.dy .film .snd{right:16px;top:auto;bottom:12px}
.dy .txt{padding:40px 40px 36px;display:flex;flex-direction:column;gap:16px}
.dy .txt h2{font-size:clamp(36px,4.6vw,64px);letter-spacing:-.02em;line-height:.92}
.dy .txt h2 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .05em;display:inline-block}
.dy .lead{margin:0;font:400 15px/1.7 var(--sai);color:var(--ink2)}
.dy .lead b{color:var(--ink);font-weight:600}
.dy .svc{margin:4px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.dy .svc li{border-top:var(--bw) solid var(--line);padding-top:10px}
.dy .svc b{display:block;font:700 12px/1.3 var(--osw);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:3px}
.dy .svc span{font:400 12.5px/1.55 var(--sai);color:var(--ink2)}
.dy .cta{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dy .ph{font:600 10.5px/1.5 var(--mono);letter-spacing:.06em;color:var(--ink3);text-transform:uppercase}
.dy .ph b{color:var(--ink)}
.dyno.v2 .dy{grid-template-columns:1fr 1.25fr;border-width:1px 0;margin-top:0}
.dyno.v2{padding-top:64px}
.dyno.v2 .dy .txt{padding:56px max(40px,calc((100vw - var(--max))/2 + 22px)) 48px}
.dyno.v3 .dy{display:block;position:relative;border:0;min-height:620px}
.dyno.v3 .dy .film{position:absolute;inset:0;min-height:0}
.dyno.v3 .dy .film::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,12,.92) 0,rgba(5,7,12,.7) 45%,rgba(5,7,12,.15) 100%)}
.dyno.v3 .dy .film .fc{right:16px;left:auto;text-align:right}
.dyno.v3 .dy .film .snd{right:auto;left:16px}
.dyno.v3 .dy .wrap{position:relative;z-index:2;padding-top:64px;padding-bottom:64px}
.dyno.v3 .dy .txt{max-width:640px;padding:36px;background:var(--hud);border:1px solid var(--filmline);backdrop-filter:blur(6px)}
@media (max-width:960px){.dy,.dyno.v2 .dy{grid-template-columns:1fr}.dy .film{min-height:0;aspect-ratio:16/10}.dy .txt,.dyno.v2 .dy .txt{padding:26px 20px 24px}.dy .svc{grid-template-columns:1fr}.dyno.v3 .dy{min-height:0}.dyno.v3 .dy .film{position:relative;aspect-ratio:16/10}.dyno.v3 .dy .film::after{display:none}.dyno.v3 .dy .wrap{padding:0}.dyno.v3 .dy .txt{max-width:none;background:var(--surf);border:var(--bw) solid var(--line);border-top:0;backdrop-filter:none}}
/* ═══ CATEGORIES ═══ */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.cat{display:flex;flex-direction:column;background:var(--surf);border:var(--bw) solid var(--line);transition:border-color .15s;position:relative;overflow:hidden}
.cat:hover{border-color:var(--acc)}
.cat .im{background:var(--tile);aspect-ratio:3/2;overflow:hidden}
.cat .im img{width:100%;height:100%;object-fit:contain;padding:6%;transform:scale(1.18);transition:transform .35s}
.cat:hover .im img{transform:scale(1.25)}
.cat .lb{padding:13px 14px 14px;display:flex;flex-direction:column;gap:3px}
.cat .lb b{font:700 14px/1.2 var(--osw);letter-spacing:.08em;text-transform:uppercase}
.cat .lb small{font:600 9.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.cat .lb::after{content:"→";position:absolute;right:14px;bottom:14px;font:700 14px/1 var(--osw);color:var(--acclt);opacity:0;transform:translateX(-6px);transition:.2s}
.cat:hover .lb::after{opacity:1;transform:none}
.cats.v2 .cat{flex-direction:row;align-items:stretch}
.cats.v2 .cat .im{flex:0 0 46%;aspect-ratio:auto;min-height:118px}
.cats.v2 .cat .lb{justify-content:center;padding-right:30px}
.cats.v3 .cat .im{aspect-ratio:4/3;background:var(--tile)}
.cats.v3 .cat .lb{position:absolute;left:0;right:0;bottom:0;background:var(--hud);border-top:1px solid var(--filmline);backdrop-filter:blur(6px)}
.cats.v3 .cat .lb small{color:var(--onfilm2)}
@media (max-width:1000px){.cats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cats{gap:8px}.cats.v3 .cat .im{aspect-ratio:1}.dyno.v3 .dy .film .fc{left:150px}.cat .lb{padding:10px 10px 11px}.cat .lb b{font-size:12.5px}.cat .lb small{font-size:8.5px}.cats.v2 .cat{flex-direction:column}.cats.v2 .cat .im{flex:none;aspect-ratio:3/2}}
/* ═══ VISIT · map + form + phone photos ═══ */
.vrow{display:grid;gap:var(--gut)}
.vrow.v1{grid-template-columns:1.25fr 1fr}
.vrow.v2{grid-template-columns:1fr 1fr 1fr}
.vrow.v3{grid-template-columns:1fr 1.35fr}
.vl,.vr{display:flex;flex-direction:column;gap:var(--gut)}
.mapcard{position:relative;background:var(--surf2);border:var(--bw) solid var(--line);overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end}
.mapcard svg{position:absolute;inset:0;width:100%;height:100%}
.mapcard .pin{position:absolute;left:46%;top:44%;transform:translate(-50%,-100%);z-index:2;text-align:center}
.mapcard .pin .dot{width:14px;height:14px;border-radius:50%;background:var(--acc);margin:0 auto;box-shadow:0 0 0 6px var(--accsoft)}
.mapcard .pin .lb{margin-top:8px;background:var(--surf);border:var(--bw) solid var(--acc);padding:7px 11px;font:700 10px/1.4 var(--osw);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.mapcard .addr{position:relative;z-index:2;margin:0;padding:16px 18px;background:var(--hud);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;font:400 12.5px/1.5 var(--sai);color:var(--ink2)}
.mapcard .addr b{font:700 13px/1.3 var(--osw);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.mapcard .addr a{color:var(--acclt)}
.cf{background:var(--surf);border:var(--bw) solid var(--line);padding:24px 26px 26px;display:flex;flex-direction:column;gap:12px}
.cf .fh{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}
.cf .fh b{font:700 17px/1.2 var(--osw);letter-spacing:.08em;text-transform:uppercase}
.cf .fh span{font:600 9.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.cf label{display:flex;flex-direction:column;gap:5px;font:700 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.cf input,.cf select,.cf textarea{width:100%;background:var(--surf2);border:var(--bw) solid var(--line2);color:var(--ink);font:500 14px/1.4 var(--sai);padding:11px 12px;outline:0;border-radius:0;appearance:none;-webkit-appearance:none}
.cf select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237f8ba0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:30px}
.cf textarea{resize:vertical;min-height:90px}
.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:var(--acc)}
.cf .g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cf .fb{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.cf .ok{border-top:var(--bw) solid var(--line);padding-top:12px;font:400 13px/1.6 var(--sai);color:var(--ink2)}
.cf .ok b{color:var(--ok)}.cf .ok a{color:var(--acclt)}
.cf.sent .fb,.cf.sent label,.cf.sent .g2{display:none}
/* honeypot: off-canvas rather than display:none, so a bot that skips hidden fields still fills it */
.cf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf .cferr{border-top:var(--bw) solid var(--line);padding-top:12px;font:400 13px/1.6 var(--sai);color:var(--warn,#e8b04b)}
.cf .cferr a{color:var(--acclt)}
.wk{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:22px;margin-bottom:12px}
.wk h3{font:700 12px/1 var(--osw);letter-spacing:.18em;text-transform:uppercase}
.wk h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);margin-right:10px;vertical-align:middle}
.vl .wk,.vr .wk{margin-top:0;margin-bottom:0}
.pics{display:grid;gap:var(--gut)}
.pics.r8{grid-template-columns:repeat(8,1fr)}
.pics.g6{grid-template-columns:repeat(2,1fr);flex:1}
.pics.r6{grid-template-columns:repeat(3,1fr)}
.pics a{aspect-ratio:1;overflow:hidden;background:var(--surf);display:block;border:var(--bw) solid var(--line)}
.pics img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .5s}
.pics a:hover img{transform:scale(1.08)}
@media (max-width:1000px){.vrow.v1,.vrow.v2,.vrow.v3{grid-template-columns:1fr}.pics.r8{grid-template-columns:repeat(4,1fr)}.vrow.v2 .vl{order:3}.vl .wk{margin-top:10px}.vl .wk,.vr .wk{margin-bottom:0}}
@media (max-width:560px){.pics.r8,.pics.r6,.pics.g6{grid-template-columns:repeat(3,1fr);gap:6px}.cf{padding:18px 16px 20px}.cf .g2{grid-template-columns:1fr}.cf .fb .btn{flex:1;min-height:48px}.mapcard{min-height:260px}}
/* ═══ LOGO BAR ═══ */
.logos{padding-top:64px}
.logos .lhd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:var(--bw) solid var(--line);padding-bottom:12px;margin-bottom:0;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
.mq{overflow:hidden;border-bottom:var(--bw) solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq .tr{display:flex;width:max-content;animation:mq 48s linear infinite}
.mq.rev .tr{animation-direction:reverse;animation-duration:60s}
.mq:hover .tr{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mq a{flex:none;display:inline-flex;align-items:center;height:78px;padding:0 34px;font:700 22px/1 var(--osw);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);border-right:var(--bw) solid var(--line);transition:color .15s}
.mq a:hover,.mq a.hs{color:var(--ink)}
.mq a.hs{color:var(--acclt)}
.lgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gut)}
.lgrid a{background:var(--surf);border:var(--bw) solid var(--line);min-height:74px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font:700 16px/1.2 var(--osw);letter-spacing:.03em;text-transform:uppercase;color:var(--ink2)}
.lgrid a:hover{border-color:var(--acc);color:var(--ink)}
.lgrid a.hs{background:var(--ink);border-color:var(--ink);color:var(--bg)}
@media (max-width:1100px){.lgrid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.lgrid{grid-template-columns:repeat(3,1fr);gap:8px}.lgrid a{min-height:56px;font-size:13px}.mq a{height:60px;padding:0 22px;font-size:17px}}
@media (prefers-reduced-motion:reduce){.mq .tr{animation:none;flex-wrap:wrap;width:auto}}
/* ═══ FOOTER ═══ */
.foot{margin-top:72px;border-top:2px solid var(--line2);background:var(--surf2)}
.ftop{border-bottom:var(--bw) solid var(--line);background:var(--surf)}
.fcta{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:34px 0;flex-wrap:wrap}
.fcta .tel{display:block;font:700 clamp(30px,4vw,48px)/1 var(--osw);letter-spacing:.01em;margin:8px 0 8px}
.fcta .tel:hover{color:var(--acclt)}
.fcta p{margin:0;max-width:520px;font:400 13.5px/1.6 var(--sai);color:var(--ink2)}
.fbtns{display:flex;gap:10px;flex-wrap:wrap}
.foot .cols{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:32px;padding-top:44px;padding-bottom:36px}
.foot .brand img{height:30px;width:auto;margin-bottom:16px}
.foot p{margin:0;font:400 12.5px/1.75 var(--sai);color:var(--ink2);max-width:340px}
.foot p b{color:var(--ink);font-weight:600}
.soc{display:flex;gap:8px;margin-top:18px}
.soc a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:var(--bw) solid var(--line2);color:var(--ink2);transition:.15s}
.soc a svg{width:19px;height:19px}
.soc a:hover{background:var(--acc);border-color:var(--acc);color:var(--acci)}
.foot h3{margin:0 0 12px;font:700 11px/1 var(--osw);letter-spacing:.19em;text-transform:uppercase;color:var(--acclt)}
.foot ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font:400 13px/1.4 var(--sai)}
.foot ul a{display:inline-block;padding:5px 0;color:var(--ink2)}
.foot ul a:hover{color:var(--ink)}
.foot .base{border-top:var(--bw) solid var(--line);padding-top:16px;padding-bottom:26px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 11px/1.6 var(--sai);color:var(--ink3)}
.foot .base a{color:var(--ink2)}.foot .base a:hover{color:var(--ink)}
@media (max-width:1000px){.foot .cols{grid-template-columns:1fr 1fr 1fr}.foot .brand{grid-column:1/-1}}
@media (max-width:760px){.wrap{padding:0 16px}section{padding-top:44px}.logos,.dyno.v2{padding-top:44px}.foot{margin-top:48px}.sh{align-items:flex-start}.sh h2 small{display:block;margin:6px 0 0}.sh .lnk{white-space:nowrap;padding-top:6px}.foot .cols{grid-template-columns:1fr 1fr;gap:24px}.fcta{padding:26px 0}.fbtns{width:100%}.fbtns .btn{flex:1;min-height:48px}}
@media (max-width:900px){.H.is-compact{transform:none}}
/* ═══ ROUND 2 · media-heavy pieces ═══ */
.h1.lite .hx{padding-top:160px;padding-bottom:60px}
.h1.lite h1{margin:0 0 22px}
.vb{padding-top:var(--gut)}
.vb .sh{margin-bottom:14px}
.clips{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.clip{margin:0;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surf);border:var(--bw) solid var(--line)}
.clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.clip figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;background:var(--filmgrad);color:var(--onfilm);font:700 11px/1.2 var(--osw);letter-spacing:.14em;text-transform:uppercase}
.clip figcaption::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);margin-right:8px;vertical-align:1px}
@media (max-width:760px){.clips{grid-template-columns:1fr 1fr;gap:8px}.clips .clip:nth-child(3){grid-column:1/-1;aspect-ratio:16/8}.clip figcaption{font-size:9.5px;padding:18px 10px 9px}}
/* the mosaic — first two tiles big */
.mosaic{display:grid;gap:var(--gut);grid-auto-flow:dense}
.mosaic.m8,.mosaic.m10{grid-template-columns:repeat(6,1fr)}
.mosaic .pic{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surf);border:var(--bw) solid var(--line);display:block}
.mosaic .pic:nth-child(-n+2){grid-column:span 2;grid-row:span 2}
.mosaic.m6{grid-template-columns:repeat(3,1fr)}
.mosaic.m6 .pic:nth-child(-n+2){grid-column:span 1;grid-row:span 1}
.mosaic.top{margin-bottom:var(--gut)}
.mosaic img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .5s}
.mosaic .pic:hover img{transform:scale(1.08)}
@media (max-width:760px){.mosaic.m8,.mosaic.m10{grid-template-columns:repeat(3,1fr);gap:6px}.mosaic .pic:nth-child(-n+2){grid-column:span 3;grid-row:span 1;aspect-ratio:16/10}.mosaic.m6{gap:6px}}
.band3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.band3 .pic{aspect-ratio:4/3;overflow:hidden;background:var(--surf);display:block;border:var(--bw) solid var(--line)}
.band3 img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .5s}
.band3 .pic:hover img{transform:scale(1.07)}
@media (max-width:760px){.band3{grid-template-columns:1fr 1fr;gap:8px}.band3 .pic:first-child{grid-column:1/-1;aspect-ratio:16/9}}
/* lite dyno: one sentence, two buttons */
.dyno.lite .dy .txt{gap:14px;justify-content:center}
.dyno.lite .dy .cta{margin-top:6px}
/* hero 5 — the mosaic hero */
.h5 .wrap{padding-top:var(--gut)}
.h5 .hm{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--gut);height:min(76vh,720px);min-height:520px}
.h5 .hf{position:relative;grid-row:span 2;overflow:hidden;background:var(--surf2);display:block}
.h5 .hf video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h5 .hf .g{position:absolute;inset:0;background:var(--herograd)}
.h5 h1{position:absolute;left:26px;right:26px;bottom:24px;font-size:clamp(40px,5.2vw,86px);line-height:.9;letter-spacing:-.026em;color:var(--onfilm)}
.h5 h1 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .06em;display:inline-block}
.h5 .snd{left:22px;right:auto;top:22px}
.h5 .hp{position:relative;overflow:hidden;background:var(--surf);display:block}
.h5 .hp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);transform:scale(1.02);transition:transform .6s}
.h5 .hp:hover img{transform:scale(1.08)}
.h5 .hp span{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:var(--filmgrad);color:var(--onfilm);font:700 12px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase}
@media (max-width:960px){.h5 .hm{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto;min-height:0;gap:8px}.h5 .hf{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}.h5 .hp{aspect-ratio:1}.h5 h1{left:16px;bottom:16px}.h5 .wrap{padding:8px 8px 0}.h5 .snd{left:auto;right:16px;top:14px}}
/* hero 6 — the film slideshow */
.h6 .slide video{transform:none}
.h6 .slide .snd{left:22px;right:auto;top:22px;z-index:4}
@media (max-width:760px){.h6 .slide .snd{left:16px;top:14px}}

@media (max-width:760px){.dy .film .fc{right:150px}}

.vrow.v3 .vr .mapcard{flex:1}

/* ═══ HEADER IDEAS · shared ═══════════════════════════════════════════
   Built off the Bluehost clean shell: util strip · logo/search/phone/cart · vehicle bar · dept nav.
   Every idea puts NAV + FITMENT on one line and makes that line sticky.  ══════════════════════ */
:root{--hbg:#080b12;--hbg2:#0c1119;--hline:#1a2130;--hline2:#2b3648;--hink:#eef2f8;--hink2:#a3aebf;--hink3:#7f8ba0;--hblue:#1d5fd8;--hblue2:#12409b;--hh:64px}
.H *{box-sizing:border-box}
.H{position:relative;z-index:80;background:var(--hbg);color:var(--hink);font:14px/1.4 var(--sai)}
.H a{color:inherit;text-decoration:none}
.H button{all:unset;box-sizing:border-box;cursor:pointer;color:inherit}
.H .w{max-width:1340px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:18px}
.H .util{background:#05070c;border-bottom:1px solid var(--hline);font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hink3)}
.H .util .w{justify-content:space-between;height:30px}
.H .util b{color:var(--hink)}
.H .util a{color:var(--hink2);margin-left:16px}
.H .logo img{height:36px;width:auto;display:block}
.H .srch{flex:1;display:flex;min-width:0;border:1px solid var(--hline2);background:var(--hbg2);height:44px}
.H .srch input{flex:1;min-width:0;background:transparent;border:0;color:var(--hink);font:500 13.5px/1.3 var(--sai);padding:0 14px;outline:0}
.H .srch input::placeholder{color:var(--hink3)}
.H .srch button{background:var(--hblue);color:#fff;font:700 11.5px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;padding:0 20px}
.H .phz{text-align:right;line-height:1.1;white-space:nowrap}
.H .phz b{display:block;font:700 17px/1.1 var(--osw);letter-spacing:.02em}
.H .phz span{font:600 9px/1.4 var(--mono);color:var(--hink3);letter-spacing:.12em;text-transform:uppercase}
.H .pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;font:700 11px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--hline2)}
.H .pill.b{background:var(--hblue);border-color:var(--hblue);color:#fff}
.H .cart{display:none;position:relative;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--hline2)}
.H .cart svg{width:22px;height:22px}
.H.has-cart .cart{display:inline-flex}
.H .cart i{position:absolute;top:-7px;right:-7px;background:#fff;color:#05070c;border-radius:99px;min-width:18px;height:18px;font:700 10px/18px var(--sai);text-align:center;font-style:normal;padding:0 4px}
/* nav */
.H nav{display:flex;align-items:stretch;gap:0;min-width:0}
.H nav a{display:inline-flex;align-items:center;gap:6px;padding:0 13px;font:700 11.5px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase;color:var(--hink2);white-space:nowrap;border-bottom:2px solid transparent}
.H nav a:first-child{padding-left:0}
.H nav a:hover{color:var(--hink)}
.H nav a.on{color:var(--hink);border-bottom-color:var(--hblue)}
.H nav a small{font:600 8px/1 var(--mono);opacity:.6}
/* fitment */
.H .fit{display:flex;align-items:center;gap:6px;flex:none}
.H .fit label{font:700 9.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hblue);margin-right:4px;white-space:nowrap}
.H .fit select{appearance:none;-webkit-appearance:none;background:var(--hbg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237f8ba0'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid var(--hline2);color:var(--hink);font:500 12.5px/1 var(--sai);height:36px;padding:0 24px 0 10px;min-width:0}
.H .fit select:disabled{color:var(--hink3)}
.H .fit .go{height:36px;padding:0 16px;background:var(--hblue);color:#fff;font:700 11px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase}
.H .fit .go:disabled{background:var(--hline);color:var(--hink3)}
/* sticky */
.H{position:sticky;top:0}
.H .stick{background:var(--hbg);border-bottom:1px solid var(--hline);box-shadow:0 1px 0 var(--hblue)}
.H.is-compact .stick{box-shadow:0 8px 30px rgba(0,0,0,.45),0 1px 0 var(--hblue)}
/* fitted state + focus + motion */
.H .fitted{display:none;align-items:center;gap:8px;font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hink2);white-space:nowrap}
.H .fitted i{width:8px;height:8px;border-radius:50%;background:#3fbf7f;box-shadow:0 0 10px #3fbf7f}
.H.has-veh .fitted{display:inline-flex}
.H :focus-visible{outline:2px solid var(--hblue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.H *{transition:none!important;animation:none!important}}
/* icons, bottom nav, chips, tabs */
.H .ic{display:inline-flex;width:22px;height:22px}.H .ic svg{width:100%;height:100%}
.H .ib{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--hink)}
.H .avatar{width:32px;height:32px;border-radius:50%;background:var(--hblue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 var(--osw)}
.H .bnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;background:var(--hbg);border-top:1px solid var(--hline2);padding-bottom:env(safe-area-inset-bottom,0)}
.H .bnav .w{display:flex;padding:0;height:60px}
.H .bnav a,.H .bnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:60px;font:600 10px/1 var(--sai);letter-spacing:.02em;color:var(--hink2)}
.H .bnav .pi{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:28px;border-radius:14px;transition:background .2s}
.H .bnav .on{color:var(--hink)}
.H .bnav.m3 .on .pi{background:rgba(29,95,216,.35)}
.H .bnav.yt .on .pi svg{stroke-width:2.6}
.H .bnav .bcart{display:none}.H.has-cart .bnav .bcart{display:flex}
.H .bnav .bcart i{position:absolute;top:-4px;right:6px;background:#fff;color:#05070c;border-radius:99px;min-width:16px;height:16px;font:700 9px/16px var(--sai);text-align:center;font-style:normal;padding:0 3px}
.H .chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 0;align-items:center}
.H .chips::-webkit-scrollbar{display:none}
.H .chips a,.H .chips button{flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:8px;background:rgba(255,255,255,.08);color:var(--hink);font:600 13px/1 var(--sai);white-space:nowrap}
.H .chips .on{background:var(--hink);color:var(--hbg)}
.H .chips .veh{background:var(--hblue);color:#fff;padding-left:10px}
.H .chips .veh .ic{width:18px;height:18px}
.H .tabs{position:relative;display:flex;overflow-x:auto;scrollbar-width:none;gap:0}
.H .tabs::-webkit-scrollbar{display:none}
.H .tabs a,.H .tabs button{flex:none;display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 14px;font:600 13.5px/1 var(--sai);color:var(--hink2);white-space:nowrap}
.H .tabs .on{color:var(--hink)}
.H .tabs .ind{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--hblue);border-radius:3px 3px 0 0;transition:left .25s cubic-bezier(.2,.8,.2,1),width .25s}
/* mobile bits (hidden on desktop) */
.H .burger,.H .sico,.H .mveh,.H .mtabs{display:none}
.H .drawer{position:fixed;inset:0 auto 0 0;width:86%;max-width:360px;background:var(--hbg);z-index:200;transform:translateX(-104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
.H .drawer.open{transform:none}
.H .ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:190;opacity:0;pointer-events:none;transition:.25s}
.H .ov.on{opacity:1;pointer-events:auto}
.H .drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--hline)}
.H .drawer .dh img{height:28px}
.H .drawer .dh button{width:44px;height:44px;text-align:center;font-size:22px}
.H .drawer nav{flex-direction:column;overflow-y:auto;padding:8px 0}
.H .drawer nav a{padding:0 18px;height:50px;font-size:13px;border-bottom:1px solid var(--hline);justify-content:space-between}
.H .drawer nav a:first-child{padding-left:18px}
.H .drawer .dcall{margin:12px 18px 18px;height:50px;background:var(--hblue);color:#fff;display:flex;align-items:center;justify-content:center;font:700 12px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase}
/* the vehicle sheet (phone) */
.H .sheet{position:fixed;left:0;right:0;bottom:0;z-index:210;background:var(--hbg2);border-top:2px solid var(--hblue);border-radius:14px 14px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0));transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.H .sheet.open{transform:none}
.H .sheet .sh1{display:flex;justify-content:space-between;align-items:center;font:700 12px/1 var(--osw);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.H .sheet .sh1 button{width:44px;height:44px;text-align:center;font-size:20px;margin-right:-12px}
.H .sheet .fit{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.H .sheet .fit label{display:none}
.H .sheet .fit select{height:50px;font-size:16px;width:100%}
.H .sheet .fit .go{grid-column:1/-1;height:52px;font-size:12px}
@media (max-width:900px){
  .H .lm{display:none!important}
  .H .bnav{display:block}
  body.has-bnav{padding-bottom:70px}
  .H .w{padding:0 14px;gap:10px}
  .H .util,.H .phz,.H nav.desk,.H .fit.desk,.H .pill{display:none}
  .H .burger,.H .sico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
  .H .burger svg,.H .sico svg{width:24px;height:24px}
  .H .logo img{height:28px}
  .H .top{height:56px}
  .H .top .w{height:56px}
  .H .srch{display:none;position:absolute;left:0;right:0;top:56px;height:52px;border-width:1px 0;z-index:5}
  .H.srch-open .srch{display:flex}
  .H .mveh{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 14px;background:var(--hbg2);border-top:1px solid var(--hline);border-bottom:1px solid var(--hline);font:700 11px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase}
  .H .mveh b{display:block;font:500 12.5px/1.3 var(--sai);letter-spacing:0;text-transform:none;color:var(--hink);margin-top:3px}
  .H .mveh small{font:600 8.5px/1 var(--mono);letter-spacing:.14em;color:var(--hblue)}
  .H .mveh em{font:700 10.5px/1 var(--osw);letter-spacing:.14em;font-style:normal;color:var(--hblue)}
}

.H1 .top .w{height:72px}
.H1 .row .w{height:56px;justify-content:space-between}
.H1 .row nav{flex:1}
.H1 .row .fit select{max-width:130px}
@media (max-width:900px){.H1 .row .w{height:auto;padding:0}}
/* NEW HOME 7 */
.dy .film .pp{display:none}
/* ═══ NEW HOME 7 · the Cinema page, mobile-first (09-07 Curtis: "7 is a super mobile friendly also") ═══ */
/* header 7: desktop = the two-tier shell; phone = the Amazon layout he picked for the store (burger · logo · search icon · account · cart-when-items,
   "Fits: vehicle · Set" context line (sticky), department chips, bottom bar Home · Garage · Call · Menu) */
.H7 .ctx,.H7 .cats,.H7 .acct{display:none}
.H7 .top .w{height:72px}
.H7 .row .w{height:56px;justify-content:space-between}
.H7 .row nav{flex:1}
.H7 .row .fit select{max-width:130px}
@media (max-width:900px){
  .H7 .row,.H7 .mveh{display:none}
  .H7 .top .w{height:56px;gap:6px}
  .H7 .logo{margin-right:auto}
  .H7 .acct{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--hink)}
  .H7 .acct svg{width:23px;height:23px}
  .H7 .ctx{display:block;background:var(--surf);border-top:1px solid var(--hline);border-bottom:1px solid var(--hline)}
  .H7 .ctx .w{height:42px;justify-content:space-between;gap:12px}
  .H7 .ctx .fl{display:flex;align-items:center;gap:8px;width:100%;height:42px;font:500 13px/1 var(--sai);color:var(--hink2);white-space:nowrap;overflow:hidden}
  .H7 .ctx .fl .ic{width:18px;height:18px;color:var(--hblue);flex:none}
  .H7 .ctx .fl b{color:var(--hink);font-weight:600;overflow:hidden;text-overflow:ellipsis}
  .H7 .ctx .fl em{font-style:normal;color:var(--hblue);font-weight:700;margin-left:auto;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
  .H7 .cats{display:block;background:var(--hbg);border-bottom:1px solid var(--hline)}
  .H7 .cats .w{padding:0 10px}
  .H7 .chips a{height:36px;font-size:12.5px;border-radius:0;border:1px solid var(--hline2);background:transparent}
  .H7 .chips a .ic{width:16px;height:16px;color:var(--hink2)}
  .H7 .srch{top:56px}
  .H7.is-compact .stick{box-shadow:none}
}
/* phone body pass */
@media (max-width:760px){
  .h3 .frame{aspect-ratio:4/5}
  .slide h1{font-size:clamp(36px,11vw,58px)}
  .btn{min-height:48px}
  .prods .pc .pr .btn{min-height:42px}
  .cf input,.cf select,.cf textarea{font-size:16px;min-height:48px} /* 16px = no iOS zoom */
  .cf .fb .btn{flex:1}
  .dy .film .pp:not([hidden]){position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px;background:var(--filmgrad);color:var(--onfilm);font:700 12px/1 var(--osw);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
  .dy .film .pp b{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;background:var(--acc);color:var(--acci)}
  .dy .film .pp[hidden]{display:none}
  .film.playing .pp{display:none}
  #cats,#visit,.logos,.foot,.band3{content-visibility:auto;contain-intrinsic-size:auto 600px}
  /* footer columns fold on the phone */
  .foot .cols>div:not(.brand) h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0;border-top:var(--bw) solid var(--line);cursor:pointer;color:var(--ink)}
  .foot .cols>div:not(.brand) h3::after{content:"+";font:400 18px/1 var(--sai);color:var(--ink3)}
  .foot .cols>div.open h3::after{content:"–"}
  .foot .cols>div:not(.brand) ul{display:none;padding-bottom:10px}
  .foot .cols>div.open ul{display:flex}
  .foot .cols{grid-template-columns:1fr;gap:0;padding-top:30px}
  .foot .brand{margin-bottom:22px}
  .foot ul a{padding:9px 0;font-size:14.5px}
  .band3{grid-template-columns:1fr 1fr;gap:6px}
  .logos .mq a{height:56px}
  body.has-bnav .foot{padding-bottom:10px}
}

@media (max-width:760px){.dy .film .pp:not([hidden])~.snd,.dy .film .pp:not([hidden])~.fc{display:none}}
/* ═══ WIDEBOY · the store's wide canvas (2026-09-09) ═══════════════════════
   new-7 is capped at 1340px. The LIVE store is not: theme/livernois/home-assets/
   lm-layout.css opens every container to 1590px at (min-width:1400px) — the
   header wrap, col-full, the browse grid, the PDP and the brands wall. So on
   any monitor ≥1400 the live header ran 1590 while the homepage body sat at
   1340: a ~125px inset per side, and the homepage broke the theme's ONE LEFT
   LINE rule (logo · dept nav · breadcrumb · grid all share a 22px gutter).

   This sheet is that same ONE LEVER, nothing more. Below 1400px wideboy is
   byte-for-byte the new-7 layout. At/above it the canvas opens to 1590 on the
   same 22px gutter, so the homepage lands on the store's left edge.
   Full-bleed media (hero films, dyno band) is unaffected — it was already
   edge-to-edge; only the contained rows widen. */
@media (min-width:1400px){
  :root{--max:1590px}
  /* the demo header's wrap is hardcoded 1340 in hdr/build.py; on the real
     store lm-layout.css already rides .lmcs-wrap up to 1590, so match it here
     or the demo header would be the thing that looks narrow */
  .H .w{max-width:1590px}
  .H6 .card{max-width:1590px}
}

/* ═══ LOGO IN THE STICKY MENU (09-09 Curtis) ═══════════════════════════════
   The mark is absent at rest — the full logo is right above it in the top row,
   so showing both would double it. It slides in when the top row scrolls away
   and .is-compact lands (hdr/build.py's onS(), y>90), which is exactly when the
   sticky nav is the only header on screen. max-width animates; width:auto
   cannot. 520×96 at 26px tall ≈ 141px, so 150 clears it.
   Phones are untouched: `.H .lm{display:none!important}` under 900px, where
   the Amazon layout carries its own logo. */
.H7 .row .lm{display:flex;align-items:center;flex:none;max-width:0;opacity:0;overflow:hidden;transition:max-width .24s cubic-bezier(.32,.72,.34,1),opacity .18s,margin .24s}
.H7 .row .lm img{height:26px;width:auto;display:block}
.H7.is-compact .row .lm{max-width:150px;opacity:1;margin-right:20px}

/* ═══ MEGA-LIV additions ═══ */
.H7 .row .lm img{height:26px;width:auto}                       /* the other AI's stretched-logo bug can't happen here */
.mega .slide .t{padding-bottom:78px}
.mega .slide .lab{display:inline-block;margin-bottom:12px;padding:6px 9px;border:1px solid var(--filmline);background:var(--hud);font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--onfilm2)}
.mega .slide h1,.mega .slide h2{font-size:clamp(40px,6.6vw,108px)}
.mega .slide .lede{margin:16px 0 0;max-width:620px;font:400 clamp(15px,1.25vw,18px)/1.55 var(--sai);color:var(--onfilm2)}
.mega .slide .lede,.mega .slide .cta{pointer-events:auto}
.mega .slide .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:3}
.facts{padding-top:0}
.facts .fx{display:grid;grid-template-columns:repeat(5,1fr);border:var(--bw) solid var(--line);border-top:0;background:var(--surf)}
.facts .fx>*{padding:18px 20px;border-left:var(--bw) solid var(--line);display:flex;flex-direction:column;gap:3px;color:inherit}
.facts .fx>*:first-child{border-left:0}
.facts .fx b{font:700 17px/1.1 var(--osw);letter-spacing:.02em;text-transform:uppercase}
.facts .fx span{font:600 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.facts .fx a b{color:var(--acclt)}
@media (max-width:1000px){.facts .fx{grid-template-columns:repeat(3,1fr)}.facts .fx>*:nth-child(4){border-left:0}.facts .fx>*:nth-child(n+4){border-top:var(--bw) solid var(--line)}}
@media (max-width:640px){.facts .wrap{padding:0}.facts .fx{grid-template-columns:1fr 1fr;border-width:0 0 1px}.facts .fx>*{padding:14px 16px}.facts .fx>*:nth-child(3){border-left:0;border-top:var(--bw) solid var(--line)}.facts .fx>*:nth-child(4){border-left:var(--bw) solid var(--line)}.facts .fx>*:last-child{grid-column:1/-1;border-left:0}.facts .fx b{font-size:15px}}
/* the tuner stage */
.tuner .stage{display:grid;grid-template-columns:1.05fr 1fr;border:var(--bw) solid var(--line);background:var(--surf)}
.tuner .plate{position:relative;background:var(--tile);min-height:520px;overflow:hidden;display:grid;place-items:center;
  background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:36px 36px}
.tuner .plate::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,transparent 40%,rgba(0,0,0,.14) 100%);pointer-events:none}
.tuner .plate .ghost{position:absolute;left:24px;bottom:-14px;font:700 clamp(90px,11vw,158px)/1 var(--osw);letter-spacing:-.03em;color:rgba(0,0,0,.055);white-space:nowrap;pointer-events:none}
.tuner .plate picture,.tuner .plate img{position:relative;z-index:1}
.tuner .plate img{width:min(92%,620px);height:auto;mix-blend-mode:multiply;filter:brightness(1.045) contrast(1.05) drop-shadow(0 30px 24px rgba(0,0,0,.28));transform:scale(1.28)}
.tuner .plate .dim{position:absolute;right:24px;top:22px;z-index:2;font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#4b5563;padding-bottom:6px;border-bottom:1px solid #4b5563}
.tuner .plate .pnb{position:absolute;left:24px;top:22px;z-index:2;font:600 9.5px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#4b5563}
.tuner .plate .pnb b{display:block;font:700 15px/1 var(--osw);color:#111;letter-spacing:.02em}
.tuner .tx{padding:44px 44px 40px;display:flex;flex-direction:column;gap:18px}
.tuner .tx h2{font-size:clamp(30px,3.4vw,50px);letter-spacing:-.016em;line-height:.94}
.tuner .tx h2 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .05em;display:inline-block}
.tuner .gain{display:flex;align-items:baseline;gap:14px;border-top:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line);padding:16px 0}
.tuner .gain b{font:700 clamp(56px,6vw,92px)/.9 var(--osw);letter-spacing:-.03em}
.tuner .gain span{font:700 22px/1 var(--osw);letter-spacing:.02em;display:flex;flex-direction:column;gap:6px}
.tuner .gain small{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
.tuner .scope{margin:0;font:400 14px/1.65 var(--sai);color:var(--ink2)}
.tuner .scope b{color:var(--ink);font-weight:600}
.tuner .tf{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tuner .tf li{border-top:var(--bw) solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:3px}
.tuner .tf b{font:700 22px/1 var(--osw);letter-spacing:.01em}
.tuner .tf span{font:600 9.5px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.tuner .cta{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1000px){.tuner .stage{grid-template-columns:1fr}.tuner .plate{min-height:0;aspect-ratio:4/3}.tuner .tx{padding:26px 20px 26px}.tuner .tf{grid-template-columns:repeat(3,1fr);gap:10px}.tuner .tf b{font-size:18px}}
@media (max-width:560px){.tuner .plate img{width:86%}.tuner .plate .ghost{font-size:74px}.tuner .cta .btn{flex:1}}
/* platforms */
/* SHOP BY PLATFORM — three cinematic make panels (Ford / GM / Mopar), the wideboy 3-image band
   turned into the platform navigator. Whole panel -> the make; the chips -> each model. */
/* engine-components tile is a real machined-head photo (not a white-bg product) — fill the tile */
.cat[href*="engines-and-components"] .im{background:#0c1119}
.cat[href*="engines-and-components"] .im img{object-fit:cover;padding:0;transform:scale(1.04)}
.cat[href*="engines-and-components"]:hover .im img{transform:scale(1.1)}
/* wide product shots (kits spread across the frame) fit fully — no crop-zoom */
.pc.fit-wide .im img{transform:scale(1);padding:11%}
.pc.fit-cover .im{background:#0c1119}
.pc.fit-cover .im img{object-fit:cover;padding:0;transform:scale(1.03)}
.pc.fit-cover:hover .im img{transform:scale(1.09)}
.p3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.pcard{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000;border:var(--bw) solid var(--line)}
.pcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);transform:scale(1.03);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.pcard:hover>img{transform:scale(1.11)}
.pcard::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(5,7,12,.95) 3%,rgba(5,7,12,.55) 40%,rgba(5,7,12,0) 68%)}
.pcard-hit{position:absolute;inset:0;z-index:3}
.pc-in{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:28px 24px 22px;pointer-events:none}
.pc-line{display:block;font:600 10px/1 var(--sai);letter-spacing:.2em;text-transform:uppercase;color:var(--acclt);margin-bottom:10px}
.pc-mk{position:relative;display:flex;align-items:baseline;gap:14px;font:700 clamp(30px,3.2vw,52px)/.95 var(--osw);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
.pc-mk em{font:700 11px/1 var(--osw);letter-spacing:.14em;color:var(--acclt);font-style:normal}
.pc-mk::after{content:"";position:absolute;left:0;top:-10px;width:0;height:3px;background:var(--acc);transition:width .35s ease}
.pcard:hover .pc-mk::after{width:52px}
.pchips{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;pointer-events:auto}
.pchips .pchip{padding:8px 12px;border:1px solid var(--line2);background:rgba(8,11,18,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font:600 11px/1 var(--sai);letter-spacing:.02em;color:var(--ink);white-space:nowrap;transition:.15s}
.pchips .pchip:hover{background:var(--acc);border-color:var(--acc);color:#fff}
@media (max-width:900px){
  .p3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0;padding:0 16px 6px;scrollbar-width:none}.p3::-webkit-scrollbar{display:none}.pcard{flex:0 0 83%;scroll-snap-align:start}
  .pcard{aspect-ratio:auto;display:flex;flex-direction:column;background:var(--surf)}
  .pcard>img{position:static;width:100%;height:200px;transform:none}
  .pcard:hover>img{transform:none}
  .pcard::after{display:none}
  .pc-in{position:static;padding:16px 18px 18px}
  .pc-mk::after{display:none}
  .pcard-hit{height:200px;bottom:auto}
}
/* the log */
.lg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.le{display:block;background:var(--surf);border:var(--bw) solid var(--line);overflow:hidden}
.le img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;transform:scale(1.02);transition:transform .5s}
.le:hover img{transform:scale(1.07)}
.le span{display:flex;flex-direction:column;gap:2px;padding:11px 13px 12px;border-top:var(--bw) solid var(--line)}
.le b{font:600 13.5px/1.3 var(--sai);color:var(--ink)}
.le small{font:600 9.5px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
@media (max-width:1000px){.lg{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lg{gap:8px}.le span{padding:8px 10px 9px}.le b{font-size:12.5px}}
/* phone: the hero lede stays readable, films stay off until current */
@media (max-width:760px){.mega .slide .lede{font-size:14.5px;max-width:none}.mega .slide .cta .btn{flex:1;padding:14px 12px}.mega .slide .t{padding-bottom:70px}.mega .slide .lab{font-size:8.5px;margin-bottom:8px}.mega .slide h1,.mega .slide h2{font-size:clamp(34px,10.5vw,54px)}.mega .slide .g{background:linear-gradient(to top,#05070c 6%,rgba(5,7,12,.94) 30%,rgba(5,7,12,.66) 58%,rgba(5,7,12,.22) 82%,rgba(5,7,12,0) 100%)}.mega .slide.on img{object-position:62% 42%!important}}
/* Behind the builds — on phones the log is an Instagram grid: 3 across, square, edge to edge, no caption boxes,
   plus a Follow tile (Curtis 09-11). Desktop keeps 4 across with captions. */
.le-ig{display:none}
@media (max-width:900px){
  .log .lg{grid-template-columns:repeat(3,1fr);gap:3px;margin:0 -16px}
  .log .le{border:0;background:#000;border-radius:0}
  .log .le img{aspect-ratio:1;height:auto;object-fit:cover;transform:none}
  .log .le:hover img{transform:none}
  .log .le span{display:none}
  .log .le-ig{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#0c1119;border:1px solid #1a2130}
  .log .le-ig .igt{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:8px}
  .log .le-ig b{font:700 15px/1 var(--osw);color:#fff;text-transform:uppercase;letter-spacing:.08em}
  .log .le-ig small{font:600 8.5px/1.3 var(--mono);color:#5f95f0;letter-spacing:0;text-transform:none;white-space:nowrap}
}

/* MOBILE HERO: a compact JEGS-style band (phones only). Tall tiles in a snapping swipe row, the next
   one peeking in, buttons on one row underneath. The whole band sits on the first screen under the header. */
.mhero{display:none}
@media (max-width:900px){
 .hero.h3.mega{display:none!important}
 .mhero{display:block;background:#05070c;padding:12px 0 16px}
 .mh-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .mh-track::-webkit-scrollbar{display:none}
 .mh-s{position:relative;flex:0 0 80%;height:280px;border-radius:12px;overflow:hidden;background:#000;scroll-snap-align:start;isolation:isolate;border:1px solid #1a2130}
 .mh-s img,.mh-s video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}
 .mh-s[data-k="0"] img{object-position:52% 44%}
 .mh-shade{position:absolute;inset:0;background:linear-gradient(to top,#05070c 0,rgba(5,7,12,.86) 24%,rgba(5,7,12,.3) 52%,rgba(5,7,12,0) 74%)}
 .mh-tx{position:absolute;left:0;right:0;bottom:0;padding:0 14px 14px;z-index:2;pointer-events:none}
 .mh-tx::before{content:"";display:block;width:34px;height:3px;background:#1d5fd8;border-radius:2px;margin-bottom:10px;box-shadow:0 0 14px rgba(29,95,216,.6)}
 .mh-lab{display:inline-block;margin-bottom:8px;padding:5px 8px;border:1px solid rgba(255,255,255,.2);background:rgba(5,7,12,.55);font:600 8.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:#eef2f8}
 .mh-tx h2{margin:0;color:#fff;font:700 clamp(24px,7.8vw,34px)/.95 var(--osw);text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.6)}
 .mh-tx h2 em{font-style:normal;color:#3f86ff;display:block}
 .mh-go{position:absolute;inset:0;z-index:3;-webkit-tap-highlight-color:transparent}
 .mh-dots{display:flex;justify-content:center;gap:6px;margin:12px 0 0}
 .mh-dots i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.25);transition:width .2s,background .2s}
 .mh-dots i.on{width:18px;background:#fff}
 .mh-cta{display:flex;gap:10px;padding:14px 16px 0}
 .mh-cta .btn{flex:1;display:inline-flex!important;align-items:center;justify-content:center;height:48px;min-height:48px;font:700 13px/1 var(--osw)!important;letter-spacing:.09em;text-transform:uppercase;border-radius:3px;text-decoration:none!important}
 .mh-cta .btn.p{background:#1d5fd8!important;color:#fff!important;border:1px solid #1d5fd8!important}
 .mh-cta .btn.w{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
}

/* a11y 2026-09-12: slides 2-5 are h2 (one h1 per page) but look exactly like the h1 */
.mega .slide h2{line-height:.9;letter-spacing:-.026em;color:var(--onfilm)}
/* 2026-09-23: the h2 swap dropped the h1-only em chip, so slides 2-5 went italic with no blue block */
.mega .slide h2 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .06em;display:inline-block}

/* ═══ LOGAN HOMES additions (all classes lx-) ═══ */
.lx-best h3,.lx-add h3,.lx-shop h2,.lx-dock h2{font-family:var(--osw);text-transform:uppercase;font-weight:700;margin:0;letter-spacing:-.005em}
.lx-best h3 em,.lx-shop h2 em,.lx-dock h2 em,.lx-h3 h1 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .06em;display:inline-block}
.lx-veh{margin-top:5px;font:600 14.5px/1.35 var(--sai);color:var(--ink)}
.lx-sp{margin-top:4px;font:400 13.5px/1.45 var(--sai);color:var(--ink2)}
.lx-pn{margin-top:12px;font:600 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}.lx-pn b{color:var(--acclt)}
.lx-buy{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.lx-buy>b{font:700 26px/1 var(--osw);margin-right:8px}
.lx-buy .btn{padding:13px 16px}
.lx-yr{display:inline-flex;margin-top:14px;border:var(--bw) solid var(--line2)}
.lx-yr button{appearance:none;border:0;background:transparent;color:var(--ink2);padding:10px 14px;min-height:40px;font:700 11.5px/1 var(--osw);letter-spacing:.12em;cursor:pointer}
.lx-yr button+button{border-left:var(--bw) solid var(--line2)}
.lx-yr button.on{background:var(--ink);color:var(--bg)}
.lx-rank{position:absolute;left:0;top:0;z-index:2;padding:9px 12px;background:var(--acc);color:#fff;font:700 13px/1 var(--osw);letter-spacing:.14em;text-transform:uppercase}
.lx-rank small{display:block;margin-top:4px;font:600 8.5px/1 var(--mono);letter-spacing:.14em;opacity:.85}
.lx-more{display:inline-block;margin-top:16px;font:600 12.5px/1.4 var(--sai);color:var(--acclt)}
.lx-plate,.lx-rim,.lx-rrim,.lx-bim,.lx-aim{background:var(--tile);position:relative;overflow:hidden;display:grid;place-items:center}
.lx-plate{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:36px 36px}
img.lx-dev{filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}
/* v1 · the stage */
.lx-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--gut)}
.lx-lead{display:grid;grid-template-columns:1fr 1fr;background:var(--surf);border:var(--bw) solid var(--line)}
.lx-lead .lx-plate{min-height:480px}
.lx-lead .lx-plate img{width:min(62%,330px);height:auto;position:relative;z-index:1}
.lx-ghost{position:absolute;left:-6px;bottom:-14px;font:700 clamp(54px,7vw,104px)/1 var(--osw);letter-spacing:-.02em;color:rgba(0,0,0,.06);white-space:nowrap}
.lx-ltx{padding:clamp(22px,2.6vw,40px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lx-ltx h3{margin-top:14px;font-size:clamp(34px,3.8vw,60px);line-height:.95}
.lx-ltx p{margin:16px 0 0;font:400 15.5px/1.55 var(--sai);color:var(--ink2);max-width:440px}
.lx-side{display:grid;grid-template-rows:repeat(3,1fr);gap:var(--gut)}
.lx-row{display:grid;grid-template-columns:150px 1fr;background:var(--surf);border:var(--bw) solid var(--line)}
.lx-rim img{max-width:78%;max-height:120px;width:auto;height:auto}
.lx-rk{position:absolute;left:0;top:0;padding:6px 8px;background:var(--bg);color:var(--acclt);font:700 12px/1 var(--osw);letter-spacing:.12em}
.lx-rtx{padding:16px 18px}.lx-rtx h3{font-size:19px;line-height:1.1}
.lx-row .lx-buy>b{font-size:21px}.lx-row .lx-yr{margin-top:10px}.lx-row .lx-pn{margin-top:9px}.lx-row .lx-buy{margin-top:10px}.lx-row .lx-buy .btn{padding:11px 13px}
/* v2 · the ranked list */
.lx-rank2{border:var(--bw) solid var(--line);background:var(--surf)}
.lx-rr{display:grid;grid-template-columns:120px 190px minmax(0,1.3fr) minmax(0,.8fr) auto;align-items:center;gap:22px;padding:18px 22px 18px 0;border-top:var(--bw) solid var(--line)}
.lx-rr:first-child{border-top:0}
.lx-num{font:700 84px/1 var(--osw);letter-spacing:-.03em;text-align:center;color:transparent;-webkit-text-stroke:1.5px var(--line2)}
.lx-rr:first-child .lx-num{-webkit-text-stroke-color:var(--acclt)}
.lx-rrim{height:124px}.lx-rrim img{max-width:76%;max-height:104px;width:auto;height:auto}
.lx-rrtx h3{font-size:clamp(20px,1.8vw,27px);line-height:1.08}
.lx-rr .lx-yr,.lx-rr .lx-buy{margin-top:0}.lx-rrpk .lx-pn{margin-top:10px}
.lx-rr .lx-buy{flex-wrap:nowrap}
/* v3 · the bento */
.lx-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.lx-bc{position:relative;background:var(--surf);border:var(--bw) solid var(--line);display:flex;flex-direction:column}
.lx-bim{aspect-ratio:4/3}.lx-bim>img{max-width:74%;max-height:76%;width:auto;height:auto}
.lx-bim.scene>img:first-child{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.lx-bim.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,12,.7),rgba(5,7,12,0) 62%)}
.lx-bim.scene .lx-dev{position:absolute;right:5%;bottom:-7%;width:36%;max-width:none;max-height:none;z-index:1;transform:rotate(-5deg)}
.lx-btx{padding:18px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.lx-btx h3{font-size:20px;line-height:1.1}
.lx-btx .lx-buy{margin-top:auto;padding-top:14px}
/* goes with your tuner */
.lx-ag{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.lx-ac{display:grid;grid-template-columns:118px 1fr;background:var(--surf);border:var(--bw) solid var(--line)}
.lx-aim img{max-width:82%;max-height:88px;width:auto;height:auto}
.lx-atx{padding:14px 16px}.lx-atx h3{font-size:16px;line-height:1.15}.lx-atx a{color:inherit}
.lx-ac .lx-buy{margin-top:10px}.lx-ac .lx-buy>b{font-size:19px}.lx-ac .lx-buy .btn{padding:10px 14px}.lx-ac .lx-pn{margin-top:8px}
/* the machine shop */
.lx-sg{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:clamp(20px,3vw,48px);align-items:center}
.lx-stx h2{margin-top:14px;font-size:clamp(34px,4.2vw,68px);line-height:.94}
.lx-stx p{margin:18px 0 0;max-width:460px;font:400 16px/1.6 var(--sai);color:var(--ink2)}
.lx-stx .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.lx-reel{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.lx-rf,.lx-rp,.lx-ft{position:relative;margin:0;overflow:hidden;background:var(--surf2);border:var(--bw) solid var(--line)}
.lx-rf{aspect-ratio:9/15}
.lx-rf video,.lx-rp img,.lx-ft video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lx-rf figcaption,.lx-rp figcaption,.lx-ft figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 13px;background:var(--filmgrad);color:var(--onfilm)}
.lx-rf b,.lx-rp b,.lx-ft b{display:block;font:700 14px/1.2 var(--osw);letter-spacing:.04em;text-transform:uppercase}
.lx-rf small,.lx-rp small,.lx-ft small{display:block;margin-top:4px;font:600 9.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--onfilm2)}
.lx-photos{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--gut);margin-top:var(--gut)}
.lx-rp{aspect-ratio:auto;height:clamp(220px,24vw,380px)}
.lx-shop.big .lx-sg{grid-template-columns:1fr}
.lx-shop.big .lx-stx{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px);align-items:end}
.lx-shop.big .lx-stx p{margin-top:0}
.lx-shop.big .lx-reel{grid-template-columns:repeat(3,1fr)}.lx-shop.big .lx-rf{aspect-ratio:4/5}
/* three films */
.lx-fg{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}.lx-ft{aspect-ratio:16/10}
/* v3 hero */
section.lx-h3{padding-top:0;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(380px,.9fr);min-height:min(80vh,780px);border-bottom:var(--bw) solid var(--line)}
.lx-film{position:relative;overflow:hidden;background:#000;min-height:520px}
.lx-m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.lx-m.on{opacity:1}
.lx-fg2{position:absolute;inset:0;background:var(--herograd)}
.lx-ftx{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(22px,3vw,54px) clamp(26px,3.4vw,54px)}
.lx-ftx .lab{display:inline-block;margin-bottom:12px;padding:6px 9px;border:1px solid var(--filmline);background:var(--hud);font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--onfilm2)}
.lx-ftx h1{font:700 clamp(44px,6vw,104px)/.92 var(--osw);letter-spacing:-.02em;text-transform:uppercase;margin:0;color:var(--onfilm)}
.lx-ftx .lede{margin:16px 0 0;max-width:600px;font:400 clamp(15px,1.2vw,18px)/1.55 var(--sai);color:var(--onfilm2)}
.lx-dock{position:relative;background:var(--surf);border-left:var(--bw) solid var(--line);padding:clamp(24px,2.6vw,44px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.lx-dock h2{margin-top:12px;font-size:clamp(32px,3.2vw,52px);line-height:.95}
.lx-dh{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.lx-dh .lx-dev{width:clamp(84px,7.4vw,118px);height:auto;transform:rotate(6deg)}
.lx-pk{width:100%;margin-top:22px;border-top:var(--bw) solid var(--line)}
.lx-pr{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;padding:12px 0;border-bottom:var(--bw) solid var(--line)}
.lx-pr>span{font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.lx-ch{display:flex;flex-wrap:wrap;gap:6px}
.lx-ch button{appearance:none;border:var(--bw) solid var(--line2);background:transparent;color:var(--ink2);padding:10px 12px;min-height:40px;font:700 11.5px/1 var(--osw);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.lx-ch button.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.lx-res{width:100%;margin-top:18px}.lx-fit{font:700 clamp(19px,1.7vw,25px)/1.15 var(--osw);text-transform:uppercase;letter-spacing:.01em}
.lx-res .lx-pn{margin-top:7px}.lx-res .lx-buy>b{font-size:34px}
@media (max-width:1180px){.lx-stage{grid-template-columns:1fr}.lx-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.lx-row{grid-template-columns:1fr}.lx-rim{height:150px}
 .lx-bento,.lx-ag{grid-template-columns:repeat(2,1fr)}.lx-rr{grid-template-columns:84px 150px 1fr;row-gap:12px}.lx-num{font-size:60px}.lx-rrpk{grid-column:2/4}.lx-rr .lx-buy{grid-column:2/4}
 .lx-sg{grid-template-columns:1fr}.lx-shop.big .lx-stx{grid-template-columns:1fr}.lx-shop.big .lx-stx p{margin-top:18px}}
@media (max-width:900px){
 section.lx-h3{grid-template-columns:1fr;min-height:0}.lx-film{min-height:0;aspect-ratio:4/5}.lx-ftx{padding:0 16px 20px}.lx-ftx h1{font-size:46px}.lx-ftx .lede{font-size:14.5px}
 .lx-dock{border-left:0;border-top:var(--bw) solid var(--line);padding:22px 16px 26px}.lx-dh .lx-dev{width:78px}.lx-dock .lx-buy .btn{flex:1}
 .lx-lead{grid-template-columns:1fr}.lx-lead .lx-plate{min-height:0;aspect-ratio:4/3}.lx-lead .lx-plate img{width:46%}.lx-ltx{padding:20px 16px 22px}.lx-ltx h3{font-size:36px}
 .lx-side{grid-template-columns:1fr}.lx-row{grid-template-columns:112px 1fr}.lx-rim{height:auto}
 .lx-rr{grid-template-columns:54px 96px 1fr;gap:12px;padding:16px 14px 16px 0}.lx-num{font-size:40px}.lx-rrim{height:86px}.lx-rrim img{max-height:70px}.lx-rrpk,.lx-rr .lx-buy{grid-column:1/-1;padding-left:14px}.lx-rr .lx-buy{flex-wrap:wrap}
 .lx-bento{grid-template-columns:1fr}.lx-bim{aspect-ratio:16/10}
 .lx-ag{grid-template-columns:1fr}.lx-ac{grid-template-columns:104px 1fr}
 .lx-buy .btn{min-height:46px}.lx-buy>b{font-size:24px}
 .lx-reel,.lx-shop.big .lx-reel,.lx-fg{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scrollbar-width:none}
 .lx-reel::-webkit-scrollbar,.lx-fg::-webkit-scrollbar{display:none}
 .lx-rf,.lx-shop.big .lx-rf{flex:0 0 72%;aspect-ratio:9/14;scroll-snap-align:center}.lx-ft{flex:0 0 86%;scroll-snap-align:center}
 .lx-photos{grid-template-columns:1fr}.lx-rp{height:auto;aspect-ratio:4/3}
 .lx-stx h2{font-size:38px}.lx-stx .cta .btn{flex:1}
}
@media (prefers-reduced-motion: reduce){.lx-m{transition:none}}

/* ═══ round two ═══ */
.cat[href*="crate-engines"] .im img{object-fit:cover;padding:0;transform:scale(1.04)}.cat[href*="crate-engines"]:hover .im img{transform:scale(1.1)}   /* Logan: Engines tile fills its box like Engine Components */
.lx-ask h2,.lx-price h3{font-family:var(--osw);text-transform:uppercase;font-weight:700;margin:0}
.lx-ask h2 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .06em;display:inline-block}
section.lx-dw{padding-top:var(--gut)}.lx-fg.two{grid-template-columns:repeat(2,1fr)}.lx-fg.two .lx-ft{aspect-ratio:16/8}
/* Livernois TV */
.lx-yg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.lx-yt{display:block;background:var(--surf);border:var(--bw) solid var(--line);color:inherit}
.lx-yim{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.lx-yim img,.lx-yim iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.lx-yim i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;background:var(--acc);display:grid;place-items:center;transition:transform .15s}
.lx-yim i::after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:3px}
.lx-yt:hover .lx-yim i{transform:scale(1.08)}
.lx-yt>b{display:block;padding:13px 15px 15px;font:600 14px/1.35 var(--sai)}
/* services */
.lx-fac{display:grid;grid-template-columns:repeat(4,1fr);border:var(--bw) solid var(--line);background:var(--surf);margin-bottom:var(--gut)}
.lx-fac>div{padding:18px 20px;border-left:var(--bw) solid var(--line)}.lx-fac>div:first-child{border-left:0}
.lx-fac b{display:block;font:700 clamp(26px,2.6vw,40px)/1 var(--osw)}.lx-fac span{display:block;margin-top:7px;font:600 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.lx-dg{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gut)}
.lx-dp{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--surf2);border:var(--bw) solid var(--line);color:var(--onfilm)}
.lx-dp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.lx-dp:hover img{transform:scale(1.05)}
.lx-dp::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,12,.96) 8%,rgba(5,7,12,.6) 44%,rgba(5,7,12,0) 72%)}
.lx-dp span{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:16px}
.lx-dp b{display:block;font:700 clamp(19px,1.6vw,24px)/1.05 var(--osw);text-transform:uppercase}
.lx-dp small{display:block;margin-top:8px;font:400 13px/1.45 var(--sai);color:var(--onfilm2)}
.lx-dp em{display:block;margin-top:10px;font:700 10.5px/1 var(--osw);letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:var(--acclt)}
/* pricing */
.lx-pg{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:var(--gut)}
.lx-pg .lx-rf{aspect-ratio:auto;min-height:380px}
.lx-pcs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:var(--bw) solid var(--line);background:var(--surf);grid-template-rows:1fr auto}
.lx-pc{padding:22px;border-left:var(--bw) solid var(--line)}.lx-pc:first-child{border-left:0}
.lx-pc h3{font-size:15px;letter-spacing:.12em;color:var(--acclt)}
.lx-pc ul{list-style:none;margin:14px 0 0;padding:0}
.lx-pc li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;border-top:var(--bw) solid var(--line);font:400 14.5px/1.35 var(--sai);color:var(--ink2)}
.lx-pc li b{font:700 19px/1 var(--osw);color:var(--ink);white-space:nowrap}
.lx-pfoot{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 22px;border-top:var(--bw) solid var(--line)}
.lx-pfoot span{font:400 13.5px/1.45 var(--sai);color:var(--ink3)}
/* assistant */
.lx-ab{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(24px,3vw,44px);border:var(--bw) solid var(--line2);background:var(--surf)}
.lx-ab h2{margin-top:12px;font-size:clamp(30px,3.4vw,54px);line-height:.96}
.lx-ab p{margin:14px 0 0;max-width:470px;font:400 15.5px/1.55 var(--sai);color:var(--ink2)}.lx-ab p a{color:var(--acclt);font-weight:600}
.lx-qs{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.lx-q{appearance:none;width:100%;text-align:left;border:var(--bw) solid var(--line2);background:var(--bg);color:var(--ink);padding:15px 16px;font:400 15px/1.3 var(--sai);cursor:pointer}
.lx-q::before{content:"›";margin-right:10px;color:var(--acclt);font-weight:700}.lx-q:hover{border-color:var(--acclt)}
.lx-qs .btn{margin-top:6px}
/* best seller strip */
section.lx-strip{padding-top:0}
.lx-strip .wrap{display:grid;grid-template-columns:auto 1fr;align-items:stretch;border:var(--bw) solid var(--line);border-top:0;background:var(--surf);padding:0;max-width:calc(var(--max) - 44px)}
.lx-sh{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:16px 22px;background:var(--acc);color:#fff}
.lx-sh b{font:700 19px/1 var(--osw);letter-spacing:.04em;text-transform:uppercase}.lx-sh span{font:600 9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.85;max-width:120px}
.lx-sg4{display:grid;grid-template-columns:repeat(4,1fr)}
.lx-sc{position:relative;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-left:var(--bw) solid var(--line);color:inherit;transition:background .15s}
.lx-sc:hover{background:var(--surf2)}
.lx-sc>img{width:76px;height:58px;object-fit:contain;background:var(--tile);padding:5px;filter:none}
.lx-scn{position:absolute;left:12px;top:12px;z-index:1;padding:3px 5px;background:var(--bg);color:var(--acclt);font:700 10px/1 var(--osw);letter-spacing:.1em}
.lx-sct b{display:block;font:700 13.5px/1.15 var(--osw);letter-spacing:.02em;text-transform:uppercase}
.lx-sct small{display:block;margin-top:3px;font:400 12px/1.3 var(--sai);color:var(--ink2)}
.lx-sct em{display:block;margin-top:4px;font:700 15px/1 var(--osw);font-style:normal;color:var(--acclt)}
.lx-strip+.facts .fx{border-top:0}
@media (max-width:1180px){.lx-yg{grid-template-columns:repeat(2,1fr)}.lx-dg{grid-template-columns:repeat(3,1fr)}.lx-pcs{grid-template-columns:1fr}.lx-pc{border-left:0;border-top:var(--bw) solid var(--line)}.lx-pc:first-child{border-top:0}
 .lx-strip .wrap{grid-template-columns:1fr}.lx-sh{flex-direction:row;align-items:baseline;gap:12px}.lx-sh span{max-width:none}.lx-sg4{grid-template-columns:repeat(2,1fr)}.lx-sc{border-top:var(--bw) solid var(--line)}}
@media (max-width:900px){
 .lx-fg.two{display:flex}.lx-fg.two .lx-ft{aspect-ratio:16/10}
 .lx-yg{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scrollbar-width:none}.lx-yg::-webkit-scrollbar{display:none}.lx-yt{flex:0 0 80%;scroll-snap-align:center}
 .lx-fac{grid-template-columns:1fr 1fr}.lx-fac>div:nth-child(3){border-left:0}.lx-fac>div:nth-child(n+3){border-top:var(--bw) solid var(--line)}.lx-fac>div{padding:14px 16px}
 .lx-dg{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scrollbar-width:none}.lx-dg::-webkit-scrollbar{display:none}.lx-dp{flex:0 0 70%;scroll-snap-align:center}
 .lx-pg{grid-template-columns:1fr}.lx-pg .lx-rf{min-height:0;aspect-ratio:4/3;flex:none}.lx-pc{padding:18px 16px}.lx-pfoot{padding:16px}.lx-pfoot .btn{width:100%}
 .lx-ab{grid-template-columns:1fr;padding:22px 16px}.lx-ab h2{font-size:34px}.lx-qs .btn{width:100%;min-height:48px}
 .lx-strip .wrap{max-width:none;border-left:0;border-right:0}.lx-sg4{grid-template-columns:1fr}.lx-sc{border-left:0;min-height:64px}
}

/* ═══ the final three: a dock on the slideshow ═══ */
.lx-hw{position:relative}
.lx-hdock{position:relative;background:var(--surf);border:var(--bw) solid var(--line2);padding:22px;display:flex;flex-direction:column;align-items:flex-start}
.lx-hk{font:700 13px/1.1 var(--osw);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.lx-hk.big{margin-top:9px;font-size:clamp(26px,2.2vw,34px);letter-spacing:-.005em;color:var(--ink)}
.lx-hdock .lx-fit{margin-top:6px;font:700 clamp(22px,1.9vw,29px)/1.08 var(--osw);text-transform:uppercase}
.lx-hdock.card{padding-top:26px}
.lx-hdock.card>.lx-dev{align-self:center;width:min(46%,170px);height:auto;margin:6px 0 14px}
.lx-hdock.finder .lx-pk{margin-top:14px}.lx-hdock.finder .lx-pr{grid-template-columns:62px 1fr;padding:9px 0}
.lx-hdock.finder .lx-ch button{padding:9px 10px;min-height:36px;font-size:11px}
.lx-hdock.finder .lx-res{margin-top:14px}.lx-hdock.finder .lx-res .lx-buy>b{font-size:30px}
.lx-hdock.finder .lx-dh .lx-dev{width:74px}
.lx-eh{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin-bottom:14px}.lx-eh .lx-dev{width:64px;height:auto}
.lx-et{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;margin-top:8px;border:var(--bw) solid var(--line2);background:var(--bg);color:inherit;transition:border-color .15s,background .15s}
.lx-et:hover{border-color:var(--acclt);background:var(--surf2)}
.lx-et b{display:block;font:700 19px/1.1 var(--osw);text-transform:uppercase}
.lx-et small{display:block;margin-top:5px;font:600 9.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.lx-et em{font:700 17px/1 var(--osw);font-style:normal;color:var(--acclt);white-space:nowrap}
.lx-et em::after{content:" →"}
@media (min-width:901px){
 .lx-hdock{position:absolute;z-index:6;right:calc(max(0px,(100vw - var(--max))/2) + 22px);top:calc(50% - 30px);transform:translateY(-50%);width:clamp(330px,27vw,400px);
  background:rgba(8,11,18,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--filmline);box-shadow:0 30px 80px rgba(0,0,0,.55);transition:opacity .45s,visibility .45s,transform .45s}
 .lx-hw[data-s0]:not(.s0) .lx-hdock{opacity:0;visibility:hidden;transform:translateY(-46%)}
 .lx-hw .mega .slide .t .wrap>*{max-width:min(760px,calc(100% - 440px))}
 .lx-hw .mega .slide h1,.lx-hw .mega .slide h2{font-size:clamp(40px,5.6vw,96px)}
}
@media (max-width:900px){
 .lx-hdock{margin:0 16px 16px;padding:20px 16px}.lx-hdock .lx-buy .btn{flex:1;padding-left:10px;padding-right:10px}
 .lx-hdock.card>.lx-dev{width:38%}
 .lx-et{min-height:64px}
}
@media (prefers-reduced-motion: reduce){.lx-hdock{transition:none}}

.lx-buy .btn{white-space:nowrap}

/* ═══ the ultimate three: "The strip doesn't lie" plays in Behind the builds ═══ */
.lx-log2 .lx-lv{position:relative;grid-column:span 2;grid-row:span 2;min-height:300px;background:#000}
.lx-log2 .lx-lv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lx-lvc{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 18px;background:var(--filmgrad);color:var(--onfilm)}
.lx-lvc b{display:block;font:700 clamp(26px,3vw,46px)/.96 var(--osw);text-transform:uppercase;letter-spacing:-.01em}
.lx-lvc b em{font-style:normal;background:var(--acc);padding:0 .12em .06em;display:inline-block}
.lx-lvc small{display:block;margin-top:9px;font:600 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--onfilm2)}
@media (max-width:900px){
 .lx-log2 .lx-lv{grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:16/10}
 .lx-lvc{padding:40px 14px 13px}.lx-lvc b{font-size:28px}
}

/* ═══ the one: the dyno block on one grid (film | text, then film | film: same columns, same gutter) ═══ */
@media (min-width:901px){
 .lx-d2 .dy{grid-template-columns:1fr 1fr;gap:var(--gut);border:0;background:transparent}
 .lx-d2 .dy .film{border:var(--bw) solid var(--line)}
 .lx-d2 .dy .txt{background:var(--surf);border:var(--bw) solid var(--line)}
 .lx-d2+.lx-dw .lx-fg.two .lx-ft{aspect-ratio:16/9}
}
/* the buy bar: the finder's current tuner, following down the page (desktop) */
.lx-bar{display:none}
@media (min-width:901px){
 .lx-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(8,11,18,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:var(--bw) solid var(--acc);transform:translateY(102%);transition:transform .35s}
 .lx-bar.on{transform:none}
 .lx-bar .wrap{display:flex;align-items:center;gap:18px;height:66px}
 .lx-bar .lx-dev{width:38px;height:auto;filter:none}
 .lx-bt{margin-right:auto;min-width:0}
 .lx-bt small{display:block;font:600 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acclt)}
 .lx-bt b{display:block;margin-top:5px;font:700 19px/1 var(--osw);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lx-bar .lx-pn{margin-top:0}
 .lx-bp{font:700 26px/1 var(--osw)}
 .lx-bar .btn{padding:13px 18px}
 .lx-bc2{font:600 12.5px/1 var(--sai);color:var(--acclt);white-space:nowrap}
 body.lx-barred .demo-rb{bottom:80px}
}
@media (max-width:1180px){.lx-bar .lx-pn{display:none}}
@media (prefers-reduced-motion: reduce){.lx-bar{transition:none}}
/* the buy bar on phones (80% of the traffic): one compact row sitting on top of the bottom tab bar */
@media (max-width:900px){
 .lx-bar{display:block;position:fixed;left:0;right:0;bottom:var(--lx-bn,0px);z-index:55;background:rgba(8,11,18,.96);border-top:2px solid var(--acc);transform:translateY(160%);transition:transform .3s}
 .lx-bar.on{transform:none}
 .lx-bar .wrap{display:flex;align-items:center;gap:10px;height:56px;padding:0 12px}
 .lx-bar .lx-dev,.lx-bar .lx-pn,.lx-bar .js-view,.lx-bar .lx-bc2{display:none}
 .lx-bt{margin-right:auto;min-width:0}
 .lx-bt small{display:block;font:600 8.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acclt)}
 .lx-bt b{display:block;margin-top:4px;font:700 14px/1.05 var(--osw);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lx-bp{font:700 19px/1 var(--osw)}
 .lx-bar .btn{padding:0 14px;min-height:44px;white-space:nowrap}
}

/* on the store: the theme's chat bubble moves up while the buy bar is showing, so it never covers Add to cart */
body.lx-barred .lm-chat-trigger{bottom:84px!important}
@media (max-width:900px){body.lx-barred .lm-chat-trigger{bottom:calc(var(--lx-bn,0px) + 66px)!important}}
/* ── FIND YOUR TUNER, driven by the store (Oct 9): every vehicle Livernois makes a tuner for ── */
.lx-tf .lx-tfq{width:100%;margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lx-tf .lx-tfq>span{flex:0 0 100%;font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
.lx-tf .lx-tfs{width:100%;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lx-tf .lx-tfs label{display:block;min-width:0}
.lx-tf .lx-tfs label>span{display:block;font:600 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:5px}
.lx-tf select,.lms .lx-tf select{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;width:100%;min-height:44px;padding:10px 30px 10px 11px;border:var(--bw) solid var(--line2)!important;border-radius:0;
  background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238fa0b8'/%3E%3C/svg%3E") no-repeat right 11px center!important;
  color:var(--ink)!important;font:600 15px/1.2 var(--sai);cursor:pointer;text-overflow:ellipsis}
.lx-tf select:disabled,.lms .lx-tf select:disabled{opacity:.45;cursor:default}
.lx-tf select:focus-visible{outline:2px solid var(--acclt);outline-offset:1px}
.lx-tf .lx-tfr{width:100%;margin-top:12px;border-top:var(--bw) solid var(--line)}
.lx-tf .lx-tfh{padding:12px 0 0;color:var(--ink2);font-size:14px;line-height:1.45}
.lx-tf .lx-tfi{padding:12px 0;border-bottom:var(--bw) solid var(--line)}
.lx-tf .lx-tfi:last-of-type{border-bottom:0}
.lx-tf .lx-tfn{font:700 16px/1.2 var(--osw);text-transform:uppercase;letter-spacing:.01em;color:var(--ink)}
.lx-tf .lx-tfi .lx-pn{margin-top:5px}
.lx-tf .lx-tfi .lx-buy{margin-top:9px;flex-wrap:nowrap}
.lx-tf .lx-tfi .lx-buy>b{font-size:22px;margin-right:auto}
.lx-tf .lx-tfi .lx-buy .btn{flex:0 0 auto;padding:11px 13px}
.lx-tf .lx-more{display:inline-block;margin-top:12px;font-size:13.5px}
/* desktop: the finder floats over the slideshow only when there is room for it beside the headline (Curtis: "if the screen gets narrow
   on the desktop, it gets a little wonky"). Below 1280px it is a block under the slideshow, centred. */
@media (min-width:901px) and (max-width:1279px){
 .lx-v14 .lx-hdock.lx-tf{position:relative;right:auto;top:auto;transform:none;width:auto;max-width:760px;margin:18px auto 6px;background:var(--surf);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
 .lx-v14 .lx-hw .mega .slide .t .wrap>*{max-width:min(760px,100%)}
 .lx-v14 .lx-tf .lx-tfs{grid-template-columns:repeat(4,1fr)}
}
/* wide desktop: pinned to the top of the slideshow and never taller than it; a long list of tuners scrolls inside the card */
@media (min-width:1280px){
 .lx-v14 .lx-hdock.lx-tf{width:clamp(350px,27vw,400px);top:18px;transform:none;max-height:calc(100% - 92px);padding:18px 20px}
 .lx-v14 .lx-tf .lx-tfr{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .lx-v14 .lx-tf .lx-tfq{margin-top:10px}.lx-v14 .lx-tf .lx-tfs{margin-top:10px}.lx-v14 .lx-tf .lx-more{margin-top:10px}
 .lx-v14 .lx-tf .lx-dh .lx-dev{width:60px}.lx-v14 .lx-tf .lx-hk.big{margin-top:6px;font-size:26px}
}
@media (max-width:900px){.lx-tf .lx-tfi .lx-buy .btn{flex:1}.lx-tf .lx-tfi .lx-buy>b{margin-right:6px}}

/* the result (2026-10-09): the tuner's name and price as one line each, then one full-width button */
.lx-tf a.lx-tfi{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:var(--bw) solid var(--line);color:inherit;text-decoration:none}
.lx-tf a.lx-tfi:last-of-type{border-bottom:var(--bw) solid var(--line)}
.lx-tf a.lx-tfi .lx-tfn{font-size:15px;line-height:1.25}
.lx-tf a.lx-tfi:hover .lx-tfn{color:var(--acclt)}
.lx-tf .lx-tfp{flex:0 0 auto;font:700 17px/1 var(--osw);color:var(--ink)}
.lx-tf a.lx-tfgo,.lms .lx-tf a.lx-tfgo{display:flex!important;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:52px;margin-top:14px;font-size:14px;letter-spacing:.1em}
/* wide desktop, where the card floats over the slideshow: once a result shows, the shortcuts step aside and a long list shows its two best sellers
   (the button leads to all of them), so the card never grows past the slideshow */
@media (min-width:1280px){
 .lx-v14 .lx-hdock.lx-tf{max-height:none}
 .lx-v14 .lx-tf .lx-tfr{overflow:visible;flex:0 0 auto}
 .lx-v14 .lx-tf.has-res .lx-tfq{display:none}
 .lx-v14 .lx-tf .lx-tfr.multi a.lx-tfi:nth-of-type(n+3){display:none}
 .lx-v14 .lx-tf a.lx-tfi{padding:9px 0}.lx-v14 .lx-tf a.lx-tfgo{margin-top:12px;min-height:48px}
}
/* THE FULL RUN (2026-10-12): the 9.3 film ends on the scoreboard; lean in on it so the time reads */
.hero.h3 .slide video[data-full]{transform-origin:24% 41%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hero.h3 .slide video[data-full].lx-end{transform:scale(2.3)}
@media (prefers-reduced-motion:reduce){.hero.h3 .slide video[data-full]{transition:none}}
/* the tuner in the finder's header, larger (Curtis, 2026-10-12: "the tuner image is kind of small"); was 74px; 124px was a little too big, so 100px */
.lx-hdock.finder.lx-tf .lx-dh{align-items:center}
.lx-hdock.finder.lx-tf .lx-dh .lx-dev{width:100px;height:auto;margin:-6px -4px -10px 0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
@media (max-width:900px){.lx-hdock.finder.lx-tf .lx-dh .lx-dev{width:84px;margin:-4px -2px -6px 0}}

/* ═══ version 14: the style layer (scoped to body.lx-v14) ═══ */
/* section heads: an accent bar, a running number, a larger title */
.lx-v14 .sh{position:relative;border-bottom:0;padding:22px 0 0;margin-bottom:28px;align-items:flex-end}
.lx-v14 .sh::before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--acc)}
.lx-v14 .sh::after{content:"";position:absolute;left:84px;right:0;top:1px;height:1px;background:var(--line)}
.lx-v14 .sh h2{font-size:clamp(30px,4.4vw,64px);line-height:.94;letter-spacing:-.02em}
.lx-v14 .sh h2::before{content:attr(data-n);display:block;margin-bottom:12px;font:600 11px/1 var(--mono);letter-spacing:.22em;color:var(--acclt)}
.lx-v14 .sh h2 small{display:block;margin:12px 0 0}
/* two full-width bands break the page up */
.lx-v14 section.lx-best,.lx-v14 section.lx-shop{margin-top:72px;padding:76px 0 80px;background:var(--surf2);border-top:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line)}
.lx-v14 section.lx-best{background:radial-gradient(ellipse 70% 90% at 22% 40%,rgba(29,95,216,.13),transparent 70%),var(--surf2)}
/* the best seller on a dark stage */
.lx-v14 .lx-lead{border-color:var(--line2)}
.lx-v14 .lx-lead .lx-plate{background:radial-gradient(ellipse at 50% 44%,#1c3a72 0%,#0c1526 56%,#070a11 100%);background-size:auto}
.lx-v14 .lx-lead .lx-plate::before{content:"";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:36px 36px}
.lx-v14 .lx-lead .lx-plate img{width:min(64%,350px);filter:drop-shadow(0 34px 38px rgba(0,0,0,.65)) drop-shadow(0 0 70px rgba(29,95,216,.4))}
.lx-v14 .lx-ghost{color:rgba(255,255,255,.055)}
.lx-v14 .lx-rim:has(.lx-dev){background:radial-gradient(ellipse at 50% 46%,#1c3a72,#0a101c 78%)}
.lx-v14 .lx-rim .lx-dev{filter:drop-shadow(0 12px 14px rgba(0,0,0,.6))}
.lx-v14 .lx-ltx h3{font-size:clamp(38px,4.4vw,72px)}
.lx-v14 .lx-row,.lx-v14 .lx-ac{transition:border-color .15s,transform .15s}
.lx-v14 .lx-row:hover,.lx-v14 .lx-ac:hover{border-color:var(--acclt);transform:translateY(-2px)}
/* the dock */
.lx-v14 .lx-hdock{border-top:3px solid var(--acc)}
/* popular tuners rail */
section.lx-rail{padding-top:var(--gut)}
.lx-rail .wrap{display:flex;align-items:center;gap:16px}
.lx-rl{flex:none;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--acclt)}
.lx-rc{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:40px}
.lx-rc::-webkit-scrollbar{display:none}
.lx-rc a{flex:none;padding:11px 14px;border:var(--bw) solid var(--line2);font:700 11.5px/1 var(--osw);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;transition:.15s}
.lx-rc a:hover{background:var(--acc);border-color:var(--acc)}
.lx-rc a.all{border-color:transparent;color:var(--acclt)}
/* machine films: numbered */
.lx-v14 .lx-reel{counter-reset:cnc}
.lx-v14 .lx-rf{counter-increment:cnc}
.lx-v14 .lx-rf::before{content:"CNC · 0" counter(cnc);position:absolute;left:0;top:0;z-index:2;padding:8px 11px;background:var(--acc);color:#fff;font:700 11px/1 var(--osw);letter-spacing:.16em}
.lx-v14 .lx-shop.big .lx-rf{aspect-ratio:3/4}
@media (max-width:900px){
 .lx-v14 .sh{padding-top:18px;margin-bottom:20px}.lx-v14 .sh::after{left:68px}.lx-v14 .sh::before{width:56px}
 .lx-v14 section.lx-best,.lx-v14 section.lx-shop{margin-top:44px;padding:44px 0 48px}
 .lx-rail .wrap{flex-direction:column;align-items:flex-start;gap:10px}.lx-rc{max-width:100%;margin-right:-16px}
 .lx-rc a{min-height:44px;display:inline-flex;align-items:center}
 .lx-v14 .lx-lead .lx-plate img{width:50%}
}
@media (prefers-reduced-motion: reduce){.lx-v14 .lx-row,.lx-v14 .lx-ac{transition:none}}
/* machine shop photos shown whole: the first tile takes the photo's own 16:9 shape, so the heads are not cut off */
.lx-v14 .lx-photos{grid-template-columns:1.78fr 1fr}
.lx-v14 .lx-photos .lx-rp{height:auto}
.lx-v14 .lx-photos .lx-rp:first-child{aspect-ratio:16/9}
@media (max-width:900px){.lx-v14 .lx-photos{grid-template-columns:1fr}.lx-v14 .lx-photos .lx-rp{aspect-ratio:16/9}.lx-v14 .lx-photos .lx-rp+.lx-rp{aspect-ratio:5/4}}

/* phone slideshow (Curtis 2026-10-09: "chopped off at the bottom, a lot of room at the top"): the picture sits in the upper part
   of the card and is cropped from the top, so the subject stands above the headline instead of under it */
@media (max-width:900px){
 .lx-v14 .mh-s{height:300px}
 .lx-v14 .mh-s img,.lx-v14 .mh-s video{inset:0 0 auto 0;height:calc(100% - 86px);transform:scale(1.16);transform-origin:50% 100%}
 .lx-v14 .mh-shade{background:linear-gradient(to top,#05070c 0,#05070c 86px,rgba(5,7,12,.5) 118px,rgba(5,7,12,0) 165px)}
}
/* phone polish before the crew sees it (2026-10-09): the best seller rows put the price on its own line with two equal buttons under it;
   the dyno film's caption gets a dark backing so it reads over the white car */
@media (max-width:900px){
 .lx-v14 .lx-row .lx-buy{flex-wrap:wrap;gap:8px}
 .lx-v14 .lx-row .lx-buy>b{flex:0 0 100%;margin:0}
 .lx-v14 .lx-row .lx-buy .btn{flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px;text-align:center;justify-content:center}
}
/* 2026-10-16 (Logan: the caption under the Mustang "is very hard to see/read because of the color"): the dark backing was phone-only and the
   type was 9.5px grey over the film at every width. Now every width: a backing pill, white type, 11px. */
/* 2026-10-16 later (Curtis: "the caption looks sloppy, it kind of overlaps the sound button"): one bottom strip for both. A gradient
   darkens the foot of the film, the caption sits left in two lines (the car and the numbers, then the dyno), the Sound button sits
   right, both centred on the same 40px band. No pill, no wrap into the button. */
.lx-v14 .dy .film::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;min-height:110px;pointer-events:none;z-index:1;background:linear-gradient(to top,rgba(5,7,12,.86) 0%,rgba(5,7,12,.55) 45%,rgba(5,7,12,0) 100%)}
.lx-v14 .dy .film .fc{left:16px;right:140px;bottom:14px;max-width:none;min-height:40px;padding:0;border-radius:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#fff;font:600 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2}
.lx-v14 .dy .film .fc b{font:700 15px/1.15 var(--osw);letter-spacing:.02em;text-transform:uppercase;color:#fff}
.lx-v14 .dy .film .fc small{font:600 9.5px/1.3 var(--mono);letter-spacing:.12em;color:#c9d3e6}
.lx-v14 .dy .film .snd{z-index:2}
@media (max-width:1180px){ .lx-v14 .dy .film .fc b{font-size:13.5px} }
@media (max-width:640px){ .lx-v14 .dy .film .snd{bottom:auto !important;top:12px !important;right:12px !important} .lx-v14 .dy .film .fc{right:16px;bottom:12px;min-height:0} .lx-v14 .dy .film .fc b{font-size:13px} }
/* ═══ round 9 (2026-10-16, Logan's list 3 / Curtis's answers): the popular packages and the 6.6L Raptor stroker band ═══ */
.lx-v14 section.lx-pk14{padding:76px 0 80px;background:var(--surf2);border-top:var(--bw) solid var(--line);border-bottom:var(--bw) solid var(--line)}
.lx-pk14 h3{font-family:var(--osw);text-transform:uppercase;font-weight:700;margin:0;letter-spacing:-.005em}
.lx-pg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.lx-pc{display:flex;flex-direction:column;background:var(--surf);border:var(--bw) solid var(--line);position:relative;transition:border-color .15s,transform .15s}
.lx-pc:hover{border-color:var(--line2);transform:translateY(-2px)}
.lx-pc .im{display:grid;place-items:center;aspect-ratio:4/3;background:var(--tile);overflow:hidden}
.lx-pc .im img{max-width:86%;max-height:84%;width:auto;height:auto;mix-blend-mode:multiply}
.lx-pc .gain{position:absolute;left:0;top:0;z-index:2;padding:8px 11px;background:var(--acc);color:#fff;font:700 12px/1.1 var(--osw);letter-spacing:.1em;text-transform:uppercase}
.lx-pc .gain small{display:block;margin-top:3px;font:600 8.5px/1 var(--mono);letter-spacing:.14em;opacity:.85;text-transform:none}
.lx-ptx{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
.lx-ptx .lx-veh{margin:0;font:700 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.lx-ptx h3{margin-top:6px;font-size:18px;line-height:1.12}
.lx-ptx h3 a{color:inherit;text-decoration:none}
.lx-ptx .lx-sp{margin-top:6px}
.lx-ptx .lx-buy{margin-top:auto;padding-top:14px}
.lx-ptx .lx-buy>b{font-size:21px}
.lx-ptx .lx-buy .btn{padding:10px 14px}
/* the 6.6L Raptor stroker */
.lx-v14 section.lx-strk{padding:0;background:var(--surf2);border-bottom:var(--bw) solid var(--line)}
.lx-strk .lx-sg{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;align-items:stretch}
.lx-strk .lx-stx{padding:clamp(40px,6vw,88px) clamp(20px,4vw,64px) clamp(40px,6vw,88px) 0}
.lx-strk .lx-stx h2{font-family:var(--osw);text-transform:uppercase;font-weight:700;margin:14px 0 0;letter-spacing:-.005em;font-size:clamp(34px,4.2vw,66px);line-height:.94}
.lx-strk .lx-stx h2 em{font-style:normal;color:var(--onfilm);background:var(--acc);padding:0 .12em .06em;display:inline-block}
.lx-strk .lx-nums{display:flex;gap:28px;margin-top:22px;flex-wrap:wrap}
.lx-strk .lx-nums div b{display:block;font:700 30px/1 var(--osw);color:var(--ink)}
.lx-strk .lx-nums div span{display:block;margin-top:4px;font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.lx-strk .lx-pic{position:relative;min-height:380px;background:var(--tile);display:grid;place-items:center;overflow:hidden;border-left:var(--bw) solid var(--line)}
.lx-strk .lx-pic img{max-width:78%;max-height:78%;width:auto;height:auto;mix-blend-mode:multiply}
.lx-strk .lx-pic .lx-pn{position:absolute;left:18px;bottom:14px;margin:0;color:#4a556a}
.lx-strk .lx-pic .lx-pn b{color:var(--acc)}
.lx-strk .lx-cta2{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
@media (max-width:1100px){ .lx-pg{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px){
 .lx-v14 section.lx-pk14{padding:44px 0 48px}
 .lx-strk .lx-sg{grid-template-columns:1fr}
 .lx-strk .lx-stx{padding:36px 0 28px}
 .lx-strk .lx-pic{min-height:260px;border-left:0;border-top:var(--bw) solid var(--line)}
}
@media (max-width:640px){ .lx-pg{grid-template-columns:1fr} .lx-strk .lx-nums{gap:18px} .lx-strk .lx-nums div b{font-size:24px} }

.demo-rb{position:fixed;left:14px;bottom:14px;z-index:9999;display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--hud);border:1px solid var(--line2);color:var(--ink2);font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.demo-rb b{color:var(--acclt)}
@media (max-width:900px){.demo-rb{left:8px;bottom:74px;padding:7px 9px;font-size:8.5px}}

/* ── new on this page: chips, model-year switches, question buttons, accent links ── */
.lms .lx-yr{display:inline-flex}
.lms .lx-yr button,.lms .lx-ch button{box-sizing:border-box;cursor:pointer;text-align:center;font:700 11.5px/1 var(--osw);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)!important}
.lms .lx-yr button{padding:10px 14px;min-height:40px}
.lms .lx-yr button+button{border-left:var(--bw) solid var(--line2)}
.lms .lx-ch button{padding:10px 12px;min-height:40px;border:var(--bw) solid var(--line2);letter-spacing:.1em}
.lms .lx-hdock.finder .lx-ch button{padding:9px 10px;min-height:36px;font-size:11px}
.lms .lx-yr button.on,.lms .lx-ch button.on{background:var(--ink)!important;color:var(--bg)!important}
.lms .lx-ch button.on{border-color:var(--ink)}
.lms button.lx-q{box-sizing:border-box;display:block;width:100%;text-align:left;border:var(--bw) solid var(--line2);background:var(--bg)!important;color:var(--ink)!important;padding:15px 16px;font:400 15px/1.3 var(--sai);cursor:pointer}
.lms button.lx-q:hover{border-color:var(--acclt)}
.lms .lx-more,.lms .lx-rc a.all,.lms .lx-bc2,.lms .lx-ab p a{color:var(--acclt)!important}
.lms .lx-rc a{color:var(--ink)}.lms .lx-rc a:hover{color:#fff}
.lms .lx-dp,.lms .lx-dp:hover{color:var(--onfilm)}
.lms .lx-pc ul,.lms ul.svc{list-style:none}