:root{color-scheme:dark;--base:#101113;--panel:#191b1f;--ink:#f7f4ee;--muted:#b9b9bd;--accent:#a9d8fa;--line:#37393f}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(5vw,1.2rem);border-bottom:1px solid var(--line)}nav{display:flex;gap:1.2rem}
.hero{min-height:350px;display:grid;align-items:center;padding:4rem max(5vw,1.2rem);background:radial-gradient(ellipse at right,#24384a,transparent 65%),#131418;border-bottom:1px solid var(--line)}.hero>div{max-width:750px}.eyebrow{font-weight:750;font-size:.78rem;letter-spacing:.12em;color:var(--accent)}h1,h2,h3,p{margin:0 0 1rem}h1{font-size:clamp(2.6rem,6.8vw,6.1rem);line-height:.96;letter-spacing:-.055em;margin-bottom:1.65rem}h2{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.06;letter-spacing:-.04em}h3{font-size:1.45rem;line-height:1.2}p{color:var(--muted)}.button,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.35rem;padding:.7rem 1rem;font:inherit;font-weight:750;cursor:pointer;border:1px solid transparent}.button{background:var(--accent);color:#101820}.secondary{background:var(--panel);border-color:#676970;color:var(--ink)}.button:hover,.secondary:hover{filter:brightness(1.15)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.section{width:min(1120px,90%);margin:0 auto;padding:4rem 0}.filters,.fields{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:end;margin:1.3rem 0 .8rem}label{display:grid;gap:.35rem;font-weight:650}input,select,textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid #676970;border-radius:.35rem;padding:.7rem;width:100%;min-width:0}textarea{resize:vertical}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.card{border:1px solid var(--line);background:var(--panel);border-radius:.6rem;overflow:hidden}.card-body{padding:1.2rem}.photo{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}.placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#292b30,#111215);color:#e4e0d8;font-size:.9rem}.placeholder.red{background:linear-gradient(140deg,#57242c,#1f1519)}.price{font-weight:800;color:var(--ink)}.contact{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;border-top:1px solid var(--line)}.fields{grid-template-columns:1fr 1fr;margin:0}.contact form{display:grid;gap:.9rem;justify-items:stretch}.contact button{justify-self:start}footer{border-top:1px solid var(--line);border-bottom:0}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:.6rem;width:min(680px,92vw);max-height:90vh;padding:1.35rem}dialog::backdrop{background:#000b}.close{text-align:right;margin-bottom:.7rem}.gallery{display:grid;gap:.5rem;margin-bottom:1rem}
@media(max-width:680px){.hero{min-height:310px}.section{padding:2.6rem 0}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.cards,.contact{grid-template-columns:1fr}header,footer{flex-wrap:wrap}}


.hero p{max-width:44ch;margin-bottom:1.5rem}

header,footer{background:#030303}.brand{display:block;width:min(420px,100%);min-width:0}.brand img{display:block;width:100%;height:auto}footer>div{min-width:0;flex:0 1 360px}@media(max-width:680px){header .brand{width:min(360px,100%)}}

.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem;padding-block:2.4rem}
.hero .hero-copy{max-width:none}.hero h1{font-size:clamp(2.65rem,5.5vw,5.5rem)}
.hero-photo{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:.55rem}
.vehicle-photo{margin:0;position:relative}.vehicle-photo .photo{object-fit:contain;background:#141519;aspect-ratio:16/9}
.vehicle-photo figcaption{position:absolute;right:.5rem;bottom:.5rem;padding:.2rem .5rem;background:#111;color:#fff;border-radius:.25rem;font-size:.75rem}
.credits{font-size:.83rem;color:var(--muted)}.credits summary{cursor:pointer}.credits p{margin-top:.5rem}.credits a{text-decoration:underline}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:1.5rem}.hero-photo{aspect-ratio:16/9}}

.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr);
  min-height: clamp(430px, 42vw, 620px);
}
.hero .hero-copy {
  position: relative;
  z-index: 2;
  max-width: min(45vw, 650px);
}
.hero-photo {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: -2;
  width: 76%;
  height: 100%;
  object-position: 56% center;
  border-radius: 0;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #101113 24%, rgba(16, 17, 19, .93) 34%, rgba(16, 17, 19, .57) 47%, transparent 66%);
}
@media (max-width: 680px) {
  .hero {
    min-height: 0;
    padding-bottom: clamp(200px, 56vw, 345px);
  }
  .hero .hero-copy { max-width: 100%; }
  .hero-photo {
    inset: auto 0 0;
    width: 100%;
    height: clamp(250px, 69vw, 420px);
    object-position: center 58%;
  }
  .hero::after {
    inset: auto 0 0;
    height: clamp(250px, 69vw, 420px);
    background: linear-gradient(180deg, #101113, rgba(16, 17, 19, .28) 33%, transparent 56%);
  }
}