/* The opening media only; the page's grid, sections, and transitions keep their existing styles. */
.grid-home #wp-content [data-yta-marketing='main'] .amy-stage.amy-reveal {
  position: relative;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: 0;
  aspect-ratio: auto !important;
  margin-inline: auto;
  overflow: hidden;
  padding: 0;
  border: 1px solid #cdd5d1;
  border-radius: 18px;
  background: #061226 !important;
  box-shadow: 0 18px 48px -34px #142f39;
}
.amy-reveal__media {
  position: relative;
  aspect-ratio: 16 / 9;
}
.amy-reveal__media picture,
.amy-reveal__media img {
  display: block;
  width: 100%;
  height: 100%;
}
.amy-reveal__media img {
  object-fit: contain;
}
.amy-reveal__media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
}
.amy-reveal.is-showing-video .amy-reveal__media video {
  opacity: 1;
}
.grid-home #wp-content .amy-reveal__toggle {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #77949d66;
  border-radius: 8px;
  background: #061226d9;
  color: #e5f3f1;
  font: 500 13px/1.3 'Inter Tight', sans-serif;
  cursor: pointer;
}
.amy-reveal__toggle[hidden] {
  display: none;
}
.grid-home #wp-content .amy-reveal__toggle:focus-visible {
  outline: 2px solid #88f0de;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  .amy-reveal__media {
    aspect-ratio: 3 / 4;
  }
  .grid-home #wp-content [data-yta-marketing='main'] .amy-stage.amy-reveal {
    padding-bottom: 72px;
    border-radius: 12px;
  }
  .grid-home #wp-content .amy-reveal__toggle {
    top: auto;
    bottom: 16px;
    left: 12px;
    right: auto;
    padding-inline: 12px;
  }
  .grid-home #wp-content .amy-reveal .hero-amy-action {
    inset: auto 12px 14px auto;
  }
}
