.ocean-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #010605;
}

.ocean-background iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

body {
  opacity: 1;
  background: rgba(1, 6, 5, 0.24);
}

body::before {
  display: none;
}

.site-header,
main,
.site-footer,
.site-alert,
.wrap {
  position: relative;
  z-index: 2;
}

.home .hero {
  grid-template-columns:
    minmax(0, 0.82fr)
    clamp(150px, 16vw, 210px)
    minmax(360px, 1.08fr);
  gap: 14px;
}

.bottle-stage {
  min-width: 0;
  min-height: 440px;
  pointer-events: none;
}

@media (max-width: 980px) {
  .home .hero {
    grid-template-columns: 1fr;
  }

  .bottle-stage {
    min-height: clamp(220px, 38vw, 300px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ocean-background {
    display: none;
  }

  body {
    background: #111416;
  }
}