/* One hero size for every case study: full content width, 16:9 at most,
   and never taller than the screen below the header */
:root{--case-hero-h:min(calc(100svh - 124px),52vw)}
.case-page>.lr-hero,.case-page>.case-film-hero,.case-page>.auro-supplied-hero .portfolio-image{position:relative;width:100%!important;max-width:100%!important;left:auto!important;margin-left:0!important;margin-right:0!important;height:var(--case-hero-h)!important;min-height:0!important;aspect-ratio:auto!important;border-radius:16px;overflow:hidden}
.case-page>.lr-hero>img,.case-page>.lr-hero>video,.case-page>.case-film-hero>video,.case-page>.auro-supplied-hero .portfolio-image>img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important}
@media(max-width:760px){:root{--case-hero-h:min(calc(100svh - 110px),62vw)}}

/* Numbers row under the credits, same pill shape as Foundr+ (plain numbers) */
.case-page .case-numbers{margin:clamp(28px,4vw,48px) 0 clamp(36px,5vw,64px)}
.case-page .case-pills{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.case-page .case-pills li{display:flex;align-items:baseline;justify-content:center;gap:10px;background:#fff;border-radius:999px;padding:14px 20px;box-shadow:0 10px 30px -18px #19061540;font:400 14px/1.2 Inter,var(--font);color:#6a6573;white-space:nowrap}
.case-page .case-pills b{font:600 clamp(20px,1.9vw,28px)/1 Inter,var(--font);letter-spacing:-.03em;color:#190615}
.case-page .case-numbers .lbl{display:flex;justify-content:space-between;gap:16px;margin:12px 0 0;font:500 10px/1.4 var(--font);letter-spacing:.09em;text-transform:uppercase;color:#6a5866}
.case-page .case-numbers .lbl b{color:#190615;font-weight:600}
@media(max-width:860px){.case-page .case-pills{grid-auto-flow:row;grid-template-columns:1fr}.case-page .case-pills li{justify-content:flex-start}.case-page .case-numbers .lbl{flex-direction:column;gap:4px}}

/* Previous / all / next at the end of every case study */
.case-page .case-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin-top:clamp(60px,8vw,110px);padding:28px 0 8px;border-top:1px solid #19061526}
.case-page .case-pager a{color:#190615;text-decoration:none}
.case-page .case-pager span{display:block;font:500 12px/1.4 var(--font);letter-spacing:.09em;text-transform:uppercase;color:#6a5866;margin-bottom:8px}
.case-page .case-pager strong{display:block;font:500 clamp(22px,2.6vw,38px)/1.1 var(--font);letter-spacing:-.03em}
.case-page .case-pager strong i{font-style:normal;display:inline-block;transition:transform .25s ease}
.case-page .case-pager .next{text-align:right}
.case-page .case-pager .all{align-self:center;font:500 14px/1 var(--font);padding:12px 20px;border:1px solid #19061533;border-radius:999px;transition:background .25s ease,color .25s ease}
@media(hover:hover){.case-page .case-pager .prev:hover strong i{transform:translateX(-6px)}.case-page .case-pager .next:hover strong i{transform:translateX(6px)}.case-page .case-pager .all:hover{background:#190615;color:#EEF4F9}}
@media(max-width:760px){.case-page .case-pager{grid-template-columns:1fr 1fr}.case-page .case-pager .all{grid-column:1/-1;grid-row:2;justify-self:center}}
.case-page .case-pills li{white-space:normal;flex-wrap:wrap;text-align:center}