/* Release 3: video and poster share one frame; mobile keeps the complete garage. */
.hero-media{position:absolute;inset:0;overflow:hidden;background:#171b1d}
.hero .hero-media picture,.hero .hero-image,.hero-video{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero .hero-image,.hero-video{object-fit:cover;object-position:center 65%;filter:none}
.hero-video{display:none;z-index:0}
.hero.has-video .hero-video{display:block}
.hero.has-video .hero-media picture{visibility:hidden}
.hero.intro-pending .hero-content,.hero.intro-running .hero-content{opacity:0;transform:translateY(14px);pointer-events:none;visibility:hidden}
.hero.intro-pending .hero-shade,.hero.intro-running .hero-shade{opacity:0}
.hero-content{transition:opacity .65s ease,transform .65s ease}
.hero-shade{transition:opacity .65s ease;pointer-events:none}
.replay-intro{position:absolute;right:20px;bottom:42px;z-index:3;border:1px solid #ffffff70;background:#111d;color:white;border-radius:4px;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit;font-size:12px}
.replay-intro[hidden]{display:none}
.hero-media .image-credit{z-index:2}
@media(max-width:850px){
  .hero{display:block;min-height:0}
  .hero-media{position:relative;inset:auto;width:100%;aspect-ratio:16/9;overflow:visible;margin-bottom:42px}
  .hero .hero-media picture{position:absolute;aspect-ratio:auto}
  .hero .hero-image,.hero-video{object-fit:contain;object-position:center}
  .hero .hero-shade{display:none}
  .hero-content{padding:32px 0 55px}
  .replay-intro{right:10px;top:calc(100% + 5px);bottom:auto;padding:6px 10px;font-size:11px;min-height:34px}
  .hero-media .image-credit{right:10px;bottom:6px;font-size:9px;max-width:calc(100% - 20px)}
}
@media(prefers-reduced-motion:reduce){.hero-content,.hero-shade{transition:none}}