/* V28: the collection selector stays directly beneath the animated wordmark. */
.masthead{height:auto;min-height:440px;overflow:visible}
.masthead .brand-showcase{position:absolute;top:82px;left:50%;transform:translateX(-50%);width:min(880px,92vw);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.masthead .brand-showcase .wordmark{position:relative;top:auto;left:auto;transform:none;max-width:100%;flex:none}
.masthead .car-selector{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;width:min(690px,100%);margin:24px 0 0;pointer-events:auto}
.masthead .car-selector button{min-width:0;min-height:64px;padding:14px 18px;border:1px solid #deb67988;border-radius:6px;background:#091519ed;color:#f0e9dc;font-size:clamp(16px,1.6vw,21px);font-weight:700;white-space:nowrap;line-height:1.2;box-shadow:0 6px 22px #0005;transition:background .2s,color .2s,border-color .2s}
.masthead .car-selector button:hover{background:#213137;border-color:#f0e9dc}
.masthead .car-selector button[aria-pressed=true]{background:#deb679;color:#121c1d;border-color:#deb679;box-shadow:0 0 24px #deb67935}
.masthead .car-selector button:focus-visible{outline:3px solid #f0e9dc;outline-offset:4px}
.masthead .car-selector p{grid-column:1/-1;width:auto;margin:0;text-align:center;font-size:12px;color:#e0ded5;line-height:1.5;text-shadow:0 1px 5px #000}
.hero-copy{padding-top:480px}
.hero{min-height:1160px}
.hero-bottom{justify-content:flex-end}
@media(max-width:700px){
  .masthead{min-height:400px}
  .masthead .brand-showcase{top:100px}
  .masthead .car-selector{gap:10px 8px;margin-top:24px}
  .masthead .car-selector button{min-height:56px;padding:12px 8px;font-size:clamp(13px,3.6vw,18px)}
  .masthead .car-selector p{font-size:11px}
  .hero-copy{padding-top:420px}
  .hero{min-height:1120px}
  .hero-bottom{align-items:flex-end}
}
@media(prefers-reduced-motion:reduce){.masthead .car-selector button{transition:none}}