
:root{--red:#d6a87b;--panel:#15171b;--border:#303238}
body{background:#090a0c;color:#f4f2ef}
.hero{min-height:680px;background:#0a0b0e}
.hero:before{background:linear-gradient(180deg,rgba(4,5,8,.1) 0%,rgba(4,5,8,.18) 35%,rgba(4,5,8,.88) 85%,#090a0c 100%)}
.hero .heroimage{background-position:center 37%;opacity:.95}
.hero h1{font-style:normal;font-weight:900;letter-spacing:-.065em;line-height:.94;max-width:950px;text-shadow:0 5px 25px #000b}
.hero p{color:#f3f0ea;line-height:1.6;text-shadow:0 2px 9px #000}
.eyebrow{color:#e8bb93;letter-spacing:.16em}
.hero .primary{background:#f1ede7;color:#111;border-radius:4px;min-height:50px}
.hero .primary:hover{background:#d6a87b;color:#111}
.hero-meta{margin-top:24px}
.brand-ticker{background:#101114}
.panel,.car{background:#15171b;border-color:#303238}
.filters input,.filters select{background:#17191c;border-color:#3a3c41}
.sectionhead h2{font-weight:850;letter-spacing:-.045em}
@media(max-width:700px){
 .shell{padding-left:20px!important;padding-right:20px!important}
 .head{height:64px}
 .hero{min-height:calc(100svh - 64px);min-height:max(650px,calc(100svh - 64px));align-items:flex-end}
 .hero .heroimage{background-position:56% 28%;background-size:cover}
 .herocontent{padding:230px 0 34px!important;width:100%}
 .herocontent h1{font-size:clamp(46px,11.6vw,66px)!important;letter-spacing:-.065em!important;line-height:.96!important;margin:16px 0!important;overflow-wrap:normal!important}
 .herocontent .eyebrow{max-width:290px;font-size:10px!important;letter-spacing:.12em!important;line-height:1.5}
 .herocontent p{font-size:13px!important;line-height:1.6;max-width:36ch!important}
 .heroactions{margin-top:20px}
 .heroactions .primary{width:100%;min-height:52px}
 .hero-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin-top:22px!important}
 .hero-meta>div{min-width:0;margin:0!important;padding:0 8px!important}
 .hero-meta>div:first-child{padding-left:0!important}
 .hero-meta strong{font-size:20px!important}
 .hero-meta small{font-size:9px!important;letter-spacing:.06em!important}
 .brand-ticker-inner{padding:18px 14px;gap:14px 20px}
 .section{padding-top:45px}
 .sectionhead h2{font-size:clamp(26px,7vw,36px);line-height:1.1}
 .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .filters input{grid-column:1/-1;width:100%;min-width:0}
 .filters select{width:100%;min-width:0}
 .grid{grid-template-columns:1fr!important;gap:20px}
 .car .photo{aspect-ratio:1.45}
 .carbody{padding:18px}
 .bottomnav{padding:9px 5px calc(10px + env(safe-area-inset-bottom))!important}
 .bottomnav button{min-width:0;flex:1;line-height:1.3}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .modal{max-height:calc(100dvh - 90px)}
}
@media(prefers-reduced-motion:reduce){.car,.hero .heroimage{transition:none!important}}
