/* Focal points for the selected archive photographs. */
.editorial-photo[data-photo="310r"]{object-position:50% 60%}
.editorial-photo[data-photo="420r"]{object-position:61% 58%}
.editorial-photo[data-photo="grid"]{object-position:50% 62%}
.editorial-photo[data-photo="start"]{object-position:50% 48%}
.editorial-photo[data-photo="coast"]{object-position:50% 60%}
.editorial-photo[data-photo="hospitality"]{object-position:50% 50%}
.editorial-photo[data-photo="community"]{object-position:50% 42%}
.editorial-photo[data-photo="podium"]{object-position:50% 42%}
.editorial-photo[data-photo="trophy"]{object-position:50% 50%}
.editorial-photo[data-photo="detail"]{object-position:50% 60%}
.editorial-photo[data-photo="paddock"]{object-position:50% 52%}
.editorial-photo[data-photo="brands"]{object-position:50% 58%}
.editorial-photo[data-photo="social"]{object-position:56% 45%}
.editorial-photo[data-photo="social-alt"]{object-position:50% 46%}
.editorial-photo[data-photo="welcome"]{object-position:50% 40%}
.editorial-photo[data-photo="welcome-alt"]{object-position:50% 42%}
.editorial-photo[data-photo="tyres"]{object-position:50% 50%}
.editorial-photo[data-photo="contact"]{object-position:50% 40%}
.editorial-photo[data-photo="donington"]{object-position:50% 64%}
.editorial-photo[data-photo="snetterton"]{object-position:50% 58%}

.class-spec-layout>img.editorial-photo{aspect-ratio:1.2}
@media(max-width:900px){.class-spec-layout>img.editorial-photo{aspect-ratio:1.4}}

/* Two photographs give the paddock story room to breathe. */
.gallery.paddock-atmosphere{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.gallery.paddock-atmosphere>button{grid-column:auto;grid-row:auto;aspect-ratio:3/2}
.gallery.paddock-atmosphere img{width:100%;height:100%;object-fit:cover}
.split>img.editorial-photo[data-photo="welcome"]{aspect-ratio:3/2}
.admin-account-return{margin-bottom:28px}
@media(max-width:640px){.gallery.paddock-atmosphere{grid-template-columns:1fr;gap:20px}}

/* Exact rotation of the original 420R photo; no changes to car details. */
svg.level-photo{display:block;width:100%;height:auto;aspect-ratio:1220/720;overflow:hidden}
.class-card .class-image>svg.level-photo{width:100%;height:100%;transition:transform .5s}
.class-card:hover .class-image>svg.level-photo{transform:scale(1.03)}
.class-spec-layout>svg.level-photo{align-self:start}

/* Matching photo frames and a wider, level 420R crop in the class cards. */
.class-card .class-image{height:auto;aspect-ratio:16/9}
.class-card .class-image>img,.class-card .class-image>svg{width:100%;height:100%}