@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');

:root{--ink:#0d100e;--ink-2:#151a16;--paper:#edeae2;--white:#faf9f5;--lime:#c9f32b;--orange:#ff4b31;--line:rgba(250,249,245,.24);--muted:#a8aea7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.eyebrow{font:700 11px/1.2 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.display{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.83;margin:0}.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 19px;border:1px solid var(--white);font:700 11px/1 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.02em;transition:.2s}.btn:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn.lime:hover{background:var(--white);border-color:var(--white)}

.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.18)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-logo{width:118px;max-height:55px;object-fit:contain;filter:drop-shadow(0 1px 4px #000)}.nav-links{display:flex;gap:25px;font:700 10px/1 'Space Mono',monospace;text-transform:uppercase}.nav-links a{opacity:.9}.nav-links a:hover,.nav-links a.active{color:var(--lime)}.nav .btn{padding:13px 15px;white-space:nowrap}

.hero{min-height:760px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#1b201c}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,7,.86) 0%,rgba(6,8,7,.43) 48%,rgba(6,8,7,.14) 100%);z-index:1}.hero .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:2;width:min(1240px,calc(100% - 64px));margin:0 auto;padding:155px 0 76px}.hero h1{font-size:clamp(64px,9.4vw,145px);max-width:700px}.hero p{max-width:530px;font-size:17px;line-height:1.55;margin:28px 0 31px}.hero .eyebrow{margin-bottom:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero.short{min-height:540px;align-items:flex-end}.hero.short .hero-content{padding-bottom:70px}.hero.short h1{font-size:clamp(58px,7vw,104px)}

.paper{background:var(--paper);color:var(--ink)}.section{padding:108px 0}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading h2{font-size:clamp(51px,6vw,88px)}.section-heading p{max-width:470px;margin:0;font-size:16px;line-height:1.6}.section-heading .eyebrow{margin-bottom:15px}.lead-block{padding:110px 0;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.lead-block h2{font-size:clamp(58px,7vw,104px)}.lead-block h2 strong{color:var(--orange);font-weight:inherit}.lead-block p{font-size:17px;line-height:1.58;margin:0}

.category-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:285px 285px;background:var(--ink)}.category-intro{padding:46px;background:#070907;display:flex;flex-direction:column;justify-content:end}.category-intro h2{font-size:72px}.category-intro p{color:#c2c7bf;line-height:1.55;max-width:260px}.category-tile{position:relative;overflow:hidden;min-height:250px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.category-tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.category-tile:nth-child(2) img{object-position:8% 54%}.category-tile:nth-child(3) img{object-position:94% 52%}.category-tile:nth-child(4) img{object-position:92% 62%}.category-tile:nth-child(5) img{object-position:96% 50%}.category-tile:hover img{transform:scale(1.05)}.category-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.83),rgba(0,0,0,.02) 72%)}.category-tile .tile-copy{position:absolute;z-index:1;left:25px;right:20px;bottom:24px}.category-tile .eyebrow{color:var(--lime);font-size:9px}.category-tile h3{font:800 39px/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:7px 0}.category-tile span{font:700 10px 'Space Mono',monospace}.category-tile.wide{grid-column:span 1}.category-tile:nth-child(4){grid-column:2}.category-tile:nth-child(5){grid-column:3}

.program{background:var(--ink-2);padding:96px 0}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center}.program-image{height:510px;overflow:hidden}.program-image img{width:100%;height:100%;object-fit:cover}.program h2{font-size:clamp(54px,5.5vw,83px);margin:15px 0}.program p{line-height:1.65;max-width:520px}.program-list{margin:28px 0;padding:0;list-style:none;border-top:1px solid #384039}.program-list li{padding:14px 0;border-bottom:1px solid #384039;font-weight:600}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(13,16,14,.22);border-bottom:1px solid rgba(13,16,14,.22)}.stat{padding:30px;border-right:1px solid rgba(13,16,14,.22)}.stat:last-child{border:none}.stat h3{font:800 22px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 11px}.stat p{margin:0;line-height:1.55;font-size:14px}

.page-main{padding-top:88px}.product-hero{background:#050605;min-height:520px}.product-hero::before{background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.96) 40%,rgba(5,6,5,.18) 100%)}.product-hero .hero-image{inset:auto 0 0 auto;width:59%;height:100%;object-position:center;background:#050605}.product-list{padding:74px 0 100px}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;padding:64px 0;border-bottom:1px solid #303631}.product-row:nth-child(even) .product-media{order:2}.product-media{height:490px;overflow:hidden;background:#1c211d}.product-media img{width:100%;height:100%;object-fit:cover}.product-row#tonneau .product-media img{object-fit:cover;object-position:27% 56%;transform:scale(1.14)}.product-row#canopy .product-media img{object-fit:cover;object-position:82% 57%;transform:scale(1.18)}.product-row#steps .product-media img{object-position:center center}.product-copy h2{font-size:clamp(58px,7vw,98px);margin:12px 0 19px}.product-copy p{max-width:400px;line-height:1.6;color:#d5d8d2}.text-link{display:inline-block;margin-top:27px;color:var(--lime);font:700 11px 'Space Mono',monospace;text-transform:uppercase;border-bottom:1px solid var(--lime);padding-bottom:4px}.product-row:nth-child(3n) .product-copy h2{color:var(--lime)}

.vehicles{padding:80px 0 110px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.vehicle-card{height:370px;position:relative;overflow:hidden;background:#262c26}.vehicle-card img{width:100%;height:100%;object-fit:cover}.vehicle-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.04) 72%)}.vehicle-card div{position:absolute;z-index:1;bottom:25px;left:25px;right:20px}.vehicle-card h2{font-size:48px}.vehicle-card p{font:700 9px 'Space Mono',monospace;text-transform:uppercase;margin:10px 0 0}.fitment{padding:95px 0;background:#d8d6ce;color:var(--ink)}.fitment-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.fitment img{width:100%;height:390px;object-fit:cover}.fitment h2{font-size:70px;margin:12px 0}.fitment p{line-height:1.6}.fitment .btn{border-color:var(--ink);margin-top:16px}

.process{padding:95px 0;background:var(--paper);color:var(--ink)}.process h2{font-size:82px;margin:10px 0 35px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-card{border-top:2px solid var(--ink);padding-top:17px}.process-card h3{font:700 16px 'Space Mono',monospace;margin:0 0 14px}.process-card p{font-size:14px;line-height:1.55;margin:0}.factory{padding:98px 0;background:#d8d6ce;color:var(--ink)}.factory-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px}.factory-copy h2{font-size:82px;margin:11px 0 21px}.factory-copy p{line-height:1.6;max-width:470px}.factory-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.factory-gallery img{height:230px;width:100%;object-fit:cover}.factory-gallery img:first-child{grid-row:span 2;height:468px}

.about-layout{background:var(--paper);color:var(--ink);padding:108px 0}.about-layout .intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-layout h2{font-size:92px}.about-layout p{font-size:18px;line-height:1.62;margin:0 0 20px}.about-image{height:520px;margin-top:90px}.about-image img{width:100%;height:100%;object-fit:cover}.contact-band{padding:84px 0;background:#111511;color:var(--white)}.contact-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-band h2{font-size:77px}.contact-lines{border-top:1px solid #4c544b}.contact-line{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-bottom:1px solid #4c544b;font-size:17px}.contact-line span:first-child{font:700 10px 'Space Mono',monospace;color:var(--lime)}

.contact-page{padding:120px 0;background:var(--paper);color:var(--ink)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-grid h1{font-size:100px}.contact-grid p{font-size:17px;line-height:1.6}.contact-info{margin-top:45px}.contact-info a{display:block;font-size:20px;padding:13px 0;border-bottom:1px solid #b9b5ac}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{display:grid;gap:9px;font:700 10px 'Space Mono',monospace;text-transform:uppercase}.quote-form input,.quote-form select,.quote-form textarea{font:400 15px Inter,sans-serif;padding:14px 0;background:transparent;border:none;border-bottom:1px solid #747770;outline:none;color:var(--ink)}.quote-form textarea{min-height:110px;resize:vertical}.quote-form .full{grid-column:1/-1}.quote-form .btn{width:max-content;border-color:var(--ink);background:var(--ink);color:var(--white);cursor:pointer}

.legal{padding:170px 0 100px;background:var(--paper);color:var(--ink)}.legal h1{font-size:74px}.legal .legal-copy{max-width:780px;font-size:16px;line-height:1.65}.legal h2{font-size:30px;margin-top:38px}.site-footer{background:#070907;border-top:1px solid #343a34}.footer-inner{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner img{width:120px;max-height:55px;object-fit:contain}.footer-links{display:flex;gap:18px;font:700 9px 'Space Mono',monospace;text-transform:uppercase}.footer-copy{color:#a2a8a1;font-size:11px}

@media(max-width:800px){.wrap,.hero-content{width:min(100% - 36px,1240px)}.nav{height:68px}.brand-logo{width:85px}.nav-links{display:none}.nav .btn{padding:10px;font-size:9px}.hero{min-height:650px}.hero-content{padding:120px 0 45px}.hero p{font-size:15px}.section{padding:70px 0}.section-heading,.lead-block,.program-grid,.fitment-inner,.contact-band .wrap,.contact-grid,.about-layout .intro{grid-template-columns:1fr;gap:35px}.section-heading h2,.lead-block h2{font-size:58px}.category-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 240px 240px}.category-intro{grid-column:1/-1;padding:35px}.category-intro h2{font-size:55px}.category-tile:nth-child(4),.category-tile:nth-child(5){grid-column:auto}.program{padding:65px 0}.program-image{height:360px}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(13,16,14,.22)}.product-list{padding:45px 0}.product-row,.product-row:nth-child(even){grid-template-columns:1fr;gap:29px;padding:48px 0}.product-row:nth-child(even) .product-media{order:0}.product-media{height:360px}.product-copy h2{font-size:65px}.vehicle-grid{grid-template-columns:1fr 1fr}.vehicle-card{height:280px}.vehicle-card h2{font-size:38px}.process-grid{grid-template-columns:1fr 1fr;gap:28px}.factory-grid{grid-template-columns:1fr}.factory-copy h2,.process h2,.contact-band h2{font-size:62px}.factory-gallery img:first-child{height:300px}.factory-gallery img{height:145px}.about-layout h2,.contact-grid h1{font-size:68px}.about-image{height:310px;margin-top:55px}.contact-page{padding:90px 0}.quote-form{grid-template-columns:1fr}.quote-form .full{grid-column:auto}.footer-inner{padding:28px 0;flex-wrap:wrap}.footer-links{order:3;width:100%;flex-wrap:wrap}.hero.short{min-height:470px}.product-hero .hero-image{width:100%;opacity:.42}.product-hero::before{background:rgba(5,6,5,.6)}}
.product-row#bumpers .product-media img{transform:scale(1.42);object-position:50% 47%}
