/* Shared project rule: retain the editorial desktop grid on small screens. */
@media(max-width:650px){
 :root{--body:clamp(7px,1.8vw,11px)}
 .mosaic{width:90%;margin:0 auto 28px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .copy,.foundation-card .copy{padding:18px 7%;font-size:var(--body);line-height:1.35;overflow-wrap:break-word}
 .copy h2{font-size:7px;margin-bottom:12px}.foundation-card{padding-top:12px}
 .statement-strip{padding:12px 7px;font-size:9px}.statement-strip small{font-size:6px;margin-top:8px}
 .details>div:has(.copy):has(.photo)>.copy{padding-top:16px;padding-bottom:22px}
 .short-quote{font-size:var(--body);padding:18px 7%}.short-quote small{font-size:6px}
 .brand-cell{padding:35% 7%;font-size:18px}.caption-card{width:42%;padding:12px;font-size:var(--body)}.caption-card h2{font-size:8px}.caption-card small{font-size:6px}
 .overlay-quote{left:23%;width:54%;top:10%}.overlay-quote h2{font-size:7px;letter-spacing:.16em;margin:4px 0 8px}.overlay-quote p{font-size:clamp(10px,2.7vw,16px);line-height:1.1;margin-bottom:6px}.overlay-quote span{font-size:8px}.overlay-quote small{font-size:6px}
 .hero-note{top:4%;font-size:6px;line-height:1.3}.hero-note p{margin:5px 0}.hero h1{top:29%;font-size:14vw}
 .gallery-rail{font-size:8px}.gallery-rail a{min-height:44px;display:flex;flex-direction:column;justify-content:center}
 .prev,.next{min-width:44px;min-height:44px}.hero-play{min-height:44px;bottom:0;font-size:8px;padding:4px 8px;background:transparent;text-shadow:0 0 5px white}
 .closing small{font-size:7px;padding:0 6% 10px}.black-label{font-size:8px;margin-top:20px}
 .belle-comparison>.copy{grid-column:2;grid-row:2}.belle-comparison>.photo:last-child{grid-column:1;grid-row:2}.belle-closing>.photo{grid-column:2;grid-row:1}.belle-closing>div{grid-column:1;grid-row:1}
}

@media(max-width:650px){.collection-v003 .hero h1{font-size:7.5vw;top:38%}.collection-v003 .hero-note{font-size:6px}}

/* Vehicle titles use the landing-page wordmark typography at every size. */
body:not(.collection-v003) .hero{container-type:inline-size}
body:not(.collection-v003) .hero h1{font-family:Helvetica,Arial,sans-serif;font-size:10.1vw;font-weight:400;line-height:1;letter-spacing:-.035em;white-space:nowrap}

/* Hero type scales with the photograph, including when the page reaches max-width. */
.hero{container-type:inline-size}
.hero h1{left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:100%;text-align:center}
body:not(.collection-v003) .hero h1{font-size:10.1cqw}
.collection-v003 .hero h1{font-size:7.5cqw}