/* Real image element instead of a CSS background, preserving the existing hero. */
img.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 48%;background:none}
.hero-video{opacity:0;transition:opacity .6s ease}.hero-video.is-playing{opacity:1}
.page-image figcaption{position:absolute;bottom:10px;left:15px;right:15px;max-width:max-content;padding:8px 12px;border:1px solid #ffffff25;border-radius:3px;background:#0b141be8;font-size:12px;color:#d5e3ed;line-height:1.5}
.page-top h1{overflow-wrap:break-word}
@media(max-width:760px){img.hero-image{object-position:61% 50%}.hero-content h1{font-size:clamp(42px,7.6vw,58px)}.page-top h1{font-size:clamp(36px,7.8vw,58px)}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}