/* Homepage-only decorative AI reef. Genuine tour media and shared chrome untouched.
   Separate portrait composition keeps BOTH reef edges visible on narrow screens. */
body > .bg {
  inset: 0;
  background-image: url('assets/reef-flat-left-landscape-lossless-v1.webp');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* Retire the opaque left wash and bottom blackout; keep the reef sunlit. */
body > .water {
  background: linear-gradient(180deg,rgba(3,29,48,.06) 0%,transparent 55%,rgba(3,29,48,.16) 100%);
}
/* A feathered scrim belongs behind the COPY, not across the entire left reef. */
.scene .intro::before {
  content: '';
  position: absolute;
  inset: -28px -30px;
  z-index: -1;
  pointer-events: none;
  filter: blur(18px);
  background: radial-gradient(ellipse at center,rgba(2,24,43,.92) 15%,rgba(2,24,43,.84) 52%,rgba(2,24,43,.55) 68%,transparent 78%);
}
.scene .intro { text-shadow: 0 1px 5px #02182b,0 1px 2px #02182b; }
.scene .intro button { text-shadow: none; }
@media(max-width:800px) {
  body > .bg {
    background-image: url('assets/reef-flat-left-portrait-lossless-v1.webp');
    /* Full composition, not a landscape cover crop that discards both edges. */
    background-size: 100% 100%;
  }
  .scene .intro::before {
    inset: -24px -16px -26px;
    background: radial-gradient(ellipse at center,rgba(2,24,43,.84) 20%,rgba(2,24,43,.72) 58%,transparent 80%);
  }
}

/* Responsive lossless derivatives of the same approved composition. No geometry/crop changes. */
@media(min-width:801px) and (max-width:960px){body > .bg{background-image:image-set(url('assets/reef-flat-left-landscape-lossless-v1-responsive-960-v1.webp') 1x,url('assets/reef-flat-left-landscape-lossless-v1.webp') 2x);}}
@media(max-width:480px){body > .bg{background-image:image-set(url('assets/reef-flat-left-portrait-lossless-v1-responsive-640-v1.webp') 1x,url('assets/reef-flat-left-portrait-lossless-v1-responsive-800-v1.webp') 2x,url('assets/reef-flat-left-portrait-lossless-v1.webp') 3x);}}