/* Editorial04: readable typography and a direct relationship between claim and image. */
h1,.closing-cta{letter-spacing:-.04em}
.sale-copy h2,.pricing h2,.vehicle-context h4{letter-spacing:-.03em}
.story-title h3{letter-spacing:-.02em}
.hero-copy p,.story-description,.sale-copy>p,.pricing-intro>p,.closing-bottom p,
.stage-meta h2,.price-list h3,.app-content h3,.vehicle-card-copy h3,
.cost-sheet h3,.sale-panel-head h3,dialog h2{letter-spacing:0}
.vehicle-money strong,.calculation-focus>strong,.margin-total strong,
.sale-price strong,.price strong,.kpi strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums}

.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}
.hero-primary{margin-top:0}
.hero-link{font-size:14px;gap:9px;align-self:auto;border-bottom:1px solid currentColor;padding-bottom:4px}
.hero-link span{font-size:16px}

.story-caption{margin:0 auto 24px}
.story-title{align-items:flex-start}
.story-title>span{font-size:12px;color:#58645d}
.story-description{font-size:16px;line-height:1.6;color:#515e55;max-width:420px}
.stage-caption{font-size:12px;color:#4c5b50}
.scene-eyebrow,.eyebrow{font-size:12px}
.visual-corner{font-size:11px;color:#4d5d52}
.vehicle-card-copy p,.tiny,.vehicle-money span{font-size:12px;color:#526057}
.vehicle-card-copy .pill,.scene-status{font-size:12px}
.vehicle-context h4{font-size:clamp(32px,3.6vw,55px);margin-bottom:30px}
.vehicle-document{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:1px solid #b4bfb6;border-bottom:1px solid #b4bfb6;padding:18px 0}
.vehicle-document strong{font-size:16px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.vehicle-document>span{font-size:12px;color:#40594b}
.document-note{font-size:12px;color:#526057;margin:12px 0 24px;line-height:1.5}
.calculation-focus>p:last-child{color:#526057}
.focus-currency,.sheet-top,.margin-total span{font-size:12px;color:#526057}
.cost-sheet dt{color:#526057}
.sale-item>span,.sale-item small,.sale-price>span,.sale-panel .documents small{font-size:12px;color:#526057}
.sale-panel .documents strong{font-size:14px}
.sale-footnote{font-size:12px;color:#bfcac2;line-height:1.5}
.price-list article p{font-size:13px;line-height:1.5;color:#515e55}
.price-list article .plan-extra{font-size:12px;max-width:260px;color:#515e55}
.price span,.pricing-note{font-size:12px;line-height:1.6;color:#515e55}
.price-list article{gap:18px}
.kpi>span{font-size:12px;line-height:1.4;white-space:normal}
.kpi small{font-size:11px;line-height:1.5}
.kpi strong{margin-top:18px}
.mini-row strong,.mini-row small{font-size:12px;line-height:1.4}
.mini-price{font-size:13px}
.screen-note{font-size:11px;line-height:1.4}
.app-heading{gap:16px}
.dealer small,.dealer-user,.dealer-user small{font-size:11px}
.stage-meta>span{font-size:11px}
.closing-bottom p{font-size:14px;line-height:1.6}

@media(max-width:1050px){
 .sale-section{gap:4vw}
 .sale-panel{padding:26px}
 .vehicle-context h4{font-size:38px}
}
@media(max-width:760px){
 h1,.closing-cta{letter-spacing:-.03em}
 .hero-link{font-size:13px;gap:8px;align-self:auto}
 .hero-actions{gap:22px}
 .story-caption{width:calc(100% - 32px);margin:0 auto 24px}
 .story-title h3{font-size:29px}
 .story-description{margin:16px 0 0 0;font-size:15px}
 .vehicle-context{display:block;width:100%;padding:0 3px 8px}
 .vehicle-context h4{font-size:32px;margin:0 0 20px}
 .vehicle-document{padding:15px 0}
 .vehicle-document strong{font-size:15px}
 .scene-status{margin-top:0}
 .vehicle-card-copy{flex-wrap:wrap}
 .vehicle-money{gap:20px;flex-wrap:wrap}
 .vehicle-money span{font-size:12px}
 .vehicle-money strong{font-size:22px}
 .scene-eyebrow,.eyebrow{font-size:11px}
 .calculation-focus .scene-eyebrow{font-size:11px}
 .stage-caption{font-size:12px;flex-direction:column;gap:6px}
 .stage-caption>span:first-child,.stage-caption>span:last-child{max-width:none;text-align:left}
 .stage-meta>span{font-size:10px}
 .side-links button{font-size:12px;padding:11px 6px}
 .side-links button>span{display:none}
 .kpi>span{font-size:12px}
 .kpi small{font-size:11px}
 .stock-mini{padding:14px 11px}
 .mini-row{gap:9px;flex-wrap:wrap}
 .mini-row img{width:44px;height:32px}
 .mini-row strong,.mini-row small{font-size:12px}
 .mini-price{font-size:12px}
 .price-list article p{font-size:13px}
 .price-list article .plan-extra{font-size:12px}
 .price span,.pricing-note{font-size:12px}
 .sale-panel .documents strong{font-size:13px}
 .sale-copy>p:not(.eyebrow){font-size:15px}
 .sale-footnote{font-size:12px}
 .sale-item small,.sale-item>span,.sale-price>span,.sale-panel .documents small{font-size:12px}
 .cost-sheet dt,.cost-sheet dd{font-size:13px}
 .sheet-top,.margin-total span{font-size:12px}
 .calculation-focus>p:last-child{font-size:14px}
 .focus-currency{font-size:12px}
 .closing-bottom p{font-size:13px}
}

@media(max-width:360px){.pricing h2{font-size:30px}}