/* Reference media frames: wide / paired / wide. Heights follow actual width. */
#performance .performance-lead,#performance .performance-grid article,#performance .performance-grid article:last-child{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:0;height:auto;aspect-ratio:1920/638;isolation:isolate;background:#fff}
#performance .performance-grid article:not(:last-child){aspect-ratio:955/760}
#performance .performance-lead>img,#performance .performance-grid article>img,#performance .performance-grid article:last-child>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;padding:0;object-fit:contain;object-position:center;background:#fff}
#performance .performance-lead.performance-scene>img,#performance .performance-grid article.performance-scene>img{object-fit:cover}
#performance .performance-lead>div,#performance .performance-grid article>div,#performance .performance-grid article:last-child>div{grid-area:1/1;align-self:end;z-index:1;padding:36px 4% 20px;margin:0;color:#fff;background:linear-gradient(0deg,#14261ef5 0%,#14261edb 70%,#14261e00 100%)}
#performance .performance-lead h3,#performance .performance-grid h3,#performance .performance-grid article:last-child h3{font-size:clamp(21px,1.7vw,28px);line-height:1.2;margin-bottom:10px}
#performance .performance-lead p,#performance .performance-grid p{font-size:13px;line-height:1.6}
#performance .underlined{margin-top:10px;font-size:10px;padding:5px 0}
/* Wide scenes leave a reading area beside, rather than over, the vehicle. */
#performance .performance-lead.performance-scene>div,#performance .performance-grid article:last-child.performance-scene>div{width:40%;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 7% 24px 8%;background:linear-gradient(90deg,#14261ef2 0%,#14261ec9 76%,#14261e00 100%)}
#performance .performance-lead.performance-scene>div .underlined,#performance .performance-grid article:last-child.performance-scene>div .underlined{align-self:flex-start}
/* On narrow frames copy leaves the image so the source stays complete. */
@media(max-width:1100px){
 #performance .performance-lead,#performance .performance-grid article,#performance .performance-grid article:last-child{display:block;aspect-ratio:auto;min-height:0}
 #performance .performance-lead>img,#performance .performance-grid article>img,#performance .performance-grid article:last-child>img{position:static;height:auto;aspect-ratio:1920/638;padding:0}
 #performance .performance-grid article:not(:last-child)>img{aspect-ratio:955/760}
 #performance .performance-lead>div,#performance .performance-grid article>div,#performance .performance-grid article:last-child>div,#performance .performance-lead.performance-scene>div,#performance .performance-grid article:last-child.performance-scene>div{display:block;width:100%;padding:24px;background:#183126}
}
@media(max-width:650px){#performance .performance-grid{grid-template-columns:1fr}#performance .performance-lead>div,#performance .performance-grid article>div,#performance .performance-grid article:last-child>div{padding:22px}}
.trim-selector-photo,.trim-selector-photo img{background:#fff}
.hero.hero-scene .hero-media{object-fit:cover!important;object-position:center 48%}
@media(max-width:650px){.hero{aspect-ratio:auto}.hero.hero-scene .hero-media{aspect-ratio:64/25;height:auto}}