@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--red:#d90d12;--red2:#a9070b;--black:#090909;--black2:#121212;--gray:#d9d9d9;--light:#f2f1ef;--text:#161616}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0b0b;color:#fff}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.hidden{display:none!important}
.site-header{height:80px;padding:0 38px 0 30px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;background:linear-gradient(#101010,#070707);border-bottom:1px solid #333;position:sticky;top:0;z-index:60}
.logo-wrap{position:relative;height:76px;width:250px}.logo-wrap img{position:absolute;width:210px;top:0;left:0;filter:drop-shadow(0 8px 10px #000)}
nav{display:flex;justify-content:center;gap:36px;height:100%;align-items:center}nav a{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.6px;font-size:15px;position:relative}nav a.active:after,nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--red)}
.header-actions{display:flex;gap:14px;align-items:center}.search-btn{border:0;background:transparent;color:#fff;font-size:31px;cursor:pointer}.btn{border:0;border-radius:5px;padding:12px 22px;font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn-red{background:linear-gradient(#eb171c,#b6070c);color:#fff}.btn-red:hover{background:#a6070b}.btn-outline{background:transparent;color:#fff;border:1px solid #555}.btn-large{padding:15px 25px;font-size:17px}.menu-button{display:none;background:transparent;color:#fff;border:0;font-size:28px}
.hero{height:445px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 50%,#3c220f 0,#15100d 38%,#050505 76%)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 2px,transparent 2px,transparent 7px);opacity:.28}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.82) 34%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.35) 100%);z-index:2}.hero-car{position:absolute;right:-1%;top:0;width:68%;height:100%;background:url("images/hero-cadillac.jpg") center/cover no-repeat;filter:saturate(1.18) contrast(1.08);z-index:1}.hero-copy{position:relative;z-index:3;padding:175px 0 0 60px;max-width:690px}.hero-copy h1{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:38px;line-height:.95;margin:0 0 12px;letter-spacing:.6px}.hero-copy h1 span{color:var(--red)}.hero-copy>p{font-size:17px;line-height:1.55;max-width:500px;color:#f2f2f2}.hero-buttons{display:flex;gap:18px;margin-top:15px}.features{display:flex;gap:38px;margin-top:18px}.features>div{display:flex;gap:10px;align-items:center}.features strong{font-size:30px;font-weight:400}.features b,.features small{display:block}.features b{text-transform:uppercase;font-size:13px}.features small{font-size:12px;color:#ddd;margin-top:3px}.hero-logo-mobile{display:none}
.light-section{background:linear-gradient(100deg,#f0efed,#d4d3d1);color:#141414;padding:18px 4% 22px}.dark-section{background:linear-gradient(90deg,#0b0b0b,#151515);padding:20px 3% 26px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:24px;margin:0}.section-title a{color:var(--red);text-transform:uppercase;font-weight:800;font-size:12px}
.vehicle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}.vehicle-card{background:#f5f5f5;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.18);cursor:pointer;transition:.2s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.26)}.vehicle-card img{width:100%;height:115px;object-fit:cover;display:block}.vehicle-card div{text-align:center;padding:8px}.vehicle-card h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:17px;margin:0}.vehicle-card p{font-family:"Barlow Condensed",sans-serif;margin:2px 0 0;font-size:15px}
.guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.guide-card{border:1px solid #3c3c3c;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:38% 62%;min-height:128px;background:#131313;cursor:pointer;transition:.2s}.guide-card:hover{border-color:#777;transform:translateY(-2px)}.guide-card>img{width:100%;height:100%;object-fit:cover}.guide-copy{padding:12px}.guide-copy>span{display:inline-block;background:var(--red);font-size:9px;padding:3px 5px;text-transform:uppercase;font-weight:800}.guide-copy h3{font-family:"Barlow Condensed",sans-serif;font-size:17px;margin:10px 0 3px}.guide-copy p{font-size:13px;margin:0}.guide-copy footer{display:flex;justify-content:space-between;margin-top:14px;color:#ddd}
.content-section{background:#f4f2ee;color:#171717;padding:72px 6%}.content-section.alt{background:#d9d6d0}.content-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.eyebrow{display:block;color:var(--red);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.content-section h2,.contact-section h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:48px;line-height:1;margin:8px 0 15px}.content-section p{color:#555;line-height:1.7}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-grid article{background:#fff;padding:18px;border-top:3px solid var(--red);box-shadow:0 8px 20px rgba(0,0,0,.08)}.mini-grid b{color:var(--red)}.mini-grid h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;margin:8px 0}.mini-grid p{font-size:13px;margin:0}
.contact-section{padding:70px 6%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#101010}.contact-section p{color:#bbb}.contact-section form{display:grid;gap:12px}.contact-section input,.contact-section textarea{background:#1c1c1c;border:1px solid #3a3a3a;color:#fff;padding:14px;border-radius:4px}.contact-section .btn{justify-self:start}
.site-footer{padding:24px 4%;background:#111;border-top:1px solid #333;display:flex;justify-content:space-between;color:#ddd;font-size:12px}.site-footer div{display:flex;gap:46px}
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:100;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}.modal-card{position:relative;z-index:1;background:#f5f5f5;color:#171717;width:min(520px,100%);border-radius:10px;padding:30px}.modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.modal-card h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:34px;margin-top:0}.modal-card form{display:grid;gap:12px}.modal-card input{padding:12px;border:1px solid #bbb;border-radius:4px}.modal-card .btn{width:100%}.toast{position:fixed;z-index:150;bottom:24px;left:50%;transform:translateX(-50%);background:#222;color:#fff;border-left:4px solid var(--red);padding:13px 18px;border-radius:5px}
@media(max-width:1150px){.site-header{grid-template-columns:220px 1fr auto}.logo-wrap img{width:170px}nav{gap:18px}.vehicle-grid{gap:14px}.hero-copy{padding-left:35px}.guide-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:72px;padding:0 18px}.logo-wrap{height:70px;width:160px}.logo-wrap img{width:135px}.menu-button{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0b0b;padding:20px;flex-direction:column;align-items:flex-start;height:auto}.site-nav.open{display:flex}.site-nav a.active:after,.site-nav a:hover:after{display:none}.header-actions{display:none}.hero{height:600px}.hero-car{width:100%;opacity:.75}.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.94) 72%)}.hero-copy{padding:265px 24px 0;max-width:none}.hero-copy h1{font-size:43px}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.content-wrap,.contact-section{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:18px}.site-footer div{flex-wrap:wrap;gap:20px}}
@media(max-width:560px){.hero{height:650px}.hero-copy{padding-top:250px}.hero-buttons,.features{flex-direction:column;align-items:flex-start}.features{gap:12px}.vehicle-grid,.guide-grid,.mini-grid{grid-template-columns:1fr}.vehicle-card img{height:160px}.guide-card{grid-template-columns:42% 58%}.content-section h2,.contact-section h2{font-size:40px}.site-footer div{display:grid;grid-template-columns:1fr 1fr}.section-title{align-items:flex-start;gap:15px}}