/* Portal only: keep the desktop composition; size the mobile media box to its film. */
.portal-video-play {
  position: absolute;
  z-index: 2;
  top: 418px;
  right: clamp(24px, 5vw, 58px);
  padding: .65rem .85rem;
  border: 1px solid #e7b55d80;
  background: #070709ed;
  color: var(--paper);
  font: .65rem/1.4 var(--mono);
  cursor: pointer;
}
.portal-video-play[hidden] { display: none; }
.portal-video-play:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.hero[data-video-playing] .hero-video { display: block; }
.hero[data-video-playing] .hero-poster { display: none; }
@media (max-width: 760px) {
  .hero[data-astro-cid-lcdefpme] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: start;
    gap: 28px;
    height: auto;
    min-height: 0;
    padding: 110px 24px 32px;
  }
  .hero-video[data-astro-cid-lcdefpme], .hero-poster[data-astro-cid-lcdefpme] {
    grid-area: 1 / 1;
    position: relative;
    inset: auto;
    justify-self: end;
    width: 53vw;
    height: auto;
    aspect-ratio: 26 / 15;
    object-position: center;
  }
  .hero-copy[data-astro-cid-lcdefpme] {
    grid-area: 2 / 1;
    width: 100%;
    height: auto;
    padding: 0;
  }
  .portal-video-play {
    grid-area: 1 / 1;
    position: relative;
    inset: auto;
    justify-self: end;
    align-self: end;
    max-width: 53vw;
    margin: 6px;
  }
}