.hero .hero-motion-layer { position:absolute; z-index:0; pointer-events:none; overflow:hidden; }
.hero-motion-layer video { display:block; width:100%; height:100%; object-fit:cover; }
.hero .motion-couple { transform:translate3d(0,var(--couple-parallax,0px),0); }
.hero .motion-skeleton { transform:translate3d(0,var(--character-parallax,0px),0); }
.hero .motion-bison { transform:translate3d(0,var(--bison-parallax,0px),0); }
.hero.motion-ready-couple .hero-couple,.hero.motion-ready-skeleton::before,.hero.motion-ready-bison::after { background-image:none; }
.hero.has-motion .hero-rule > span:last-of-type { display:none; }
.hero-motion-toggle { padding:4px 8px; border:1px solid currentColor; border-radius:4px; background:#283b9f; color:#fff9ed; font:500 12px/1.3 'DM Sans',sans-serif; cursor:pointer; letter-spacing:0; }
.hero-motion-toggle:focus-visible { outline:2px solid #ffce00; outline-offset:3px; }
.hero .hero-motion-layer[hidden],.hero-motion-toggle[hidden] { display:none; }
@media(prefers-reduced-motion:reduce) { .hero.has-motion .hero-rule > span:last-of-type { display:block; } }
/* Keep both hands and the glass visible in the narrow central portrait. */
.hero .motion-skeleton video { object-fit:contain; object-position:center !important; }
.hero .motion-skeleton {
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent),linear-gradient(to right,transparent,#000 14%,#000 86%,transparent) !important;
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent),linear-gradient(to right,transparent,#000 14%,#000 86%,transparent) !important;
  -webkit-mask-composite:source-in; mask-composite:intersect;
}

/* Three matching cantina arches make the existing clips one composition. */
.hero .hero-motion-layer,
.hero::before,.hero::after,.hero .hero-couple {
  box-sizing:border-box;
  top:156px !important;
  width:18% !important;
  height:292px !important;
  opacity:1 !important;
  filter:none !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  border:3px solid #ffe6a3;
  border-radius:110px 110px 12px 12px;
  background-color:#293c9a;
  box-shadow:0 0 0 5px #293c9a,0 0 0 6px #ffce0080,0 12px 0 #253594;
  overflow:hidden;
}
.hero .hero-couple,.hero .motion-couple { right:39% !important; }
.hero::before,.hero .motion-skeleton { right:20% !important; }
.hero::after,.hero .motion-bison { right:1% !important; }
.hero .hero-motion-layer video,.hero .motion-skeleton video {
  object-fit:cover;
  object-position:center center !important;
  filter:sepia(.12) saturate(.87) contrast(.95);
}
.hero.motion-ready-couple .hero-couple,
.hero.motion-ready-skeleton::before,.hero.motion-ready-bison::after { visibility:hidden; }
.hero .hero-copy { max-width:40%; }
.hero h1 { font-size:clamp(44px,5.1vw,66px); }
@media(max-width:700px) {
  .hero .hero-motion-layer,.hero::before,.hero::after,.hero .hero-couple {
    top:144px !important;
    height:180px !important;
    width:30% !important;
    border-width:2px;
    border-radius:72px 72px 8px 8px;
    box-shadow:0 0 0 3px #293c9a,0 0 0 4px #ffce0080,0 7px 0 #253594;
  }
  .hero .hero-couple,.hero .motion-couple { right:68% !important; }
  .hero::before,.hero .motion-skeleton { right:35% !important; }
  .hero::after,.hero .motion-bison { right:2% !important; }
  .hero .hero-copy { max-width:none; }
  .hero h1 { margin-top:198px; font-size:clamp(23px,6.5vw,42px); }
}
@media(min-width:701px) {
  .hero { min-height:540px; }
  .hero .hero-rule { position:absolute; bottom:0; left:0; right:0; }
}
@media(max-width:700px) { .hero h1 { margin-top:210px; } }