@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--black:#050505;--gold:#d7ad57;--white:#fff;--muted:#c9c9c9;--panel:#101010}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:96px;background:#050505;display:flex;align-items:center;padding:12px 4%;gap:36px;position:sticky;top:0;z-index:20;border-bottom:1px solid #252525}.brand img{height:70px;width:70px;object-fit:cover;border-radius:50%;filter:contrast(1.08)}.nav{display:flex;gap:38px;margin-left:auto}.nav a{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.06em;padding:18px 0;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--gold);color:var(--gold)}.header-phone{border:1px solid var(--gold);border-radius:7px;padding:10px 18px;display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:14px}.menu-btn{display:none;background:none;border:1px solid var(--gold);color:#fff;font-size:22px;border-radius:6px;padding:7px 10px}
.hero{min-height:570px;position:relative;overflow:hidden;background:#07090c}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.78) 34%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.12)),url('assets/hero-vehicles.jpg');background-size:cover;background-position:center right}.hero-content{position:relative;z-index:1;padding:90px 4%;max-width:650px}.eyebrow{font-size:13px;letter-spacing:.28em;font-weight:600;margin:0 0 20px}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.95;margin:0;font-weight:900;letter-spacing:-.04em}.hero h1 span{color:var(--gold)}.gold-line{height:3px;width:82px;background:var(--gold);margin:28px 0}.hero-copy{font-size:18px;line-height:1.5;color:#f0f0f0}.btn{display:inline-block;padding:16px 26px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#090909}.btn-dark{background:#070707;color:#fff}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#090909;border-top:1px solid #333;border-bottom:1px solid #333}.benefits article{display:flex;gap:16px;align-items:center;padding:30px 28px;border-right:1px solid #333}.benefits article:last-child{border:0}.icon{width:52px;height:52px;min-width:52px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:800}.benefits h3{font-size:14px;text-transform:uppercase;margin:0 0 7px}.benefits p{font-size:12px;line-height:1.5;color:#bbb;margin:0}
.split-section{display:grid;grid-template-columns:1fr 1fr}.split-card{min-height:330px;padding:58px 4%;display:flex;justify-content:space-between;align-items:center;gap:25px}.split-card.light{background:#f4f4f4;color:#101010}.split-card.dark{background:#111 url('assets/hero-vehicles.jpg') center/cover;position:relative}.split-card.dark:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.75)}.split-card.dark>*{position:relative}.split-card h2{font-size:30px;line-height:1.05;margin:0 0 18px}.split-card p:not(.eyebrow){color:#aaa;max-width:380px;line-height:1.6}.light p:not(.eyebrow){color:#555}.key-art{font-weight:900;font-size:48px;transform:rotate(-18deg);opacity:.15}.key-dark{color:var(--gold);opacity:.45}
.about{display:grid;grid-template-columns:1.05fr .95fr;min-height:430px}.about-image{background:url('assets/dealership.jpg') center/cover;min-height:430px}.about-copy{background:#111;padding:70px 7%;display:flex;flex-direction:column;justify-content:center}.about-copy h2{font-size:42px;line-height:1.05;margin:0 0 20px}.about-copy p:not(.eyebrow){color:#c4c4c4;line-height:1.65;max-width:600px}.gold-text{color:var(--gold)}
.spanish-banner{text-align:center;padding:34px 20px;background:#080808;border-top:1px solid #282828}.spanish-banner p{font-size:28px;font-weight:800;color:var(--gold);letter-spacing:.12em;margin:0 0 8px}.spanish-banner span{font-size:12px;color:#ccc;letter-spacing:.08em}
.contact{display:grid;grid-template-columns:repeat(3,1fr);background:#050505;border-top:1px solid #333}.contact-item{display:flex;align-items:center;gap:18px;padding:34px 5%;border-right:1px solid #333}.contact-item:last-child{border:0}.contact-icon{font-size:34px;color:var(--gold)}.contact h3{margin:0 0 8px;font-size:13px;text-transform:uppercase}.contact p{margin:0;color:#ccc;font-size:14px;line-height:1.7}.contact a:hover{color:var(--gold)}
footer{text-align:center;padding:18px;background:#000;border-top:1px solid #222;color:#888;font-size:11px}
@media(max-width:900px){.site-header{height:82px}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#070707;padding:18px 5%;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:15px 0}.header-phone{margin-left:auto}.menu-btn{display:block}.hero-content{padding-top:70px}.benefits{grid-template-columns:1fr 1fr}.benefits article:nth-child(2){border-right:0}.split-section,.about{grid-template-columns:1fr}.about-image{min-height:300px}.contact{grid-template-columns:1fr}.contact-item{border-right:0;border-bottom:1px solid #333}}
@media(max-width:600px){.site-header{padding:8px 4%;gap:12px}.brand img{height:58px;width:58px}.header-phone{font-size:11px;padding:7px 10px}.hero{min-height:560px}.hero-content{padding:65px 6%}.hero h1{font-size:48px}.hero-copy{font-size:16px}.benefits{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid #333}.split-card{min-height:300px;padding:45px 7%}.about-copy{padding:55px 7%}.about-copy h2{font-size:34px}.spanish-banner p{font-size:21px}}