
:root{
  --bg:#0b0b0b; --panel:#121212; --ink:#f3efe7; --muted:#aaa49a; --line:#2a2a2a; --accent:#d9d0c2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
.wrap{width:min(1180px,92vw);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(11,11,11,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{font-family:Georgia,'Times New Roman',serif;font-size:28px;letter-spacing:.02em}
nav{display:flex;gap:28px;font-size:14px}
nav a{color:#d8d3ca}
.menu-btn{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:82vh;display:grid;place-items:end start;background:
linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.8)),url('assets/images/02-front-exterior-wide.jpeg') center/cover no-repeat}
.hero-inner{padding:0 0 70px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:#ddd5c8}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h1{font-size:clamp(48px,8vw,100px);line-height:.95;margin:.2em 0}
.hero p{max-width:650px;color:#ded9d1;font-size:18px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;border:1px solid var(--ink);padding:13px 18px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.btn.primary{background:var(--ink);color:#111}
section{padding:90px 0;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}
.section-head h2{font-size:clamp(34px,5vw,64px);margin:0}
.section-head p{max-width:520px;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}
.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:30px}
.feature-copy h3{font-size:42px;margin:.2em 0}
.meta{color:var(--muted);font-size:14px;letter-spacing:.04em}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.gallery figure{margin:0;overflow:hidden;background:#151515}
.gallery img{height:100%;object-fit:cover;transition:transform .35s ease}
.gallery figure:hover img{transform:scale(1.02)}
.gallery .wide{grid-column:span 8;aspect-ratio:16/10}
.gallery .small{grid-column:span 4;aspect-ratio:4/5}
.gallery .half{grid-column:span 6;aspect-ratio:4/3}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature{border:1px solid var(--line);padding:24px;min-height:150px;background:var(--panel)}
.feature b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:24px;margin-bottom:8px}
.feature span{color:var(--muted);font-size:14px}
.vehicles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vehicle{border:1px solid var(--line);padding:38px;min-height:300px;display:flex;flex-direction:column;justify-content:end;background:
radial-gradient(circle at top right,#242424,transparent 45%),linear-gradient(145deg,#161616,#0d0d0d)}
.vehicle h3{font-size:38px;margin:0 0 10px}
.vehicle p{color:var(--muted)}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.about h2{font-size:58px;margin:0}
.about p{font-size:19px;color:#d5d0c8}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .full{grid-column:1/-1}
input,textarea,select{width:100%;padding:15px 14px;background:#101010;color:white;border:1px solid #333;font:inherit}
textarea{min-height:150px}
button.submit{padding:15px 18px;background:var(--ink);color:#111;border:0;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
footer{padding:40px 0 70px;border-top:1px solid var(--line);color:#858077;font-size:13px}
footer .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){
 nav{display:none}.menu-btn{display:block}
 .feature-grid,.about,.vehicles{grid-template-columns:1fr}
 .feature-copy{padding:10px 0}
 .features{grid-template-columns:1fr}
 .gallery .wide,.gallery .small,.gallery .half{grid-column:1/-1;aspect-ratio:4/3}
 .form{grid-template-columns:1fr}.form .full{grid-column:auto}
 section{padding:62px 0}
 .hero{min-height:76vh}.hero-inner{padding-bottom:42px}
 .section-head{display:block}.section-head p{margin-top:14px}
}

.rate-note{margin:18px 0;color:#c9c3ba;font-size:14px;max-width:680px}
.rate-note strong{color:#f3efe7;font-weight:600}
