/* Direction C: charcoal surfaces, orange accents, clear catalog. */
:root{--serif:Manrope,Arial,sans-serif}
.serif{font-family:inherit;font-style:normal;font-weight:inherit;color:inherit!important}
.site-header{background:#16191e;color:#fff;border-bottom:1px solid #ffffff12}
.brand{background:#fff;padding:10px 12px;border-radius:4px;width:204px}
.header-book{background:var(--gold)!important;color:#16191e!important}
.hero{background:#16191e;min-height:600px;padding-bottom:60px}
.hero-image{object-position:center 54%}
.hero:after{background:linear-gradient(90deg,#101318f5 0%,#101318dd 25%,#10131865 48%,#10131800 70%),linear-gradient(0deg,#10131866,transparent 45%)}
.hero-copy{max-width:650px;padding:55px 0 85px}
.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.07;letter-spacing:-3.5px}
.hero .eyebrow{color:#fff;letter-spacing:1.4px}
.eyebrow:before{height:3px;width:32px}
.hero-copy>p{font-size:21px;line-height:1.5;color:#e1e3e7;max-width:430px;margin:25px 0 30px}
.hero-buttons .button{min-height:53px;padding-inline:27px;font-size:13px}
.search-panel{margin-top:-50px;box-shadow:0 12px 32px #16191e10;border-radius:5px}
.search-top>p{display:none}.search-top{margin-bottom:12px}.search-fields{gap:24px}
.section{padding-block:76px}.section h2{font-size:clamp(30px,3.3vw,46px)}
.marques{display:none}.trust-strip{padding-block:30px}.trust-item{justify-content:flex-start;padding-left:28px}
.car-card{border-radius:5px}.car-info{padding:22px}.arrow-circle{color:#c43d0d}.car-price{font-size:27px}
.services-section{background:#f2f3f5}.service-card h3{font-size:22px}.service-icon{border-radius:10px}
.story-facts{gap:24px}.story-facts strong{font-size:23px}.year-stamp{border-radius:10px}
.page-hero{background:#f2f3f5}.page-hero h1{font-weight:800}
.brand-band{background:#16191e}.brand-band p{font-weight:800}.brand-band small{font-weight:400;color:#d5d8df}
.visit-banner{background:#16191e}.footer{background:#f5f6f8}.footer .brand{padding:0;background:transparent}
.chat-launch,.chat-head{background:#16191e;color:white}.chat-launch{border:1px solid #ff682b}
.chat-launch i{background:#ff682b}.chat-options button{border-color:#e4e6eb}.bot{background:#f1f2f5}
.mobile-dock a.active{color:#bf3c0c}.catalog-note{font-size:11px;color:var(--muted);margin-top:20px}
.success-icon{background:#fff0e9;color:#b93608}.detail-note{background:#f2f3f5;border-color:#e3e5e9}
@media(max-width:900px){.mobile-menu{background:#16191e;color:#fff}.mobile-menu a{border-color:#ffffff20}.hamburger,.hamburger:before,.hamburger:after{background:#fff}.hero h1{font-size:58px}.hero-copy{max-width:540px}.story-facts strong{font-size:20px}}
@media(max-width:650px){
 .header-inner{height:76px}.brand{width:173px;padding:8px 10px}.hero{min-height:680px;align-items:flex-start;padding-bottom:0;display:block}
 .hero-image{top:180px;bottom:auto;height:400px;object-position:70% center;object-fit:cover}
 .hero:after{background:linear-gradient(180deg,#16191e 0%,#16191e 24%,#16191e00 49%,#16191e20 65%,#16191e 82%)}
 .hero-copy{padding:32px 0 35px;max-width:none}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:18px}
 .hero h1{font-size:43px;line-height:1.06;letter-spacing:-2px}.hero-copy>p{font-size:16px;line-height:1.5;margin:17px 0 0}
 .hero-buttons{margin-top:254px;display:grid;grid-template-columns:1fr;gap:10px}.hero-buttons .button{width:100%;min-height:49px;font-size:12px}
 .search-panel{margin-top:-8px;padding:20px;box-shadow:0 7px 24px #16191e13}.search-top{margin-bottom:15px}.tabs{gap:20px}
 .search-fields{grid-template-columns:1fr;gap:13px}.search-fields select{border:0;border-bottom:1px solid #e3e5e9;border-radius:0;padding:5px 0;min-height:35px}.search-submit{margin-top:5px}
 .trust-strip{grid-template-columns:1fr;gap:16px;padding-block:27px}.trust-item{padding:0;border:0;justify-content:flex-start}.trust-item strong{font-size:12px}.trust-item small{font-size:11px}
 .section{padding-block:45px}.section-head{gap:18px}.section h2{font-size:31px;letter-spacing:-1.5px}.section-head .text-link{font-size:11px}.collection-chips{gap:7px}.chip{padding-inline:13px}
 .story-facts{gap:15px}.story-facts strong{font-size:18px}.visit-copy h2{font-size:36px}.footer .brand{width:190px}
}
@media(max-width:900px){.hamburger{background:transparent;border-color:#fff}}
@media(max-width:650px){.hero{min-height:600px}.hero-image{object-position:100% center}}
@media(max-width:360px){.hero h1{font-size:37px}.hero .eyebrow{font-size:7px}.hero-copy>p{font-size:14px}.hero-buttons{margin-top:270px}.tabs{gap:15px}.story-facts strong{font-size:16px}}