/* Shared insets and baselines for the two automotive cards. */
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]){--card-inset:clamp(20px,2vw,32px)}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .story-photo{aspect-ratio:1.15}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .story-caption{left:var(--card-inset);right:var(--card-inset);bottom:var(--card-inset);gap:12px}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .label{left:var(--card-inset);top:var(--card-inset)}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights{margin:0;padding:24px var(--card-inset)!important;gap:0;min-height:128px;align-items:start;border-top:1px solid #f7f4ee25;text-align:left}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights>div{padding:0 14px!important;border-left:1px solid #f7f4ee25;min-width:0}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights>div:first-child{padding-left:0!important;border:0}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights>div:last-child{padding-right:0!important}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights strong{font-size:clamp(13px,1.1vw,18px)!important;line-height:1.4!important;min-height:2.8em;display:flex;align-items:flex-start;overflow-wrap:normal}
.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights span{font-size:11px!important;line-height:1.5;margin-top:8px}
@media(max-width:700px){.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights>div{padding:0 8px!important}.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights strong{font-size:12px!important}.work-card:is([data-slug="leap-motor"],[data-slug="skoda-chelsea"]) .three-highlights span{font-size:10px!important}}

/* LEAP: studio lead photo and presenter on hover or keyboard focus. */
.work-card[data-slug="leap-motor"] .story-photo>img{object-position:50% 60%}
.work-card[data-slug="leap-motor"] .story-photo>.leap-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 60%;opacity:0}
.work-card[data-slug="leap-motor"]:hover .leap-alternate,.work-card[data-slug="leap-motor"]:focus-visible .leap-alternate{opacity:1}
.leap-detail-photo{display:block;width:100%;height:auto;margin:24px 0;border-radius:12px}

.work-card[data-slug="skoda-chelsea"] .story-photo>img{object-position:50% 20%}
.work-card[data-slug="skoda-chelsea"] .story-photo>.skoda-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}
.work-card[data-slug="skoda-chelsea"]:hover .skoda-alternate,.work-card[data-slug="skoda-chelsea"]:focus-visible .skoda-alternate{opacity:1}

.work-card[data-slug="bcgame-leicester"] .story-photo>img:first-child{object-position:50% 32%}
.work-card .story-photo>.card-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.work-card[data-slug="betmgm"] .story-photo>.card-alternate{object-position:50% 35%}
.work-card:hover .card-alternate,.work-card:focus-visible .card-alternate{opacity:1}

.work-card[data-slug="laureus"] .story-photo>.laureus-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0}
.work-card[data-slug="laureus"]:hover .laureus-alternate,.work-card[data-slug="laureus"]:focus-visible .laureus-alternate{opacity:1}

.work-card[data-slug="afc-wimbledon"] .story-photo>img{object-position:50% 30%}