.new-build{scroll-margin-top:16px;margin-top:110px;margin-bottom:100px}
/* Keep native smooth scrolling and scroll anchoring from fighting project returns. */
html:has(.new-build:target){overflow-anchor:none;scroll-behavior:auto}
.new-build .carrera-scope{max-width:760px;color:var(--muted);font-size:14px;line-height:1.85;margin:14px 0 0}
.new-build .porsche-heading{max-width:100%;padding-bottom:38px}
.new-build-lead{width:86%}
.new-build .photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.new-build-pair{display:grid;grid-template-columns:1.22fr 1fr;gap:8%;align-items:start;margin-top:74px}
.new-build-pair>.art:last-child{padding-top:108px}
.new-build-pair.reverse{grid-template-columns:1fr 1.22fr}
.new-build-pair.reverse>.art:first-child{padding-top:76px}
.new-build-pair.reverse>.art:last-child{padding-top:0}
.new-build-pair figcaption{line-height:1.6}
.new-case .bronco-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.new-case .bronco-hero{padding-top:35px}
.new-case .bronco-intro h1{font-size:clamp(42px,4.5vw,68px)}
@media(max-width:700px){
 .new-build{margin-top:62px;margin-bottom:62px;scroll-margin-top:16px}
 .new-build-lead{width:100%}
 .new-build-pair,.new-build-pair.reverse{display:grid;grid-template-columns:1fr;gap:34px;margin-top:34px}
 .new-build-pair>.art,.new-build-pair.reverse>.art{padding-top:0!important;width:100%;margin:0}
 .new-build .porsche-heading{padding-bottom:28px}
 .new-build .porsche-heading h2{font-size:34px;line-height:1.15}
 .new-case .bronco-intro h1{font-size:44px}
 .new-case .bronco-hero{padding-top:25px}
 .new-case .bronco-breadcrumb{gap:9px;font-size:11px;flex-wrap:wrap}
}

/* Acura Integra: native-ratio portraits and established mobile stacking. */
.acura-rest{width:46%;margin:88px 0 0 12%}
#acura-integra{scroll-margin-top:140px}
#acura-integra .photo img{display:block;aspect-ratio:auto;height:auto;object-fit:contain}
@media(max-width:700px){.acura-rest{width:100%;margin:34px 0 0}#acura-integra{scroll-margin-top:120px}}