:root {
  --black: #0b0b0c;
  --black-2: #151515;
  --black-3: #1c1c1e;
  --white: #ffffff;
  --off: #f5f5f3;
  --paper: #ecece8;
  --ink: #111111;
  --muted: #a6a6a6;
  --muted-dark: #666;
  --red: #e31b23;
  --line-dark: rgba(255,255,255,.13);
  --line-light: rgba(17,17,17,.14);
  --max: 1440px;
  --content: 1320px;
  --header-h: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; font-family: Inter, "Helvetica Neue", Arial, sans-serif; color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; }
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { color: inherit; }
::selection { background: var(--red); color: #fff; }

.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; transform: translateY(-150%); background: #fff; color:#000; padding: 10px 14px; }
.skip-link:focus { transform: translateY(0); }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.container { width: min(calc(100% - 64px), var(--content)); margin-inline: auto; }
.section { padding: 118px 0; }
.section-dark { background: var(--black); color: #fff; }
.section-light { background: #fff; color: var(--ink); }
.section-offwhite { background: var(--off); color: var(--ink); }
.eyebrow { display: inline-block; font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.small-label { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: #777; }
h1,h2,h3,p { margin-top: 0; }
h1,h2 { letter-spacing: -.045em; }
h2 { font-size: clamp(44px, 5.2vw, 76px); line-height: .94; margin-bottom: 0; font-weight: 700; }
.section-head { display: flex; justify-content: space-between; gap: 30px; align-items: flex-end; margin-bottom: 52px; }
.section-head .eyebrow { margin-bottom: 17px; color: #747474; }
.text-link { display: inline-flex; align-items:center; gap: 12px; font-size: 12px; font-weight: 800; letter-spacing:.08em; }
.text-link span, .btn span { transition: transform .25s ease; }
.text-link:hover span, .btn:hover span { transform: translateX(5px); }
.text-link.dark { color: #111; }
.btn { min-height: 50px; padding: 0 20px; display: inline-flex; gap: 26px; align-items: center; justify-content: space-between; border: 1px solid transparent; font-size: 12px; font-weight: 800; letter-spacing: .08em; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.btn-primary { background: var(--red); color: white; }
.btn-primary:hover { background: #c9171e; }
.btn-ghost { border-color: rgba(255,255,255,.6); color: white; background: rgba(0,0,0,.08); }
.btn-ghost:hover { border-color: #fff; background: #fff; color:#000; }
.btn-light { background: #fff; color: #111; }
.btn-light:hover { background: var(--red); color: #fff; }
.prototype-note { margin: 26px 0 0; color:#747474; font-size: 11px; letter-spacing:.02em; }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; color: #fff; height: var(--header-h); transition: background .25s ease, backdrop-filter .25s ease, border-color .25s ease; border-bottom: 1px solid transparent; }
.site-header.scrolled, .site-header.menu-open { background: rgba(11,11,12,.88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-color: rgba(255,255,255,.09); }
.header-inner { width: min(calc(100% - 48px), var(--max)); height:100%; margin:0 auto; display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; }
.brand { display:inline-flex; align-items:center; gap: 12px; width:max-content; }
.brand-mark { width: 28px; height: 28px; position:relative; display:inline-block; transform: rotate(45deg); border:1px solid rgba(255,255,255,.65); }
.brand-mark span:first-child { position:absolute; width:9px; height:9px; background:var(--red); left:4px; top:4px; }
.brand-mark span:last-child { position:absolute; width:9px; height:9px; border:1px solid #fff; right:4px; bottom:4px; }
.brand-type { font-size: 13px; letter-spacing: .12em; font-weight: 800; white-space:nowrap; }
.brand-type b { color: var(--red); }
.desktop-nav { display:flex; align-items:center; gap:28px; height:100%; }
.nav-link { border:0; background:none; padding:0; color:#fff; font-size:11px; letter-spacing:.08em; font-weight:700; cursor:pointer; height:100%; display:flex; align-items:center; position:relative; }
.nav-link::after { content:""; position:absolute; left:0; right:100%; bottom:21px; height:1px; background:#fff; transition:right .25s ease; }
.nav-link:hover::after { right:0; }
.header-actions { justify-self:end; display:flex; gap:7px; align-items:center; }
.icon-btn { width:40px; height:40px; display:grid; place-items:center; border:0; background:transparent; color:#fff; cursor:pointer; position:relative; }
.icon-btn svg { width:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.cart-count { position:absolute; top:4px; right:2px; min-width:16px; height:16px; border-radius:50%; background:var(--red); color:#fff; font-size:9px; font-weight:800; display:grid; place-items:center; }
.menu-toggle { display:none; width:42px; height:42px; border:0; background:transparent; position:relative; cursor:pointer; }
.menu-toggle span { position:absolute; left:9px; width:24px; height:1px; background:#fff; transition:.25s ease; }
.menu-toggle span:first-child { top:16px; }.menu-toggle span:last-child { top:25px; }
.menu-toggle.active span:first-child { transform:translateY(4.5px) rotate(45deg); }.menu-toggle.active span:last-child { transform:translateY(-4.5px) rotate(-45deg); }
.has-mega { height:100%; display:flex; align-items:center; }
.mega-menu { position:absolute; left:50%; transform:translate(-50%, 8px); top:calc(var(--header-h) - 2px); width:min(920px, calc(100vw - 60px)); display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:40px; padding:34px 38px; background:#111; border:1px solid rgba(255,255,255,.11); opacity:0; pointer-events:none; transition:.22s ease; }
.has-mega:hover .mega-menu, .has-mega:focus-within .mega-menu { opacity:1; transform:translate(-50%,0); pointer-events:auto; }
.mega-menu>div { display:flex; flex-direction:column; gap:11px; }
.mega-label { font-size:9px; letter-spacing:.16em; color:#777; margin-bottom:4px; font-weight:700; }
.mega-menu a { font-size:13px; color:#ddd; }
.mega-menu a:hover { color:#fff; }
.mega-feature { padding-left:30px; border-left:1px solid var(--line-dark); justify-content:center; }
.mega-feature strong { font-size:22px; letter-spacing:-.02em; margin:4px 0 10px; }
.mobile-menu { display:none; }

/* Hero */
.hero { min-height: 96vh; position:relative; overflow:hidden; display:flex; align-items:flex-end; }
.hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 58%; transform:scale(1.02); animation:heroIn 1.4s cubic-bezier(.2,.8,.2,1) both; }
@keyframes heroIn { from{opacity:0; transform:scale(1.08)} to{opacity:1; transform:scale(1.02)} }
.hero-scrim { position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.22) 56%, rgba(0,0,0,.13) 100%), linear-gradient(0deg, rgba(0,0,0,.7), transparent 48%); }
.hero-content { position:relative; z-index:2; padding-bottom:115px; }
.hero-eyebrow { color:rgba(255,255,255,.78); margin-bottom:26px; }
.hero h1 { font-size:clamp(64px, 9.5vw, 148px); line-height:.82; margin:0 0 28px; font-weight:700; }
.hero p { max-width:550px; font-size:clamp(15px,1.6vw,20px); line-height:1.5; color:#d4d4d4; margin-bottom:30px; }
.cta-row { display:flex; flex-wrap:wrap; gap:10px; }
.hero-foot { position:absolute; z-index:2; bottom:25px; left:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; color:#aaa; font-size:9px; font-weight:700; letter-spacing:.14em; }
.hero-meta { display:flex; gap:16px; }.hero-meta span:first-child { color:var(--red); }
.scroll-cue { display:flex; gap:10px; }

/* Vehicle */
.vehicle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.vehicle-card { aspect-ratio: 1.36; position:relative; overflow:hidden; color:#fff; background:#111; }
.vehicle-card img { position:absolute; inset:0; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.vehicle-overlay { position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.72), rgba(0,0,0,0) 62%); }
.vehicle-copy { position:absolute; left:25px; right:25px; bottom:22px; }
.vehicle-copy>span { font-size:10px; color:#bbb; }.vehicle-copy h3 { margin:7px 0 9px; font-size:28px; letter-spacing:-.035em; }.vehicle-copy p { margin:0; font-size:11px; font-weight:700; letter-spacing:.08em; display:flex; justify-content:space-between; }.vehicle-copy b { transition:transform .2s ease; }
.vehicle-card:hover img { transform:scale(1.045); }.vehicle-card:hover .vehicle-copy b { transform:translateX(5px); }

/* Categories */
.category-section { padding-top:30px; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:280px; gap:12px; }
.category-card { position:relative; overflow:hidden; background:#111; color:#fff; }
.category-wide { grid-column:span 2; grid-row:span 2; }
.category-card img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .5s ease; filter:brightness(.83); }
.category-card span { position:absolute; left:18px; right:18px; bottom:17px; display:flex; justify-content:space-between; font-size:11px; font-weight:800; letter-spacing:.1em; }
.category-card b { font-size:16px; transition:transform .25s ease; }.category-card:hover img{transform:scale(1.04); filter:brightness(.68)}.category-card:hover b{transform:translateX(5px)}

/* Products */
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.product-card { min-width:0; }
.product-media { aspect-ratio:1/1.04; background:#e7e7e4; position:relative; display:block; overflow:hidden; }
.product-img { position:absolute; inset:0; height:100%; object-fit:cover; transition:opacity .35s ease, transform .45s ease; }
.product-img.secondary { opacity:0; }.product-media:hover .primary{opacity:0}.product-media:hover .secondary{opacity:1}.product-media:hover .product-img{transform:scale(1.025)}
.product-badge { position:absolute; top:12px; left:12px; z-index:4; background:#fff; color:#111; padding:7px 9px; font-size:9px; font-weight:800; letter-spacing:.1em; }
.product-copy { padding-top:15px; }.vehicle-tag { font-size:9px; letter-spacing:.12em; font-weight:800; color:#7a7a7a; }.product-copy h3 { font-size:16px; line-height:1.2; margin:7px 0 12px; font-weight:650; }.product-meta { display:flex; justify-content:space-between; align-items:center; font-size:12px; }.product-meta span:last-child { font-size:9px; letter-spacing:1px; }.product-meta small{font-size:10px; color:#666; letter-spacing:0}.quick-add { width:100%; margin-top:15px; min-height:42px; border:1px solid #cfcfca; background:transparent; display:flex; justify-content:space-between; align-items:center; padding:0 12px; font-size:10px; font-weight:800; letter-spacing:.08em; cursor:pointer; transition:.2s ease; }.quick-add:hover{background:#111;color:#fff;border-color:#111}

/* Value */
.value-section { padding:135px 0; }
.value-inner { display:grid; grid-template-columns: .9fr 1.4fr; gap:80px; }
.value-intro .eyebrow{color:#858585;margin-bottom:20px}.value-intro h2{font-size:clamp(44px,5.3vw,76px)}
.value-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line-dark); }
.value-item { padding:24px 24px 10px 0; border-right:1px solid var(--line-dark); position:relative; min-height:285px; }.value-item+.value-item{padding-left:24px}.value-item:last-child{border-right:0}.value-num{font-size:9px;color:#666;letter-spacing:.14em}.value-item svg{width:42px;height:42px;fill:none;stroke:#fff;stroke-width:1;margin:54px 0 26px}.value-item h3{font-size:13px;letter-spacing:.08em;margin-bottom:10px}.value-item p{margin:0;color:#8f8f8f;font-size:12px;line-height:1.55;max-width:190px}

/* Compare */
.before-after-section { padding-bottom:130px; }
.compare { height:min(68vw, 760px); min-height:420px; position:relative; overflow:hidden; background:#111; }
.compare-layer { position:absolute; inset:0; overflow:hidden; }
.compare-layer img { width:100%; height:100%; object-fit:cover; }
.compare-after { clip-path:inset(0 0 0 50%); }
.compare-before img { filter:saturate(.65) contrast(.92) brightness(.92); }.compare-after img{filter:saturate(1.1) contrast(1.08)}
.compare-label { position:absolute; top:20px; background:rgba(0,0,0,.7); color:#fff; padding:8px 10px; font-size:9px;font-weight:800;letter-spacing:.12em}.compare-before .compare-label{left:20px}.compare-after .compare-label{right:20px}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#fff;pointer-events:none}.compare-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:18px;box-shadow:0 4px 30px rgba(0,0,0,.25)}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* Feature story */
.feature-story { display:grid; grid-template-columns:1.25fr .75fr; min-height:820px; }
.feature-media { min-height:620px; overflow:hidden; }.feature-media img{height:100%;object-fit:cover;filter:brightness(.8)}
.feature-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:80px clamp(50px,7vw,120px); border-left:1px solid var(--line-dark); }.feature-copy .eyebrow{color:#777;margin-bottom:30px}.feature-kicker{font-size:13px;letter-spacing:.16em;margin-bottom:12px;color:#aaa}.feature-copy h2{font-size:clamp(64px,7vw,110px);margin-bottom:35px}.feature-copy>p:last-of-type{color:#9a9a9a;line-height:1.65;font-size:14px;max-width:390px;margin-bottom:32px}

/* Lifestyle */
.lifestyle { min-height:84vh; position:relative; display:flex; align-items:flex-end; overflow:hidden; color:#fff; }.lifestyle>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lifestyle-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 64%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 60%)}.lifestyle-copy{position:relative;z-index:2;padding-bottom:90px}.lifestyle-copy .eyebrow{color:#ddd;margin-bottom:22px}.lifestyle-copy h2{font-size:clamp(64px,9vw,132px);margin-bottom:20px}.lifestyle-copy p{max-width:500px;color:#d1d1d1;font-size:16px;line-height:1.55;margin-bottom:28px}

/* Install */
.install-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; }.install-intro .eyebrow{color:#777;margin-bottom:20px}.install-intro p{max-width:400px;color:#666;line-height:1.65;margin-top:24px;font-size:14px}.install-levels{border-top:1px solid var(--line-light)}.install-card{display:grid;grid-template-columns:26px 48px 1fr 120px 1.2fr;gap:15px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line-light)}.level-dot{width:10px;height:10px;border-radius:50%;background:#111}.level-dot.medium{background:#777}.level-dot.pro{background:var(--red)}.level-no{font-size:10px;color:#9a9a9a}.install-card h3{margin:0;font-size:14px;letter-spacing:.06em}.install-card strong{font-size:11px;letter-spacing:.08em}.install-card p{margin:0;font-size:12px;color:#777;line-height:1.45}

/* Reviews */
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{background:#fff;padding:30px;min-height:280px;display:flex;flex-direction:column}.stars{font-size:11px;letter-spacing:2px;margin-bottom:38px}.review-card>p{font-size:18px;line-height:1.55;letter-spacing:-.015em;max-width:330px}.review-card footer{margin-top:auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.review-card footer span{color:#888}

/* Dealer */
.dealer-section{min-height:760px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#111}.dealer-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.22)}.dealer-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 70%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}.dealer-content{position:relative;z-index:2;padding-bottom:85px}.dealer-content .eyebrow{color:#bbb;margin-bottom:22px}.dealer-content h2{font-size:clamp(60px,8vw,120px);margin-bottom:34px}.dealer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:900px;margin-bottom:28px}.dealer-grid p{font-size:17px;line-height:1.55;color:#d5d5d5;max-width:430px}.dealer-grid ul{margin:0;padding:0;list-style:none;columns:2;column-gap:40px}.dealer-grid li{font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.18)}

/* Sourcing */
.sourcing{padding:140px 0}.sourcing-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.sourcing-copy .eyebrow{color:#777;margin-bottom:20px}.sourcing-copy p{max-width:480px;color:#9d9d9d;line-height:1.65;margin:26px 0 28px}.process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark)}.process-list li{display:grid;grid-template-columns:45px 1fr 1.2fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line-dark)}.process-list span{font-size:9px;color:#666}.process-list b{font-size:11px;letter-spacing:.08em}.process-list em{font-style:normal;color:#7c7c7c;font-size:11px;line-height:1.4}

/* Newsletter */
.newsletter{padding:88px 0}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.newsletter .eyebrow{color:#777;margin-bottom:17px}.newsletter h2{font-size:clamp(52px,6vw,86px)}.newsletter p{color:#777;margin:18px 0 0}.newsletter-form{display:grid;grid-template-columns:1fr auto;position:relative;border-bottom:1px solid #111}.newsletter-form input{border:0;background:transparent;padding:18px 0;outline:none;font-size:18px}.newsletter-form button{border:0;background:transparent;font-size:11px;font-weight:800;letter-spacing:.09em;cursor:pointer;padding:0 2px 0 30px}.newsletter-form small{position:absolute;top:calc(100% + 9px);left:0;color:#666}

/* Footer */
.footer{padding:75px 0 35px}.footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:50px;border-bottom:1px solid var(--line-dark)}.footer-top p{margin:0;color:#888;font-size:13px;max-width:430px;line-height:1.55}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:54px 0}.footer-grid>div{display:flex;flex-direction:column;gap:11px}.footer-grid h3{font-size:10px;letter-spacing:.14em;color:#777;margin-bottom:8px}.footer-grid a{font-size:12px;color:#c0c0c0;width:max-content}.footer-grid a:hover{color:#fff}.trademark-note{font-size:9px;color:#666;line-height:1.55;max-width:960px;padding-top:25px;border-top:1px solid var(--line-dark)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--line-dark);font-size:9px;letter-spacing:.08em;color:#777}.social{display:flex;gap:18px}.social a:hover{color:#fff}

/* Dialog / toast */
.fitment-dialog{width:min(760px,calc(100vw - 30px));border:0;padding:0;background:#121212;color:#fff;box-shadow:0 30px 120px rgba(0,0,0,.6)}.fitment-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.fitment-panel{padding:34px}.fitment-head{display:flex;justify-content:space-between;gap:20px}.fitment-head .eyebrow{color:#777;margin-bottom:10px}.fitment-head h2{font-size:44px}.dialog-close{border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer}.fitment-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:36px 0 18px}.fitment-fields label{font-size:9px;letter-spacing:.13em;color:#8b8b8b}.fitment-fields select{width:100%;margin-top:8px;background:#1c1c1e;color:#fff;border:1px solid rgba(255,255,255,.14);padding:14px}.fitment-submit{width:100%}.fitment-result{margin:15px 0 0;color:#aaa;font-size:12px}.toast{position:fixed;z-index:300;right:20px;bottom:20px;background:#111;color:#fff;border-left:3px solid var(--red);padding:14px 18px;font-size:12px;transform:translateY(140%);transition:.3s ease;box-shadow:0 12px 40px rgba(0,0,0,.28)}.toast.show{transform:translateY(0)}

/* Reveal */
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.reveal.in-view { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-media{animation:none}.product-img,.vehicle-card img,.category-card img{transition:none}}

@media (max-width: 1100px){
  .desktop-nav{gap:18px}.nav-link{font-size:10px}.value-inner,.install-layout,.sourcing-layout{grid-template-columns:1fr;gap:58px}.feature-story{grid-template-columns:1fr 1fr}.feature-copy{padding:60px 45px}.product-grid{grid-template-columns:repeat(2,1fr);gap:34px 15px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-wide{grid-column:span 2}.install-card{grid-template-columns:24px 42px 1fr 100px 1.2fr}.review-card{min-height:300px}
}

@media (max-width: 860px){
  :root{--header-h:68px}.container{width:min(calc(100% - 36px),var(--content))}.section{padding:78px 0}.desktop-nav{display:none}.header-inner{width:calc(100% - 30px);grid-template-columns:1fr auto}.menu-toggle{display:block}.search-btn{display:none}.mobile-menu{display:flex;position:fixed;z-index:99;top:var(--header-h);left:0;right:0;background:#0b0b0c;color:#fff;flex-direction:column;padding:28px 20px 35px;border-top:1px solid var(--line-dark);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.3s ease}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu>a{font-size:26px;letter-spacing:-.03em;font-weight:650;padding:10px 0;border-bottom:1px solid var(--line-dark)}.mobile-subnav{display:flex;gap:18px;padding-top:22px;color:#888;font-size:11px;letter-spacing:.06em}.hero{min-height:88vh}.hero-content{padding-bottom:105px}.hero h1{font-size:clamp(63px,16vw,100px)}.hero p{font-size:15px;max-width:420px}.hero-foot{bottom:18px}.section-head{align-items:flex-end;margin-bottom:35px}.section-head .fitment-open{display:none}.vehicle-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-18px;padding-right:18px;gap:10px;scrollbar-width:none}.vehicle-grid::-webkit-scrollbar{display:none}.vehicle-card{min-width:78vw;scroll-snap-align:start}.category-grid{grid-auto-rows:240px}.value-section{padding:90px 0}.value-grid{grid-template-columns:1fr}.value-item,.value-item+.value-item{border-right:0;border-bottom:1px solid var(--line-dark);padding:24px 0;min-height:auto;display:grid;grid-template-columns:40px 52px 1fr;gap:14px;align-items:center}.value-item svg{margin:0;width:34px}.value-item h3{margin:0}.value-item p{grid-column:3;max-width:none}.feature-story{grid-template-columns:1fr}.feature-media{min-height:60vh}.feature-copy{padding:70px 28px}.lifestyle{min-height:75vh}.install-card{grid-template-columns:20px 35px 1fr 90px}.install-card p{grid-column:3/-1}.review-grid{grid-template-columns:1fr}.review-card{min-height:240px}.dealer-section{min-height:800px}.dealer-grid{grid-template-columns:1fr;gap:20px}.sourcing{padding:90px 0}.newsletter-inner{grid-template-columns:1fr;gap:42px}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 560px){
  .container{width:calc(100% - 28px)}.section{padding:66px 0}h2{font-size:44px}.brand-type{font-size:11px}.brand-mark{width:25px;height:25px}.icon-btn{width:34px}.hero{min-height:86vh}.hero-media{object-position:58% 58%}.hero-scrim{background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.2) 72%)}.hero-content{padding-bottom:100px}.hero h1{font-size:60px;line-height:.86}.hero p{font-size:14px;margin-bottom:23px}.hero .cta-row{display:grid;grid-template-columns:1fr}.hero .btn{width:100%}.hero-meta span:last-child{display:none}.vehicle-card{min-width:86vw;aspect-ratio:1.18}.vehicle-copy h3{font-size:25px}.category-grid{grid-template-columns:1fr;grid-auto-rows:245px}.category-wide{grid-column:auto;grid-row:auto}.product-grid{grid-template-columns:repeat(2,1fr);gap:30px 9px}.product-copy h3{font-size:13px;min-height:31px}.product-meta{font-size:11px;gap:5px;align-items:flex-start;flex-direction:column}.product-meta span:last-child{font-size:8px}.quick-add{font-size:9px;padding:0 8px}.product-badge{font-size:8px}.value-intro h2{font-size:44px}.compare{min-height:410px;height:65vh}.feature-copy h2{font-size:62px}.lifestyle-copy{padding-bottom:55px}.lifestyle-copy h2{font-size:59px}.install-intro h2{font-size:44px}.install-card{grid-template-columns:18px 28px 1fr}.install-card strong{grid-column:3}.install-card p{grid-column:3}.review-card{padding:23px}.dealer-content{padding-bottom:55px}.dealer-grid ul{columns:1}.dealer-content .cta-row{display:grid}.dealer-content .btn{width:100%}.sourcing-copy h2{font-size:42px}.process-list li{grid-template-columns:34px 1fr}.process-list em{grid-column:2}.newsletter{padding:65px 0}.newsletter-form input{font-size:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 20px}.footer-bottom{align-items:flex-start;flex-direction:column}.social{flex-wrap:wrap}.fitment-panel{padding:25px 18px}.fitment-head h2{font-size:34px}.fitment-fields{grid-template-columns:1fr}.fitment-dialog{max-height:90vh;overflow:auto}
}