:root{--yellow:#ffd400;--yellow-soft:#ffe667;--black:#070707;--panel:#111;--line:#292929;--white:#f7f7f2;--muted:#aaa;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:84px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--yellow);color:#050505;font:800 1.8rem/1 "Barlow Condensed",sans-serif;transform:skew(-7deg)}.brand-name{font:800 1.5rem/1 "Barlow Condensed",sans-serif;letter-spacing:.08em}.brand-name span{color:var(--yellow)}nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:.92rem}nav a:hover{color:var(--yellow)}.nav-cta{border:1px solid var(--yellow);padding:10px 18px}.hero{min-height:650px;max-width:var(--max);margin:auto;padding:90px 24px 70px;display:grid;grid-template-columns:.95fr 1.25fr;align-items:center;gap:36px}.eyebrow{color:var(--yellow);font-weight:700;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;margin:0 0 14px}.hero h1,.section-heading h2,.how h2,.contact h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;line-height:.93;margin:0}.hero h1{font-size:clamp(3.8rem,7vw,6.8rem);max-width:690px;letter-spacing:-.035em}.intro{color:#c5c5c0;max-width:560px;font-size:1.05rem;margin:26px 0 30px}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;font-weight:700;border:1px solid var(--line);transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--yellow);border-color:var(--yellow);color:#060606}.button.primary:hover{background:var(--yellow-soft)}.button.secondary{background:#0c0c0c}.button.secondary:hover{border-color:var(--yellow)}.trust-list{padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:12px 24px;color:#bcbcbc;font-size:.86rem;list-style:none}.trust-list li:before{content:"";width:6px;height:6px;background:var(--yellow);display:inline-block;margin:0 9px 1px 0}.hero-visual{height:490px;position:relative;overflow:hidden;border:1px solid #262626;background:linear-gradient(145deg,#181818,#090909 62%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,212,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,212,0,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-visual:after{content:"WESTKITS";position:absolute;right:-7px;bottom:-58px;font:800 8rem/1 "Barlow Condensed";color:rgba(255,255,255,.035)}.car-line{position:absolute;width:105%;left:-3%;bottom:62px;fill:none;stroke:var(--yellow);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,212,0,.18))}.speed-line{position:absolute;height:2px;background:var(--yellow);transform:skew(-24deg)}.speed-line.one{width:38%;right:6%;top:54px}.speed-line.two{width:22%;right:15%;top:69px;opacity:.5}.model-tag{position:absolute;left:22px;top:22px;display:flex;gap:8px}.model-tag span{border:1px solid #444;background:#111;padding:6px 10px;font:700 .75rem/1 Inter}.products{background:var(--white);color:#080808;padding:100px max(24px,calc((100vw - var(--max))/2 + 24px))}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-heading h2,.how h2,.contact h2{font-size:clamp(2.6rem,5vw,4.6rem);max-width:700px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc}.product-grid article{padding:38px 32px 12px 0;border-right:1px solid #ccc;min-height:250px}.product-grid article+article{padding-left:32px}.product-grid article:last-child{border-right:0}.number{color:#888;font:700 .8rem Inter}.product-grid h3{font:700 2rem/1 "Barlow Condensed";text-transform:uppercase;margin:50px 0 14px}.product-grid p{color:#555;max-width:310px}.models{max-width:var(--max);margin:auto;padding:32px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.models>p{color:#888;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em}.models div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.models span{font:700 1.1rem "Barlow Condensed";padding:8px 14px;border:1px solid #333}.how{max-width:var(--max);margin:auto;padding:110px 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.how ol{list-style:none;padding:0;margin:0}.how li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.how li:last-child{border-bottom:1px solid var(--line)}.how li>span{color:var(--yellow);font:700 1.4rem "Barlow Condensed"}.how p{margin:0;color:#9c9c9c}.how strong{display:block;color:white;font-size:1.05rem;margin-bottom:3px}.contact{text-align:center;background:var(--yellow);color:#080808;padding:90px 24px}.contact .eyebrow{color:#080808}.contact h2{margin:auto}.contact>p:not(.eyebrow){max-width:590px;margin:20px auto 28px}.contact-actions{justify-content:center}.contact .button.primary{background:#080808;color:white;border-color:#080808}.contact .button.secondary{background:transparent;border-color:#080808}.contact small{display:block;margin-top:20px;opacity:.65}footer{max-width:var(--max);margin:auto;padding:34px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#7f7f7f;font-size:.78rem}footer p:last-child{text-align:right}.compact .brand-mark{width:30px;height:30px;font-size:1.25rem}.compact .brand-name{font-size:1.05rem}
@media(max-width:850px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:64px}.hero-visual{height:360px}.product-grid{grid-template-columns:1fr}.product-grid article,.product-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid #ccc;min-height:auto}.product-grid h3{margin-top:25px}.how{grid-template-columns:1fr;gap:45px}.models{align-items:flex-start;flex-direction:column}.models div{justify-content:flex-start}footer{grid-template-columns:1fr;text-align:center;gap:14px}footer .brand{justify-self:center}footer p{margin:0}footer p:last-child{text-align:center}}
@media(max-width:520px){.site-header{height:72px}.brand-name{font-size:1.25rem}.brand-mark{width:36px;height:36px}.nav-cta{padding:8px 12px}.hero{padding-top:52px}.hero h1{font-size:3.7rem}.hero-visual{height:275px}.car-line{bottom:32px}.hero-actions .button,.contact-actions .button{width:100%}.trust-list{display:grid;gap:8px}.products,.how{padding-top:76px;padding-bottom:76px}.section-heading{display:block}.product-grid{margin-top:35px}.contact{padding:72px 24px}}

/* WestKits supplied branding and vehicle photography */
.brand-logo{height:72px;overflow:hidden}
.brand-logo img{display:block;width:156px;height:100%;object-fit:cover;object-position:center}
.hero-visual{background:#0b0b0b}
.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-visual:after{display:none}
.model-tag{z-index:2}
.model-tag span{border-color:rgba(255,255,255,.28);background:rgba(5,5,5,.82);backdrop-filter:blur(5px)}
.contact-logo{display:block;width:190px;height:86px;object-fit:cover;object-position:center;margin:0 auto 24px;border:1px solid rgba(0,0,0,.18)}
footer .brand-logo{height:56px}
footer .brand-logo img{width:122px}
@media(max-width:850px){.hero-visual>img{object-position:53% center}}
@media(max-width:520px){.brand-logo{height:61px}.brand-logo img{width:128px}.hero-visual>img{object-position:56% center}.model-tag{left:12px;top:12px}.model-tag span{padding:5px 7px;font-size:.65rem}}

/* One-car hero slideshow */
.slides,.slide{position:absolute;inset:0;margin:0}
.slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.slide.active{opacity:1;visibility:visible}
.slide{background:var(--black)}
.slide img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.carousel-arrow{position:absolute;z-index:3;top:50%;width:42px;height:52px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.28);background:rgba(5,5,5,.72);color:#fff;font:400 2rem/1 Inter;cursor:pointer;transition:.2s ease}
.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--yellow);color:#050505;border-color:var(--yellow)}
.carousel-arrow.prev{left:12px}.carousel-arrow.next{right:12px}
.carousel-dots{position:absolute;z-index:3;left:50%;bottom:20px;display:flex;gap:8px;transform:translateX(-50%)}
.carousel-dots button{width:26px;height:4px;padding:0;border:0;background:rgba(255,255,255,.4);cursor:pointer}
.carousel-dots button.active{background:var(--yellow)}
@media(max-width:520px){.slide img{object-fit:contain;object-position:center}.carousel-arrow{width:36px;height:46px}.carousel-dots{bottom:18px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}