/* Owner-supplied video kit overlay, adapted to the existing Maxvision hero. */
.hero--video { min-height:max(800px,100svh); background:#06162e; }
.hero--video .hero__media { background:#06162e url('../img/hero-mine-poster.jpg') center / cover no-repeat; }
.hero--video .hero__media::after { background:radial-gradient(ellipse at 50% 45%,rgba(6,22,46,.35) 0%,rgba(6,22,46,.78) 72%),linear-gradient(0deg,rgba(6,22,46,.9) 0%,rgba(6,22,46,0) 40%); }
.hero--video .hero__media video { display:block; object-fit:cover; object-position:50% 50%; }
.hero--video .hero__center { padding-top:180px; padding-bottom:64px; }
.hero--video .hero__center h1 { max-width:16em; font-size:clamp(2.35rem,5.25vw,5rem); line-height:1.08; }
.hero--video .hero__center .eyebrow { color:#55d7fa; margin-bottom:26px; }
.hero--video .hero__center .lead { max-width:38em; font-size:clamp(1.1rem,1.7vw,1.45rem); }
.hero--video .hero__bar { background:rgba(7,26,43,.38); backdrop-filter:none; -webkit-backdrop-filter:none; }
.no-js .hero--video .hero__media video { display:none; }
.no-js .hero--video .hero__center { padding-top:80px; }
.hero-motion { position:absolute; z-index:3; right:clamp(20px,4vw,56px); bottom:24px; width:44px; height:44px; display:grid; place-items:center; padding:0; border:1px solid #91a8b8; border-radius:50%; color:#fff; background:rgba(6,22,46,.7); cursor:pointer; }
.hero-motion:hover { background:#163b54; border-color:#fff; }
.hero-motion svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.hero-motion [hidden], .hero-motion[hidden] { display:none; }
@media (max-width:900px) {
  .hero--video { min-height:100svh; }
  .hero--video .hero__center { padding-top:176px; padding-bottom:46px; }
  .hero--video .hero__center h1 { font-size:clamp(2.2rem,7.4vw,3.9rem); max-width:18em; }
  .hero--video .hero__center .eyebrow { font-size:.8rem; line-height:1.6; margin-bottom:22px; }
  .hero--video .hero__center .lead { font-size:1.08rem; }
}
@media (max-width:420px) {
  .hero--video .hero__center { padding-top:172px; }
  .hero--video .hero__center h1 { font-size:2.25rem; }
  .hero--video .hero__center .eyebrow { font-size:.74rem; }
}