@font-face{font-family:Michroma;src:url('/assets/fonts/Michroma.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* The archival material detail is a brand backdrop, separate from vehicle photographs. */
body.catalog-showcase{--bg:#101820;--surface:#111a23c9;--ink:#f4f6f8;--muted:#c4cdd5;--line:#a4b1bd50;color-scheme:dark;background:#101820;color:var(--ink);font-family:Sora,Arial,sans-serif;isolation:isolate}
body.catalog-showcase::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08111bcc,#08111b85 55%,#08111ba6),url('/assets/photos/bmw-individual-original.jpg') 50% 50%/cover no-repeat}
.catalog-showcase :is(h1,h2,h3){font-family:Michroma,Sora,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:1.4;overflow-wrap:anywhere}
.catalog-showcase :is(p,input,select,textarea,button,.detail-price,.vehicle-price,.gt-menu a,.gt-footer){font-family:Sora,Arial,sans-serif}
.catalog-showcase :is(h1,h2) em{font-style:normal}
.catalog-showcase .gt-hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.35}
.catalog-showcase .catalog-heading :is(h1,h2){font-size:clamp(24px,2.6vw,36px);max-width:770px;margin:0 0 24px}
.catalog-showcase .catalog-heading{align-items:end;gap:30px}
.catalog-showcase .catalog-heading>div{min-width:0}
.catalog-showcase .catalog-heading>.text-link{flex:none}
.catalog-showcase .catalog-heading p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}
.catalog-showcase :is(.catalog-filters,.vehicle-card,.empty-state,.spec-table,.detail-contact,.detail-text){background:#0b151ec9;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 35px #0002}
.catalog-showcase .catalog-filters{background:#0b151eb8}
.catalog-showcase .catalog-field :is(input,select){background:#0b151edb;color:var(--ink);border-color:#a5b6c070;font-family:Sora,Arial,sans-serif}
.catalog-showcase .vehicle-copy h2{font-size:17px;line-height:1.6;letter-spacing:-.025em}
.catalog-showcase .vehicle-copy p{color:var(--muted)}
.catalog-showcase .vehicle-card{overflow:hidden}
.catalog-showcase .vehicle-price{font-size:21px;font-weight:500;border-color:var(--line)}
.catalog-showcase .vehicle-badge{font-family:Sora,Arial,sans-serif}
.catalog-showcase .empty-state p{color:var(--muted)}
.catalog-showcase .detail-heading{align-items:end;gap:35px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.catalog-showcase .detail-heading>div{min-width:0}
.catalog-showcase .detail-heading>div:first-child{flex:1}
.catalog-showcase .detail-heading>div:last-child{flex:0 0 285px}
.catalog-showcase .detail-heading h1{font-size:clamp(24px,2.7vw,36px);line-height:1.45;letter-spacing:-.035em;margin:14px 0 18px}
.catalog-showcase .detail-price{font-size:32px;letter-spacing:-.035em;font-weight:500}
.catalog-showcase .detail-heading .muted{font-size:14px;line-height:1.75}
.catalog-showcase .detail-aside{color:var(--ink);min-width:0}
.catalog-showcase .detail-layout>div{min-width:0}
.catalog-showcase .spec-table{padding:12px 26px}
.catalog-showcase .spec-table>div:last-child{border-bottom:0}
.catalog-showcase .detail-contact{padding:26px;color:var(--ink)}
.catalog-showcase .detail-contact h2{font-size:20px;line-height:1.5}
.catalog-showcase .detail-contact p{color:var(--muted);font-size:16px}
.catalog-showcase .detail-contact .field-hint{font-size:12px}
.catalog-showcase .detail-text{margin-top:26px;padding:6px 28px 28px}
.catalog-showcase .detail-text h2{font-size:23px}
.catalog-showcase .detail-text p{color:var(--muted);font-size:16px}
.catalog-showcase .photo-gallery a{border-radius:7px;overflow:hidden;background:#0a1218}
.catalog-showcase .photo-gallery img{display:block}
.catalog-showcase .gt-footer{background:#0a1119de;border-top:1px solid var(--line);color:var(--muted)}
.catalog-showcase .help-inline{background:#0b151ee6;color:var(--ink)}
.catalog-showcase .help-inline p{color:var(--muted)}
.catalog-showcase .help-inline h2,.catalog-showcase .inquiry-dialog h2{font-family:Michroma,Sora,sans-serif;font-size:24px}
@media(max-width:1000px){.catalog-showcase .detail-heading>div:last-child{flex:auto}}
@media(max-width:700px){
 .catalog-showcase::before{background-position:35% center}
 .catalog-showcase .gt-hero h1{font-size:28px;line-height:1.45}
 .catalog-showcase .catalog-heading>.text-link{margin-top:24px}
 .catalog-showcase .catalog-heading :is(h1,h2){font-size:23px;line-height:1.5}
 .catalog-showcase .detail-heading h1{font-size:23px;line-height:1.55}
 .catalog-showcase .detail-price{font-size:30px}
 .catalog-showcase .detail-heading{padding-bottom:26px;gap:24px}
 .catalog-showcase .detail-layout>div,.catalog-showcase .detail-aside{display:contents}
 .catalog-showcase .detail-layout .spec-table{order:1}
 .catalog-showcase .detail-layout .detail-text{order:2;margin-top:0}
 .catalog-showcase .detail-layout .detail-contact{order:3;margin-top:0}
 .catalog-showcase .catalog-filters{padding:18px 15px}
 .catalog-showcase :is(.spec-table,.detail-contact){padding-inline:22px}
 .catalog-showcase .detail-text{padding-inline:22px}
 .catalog-showcase .vehicle-copy{padding:22px}
 .catalog-showcase .catalog-field{font-size:14px}
}
@media(max-width:360px){
 .catalog-showcase .detail-heading h1{font-size:21px}
 .catalog-showcase .detail-price{font-size:28px}
 .catalog-showcase .gt-hero h1{font-size:25px}
 .catalog-showcase .vehicle-copy h2{font-size:16px}
 .catalog-showcase .catalog-filters{grid-template-columns:1fr}
 .catalog-showcase .catalog-filters>*{grid-column:1}
}