:root {
  --lh-env-ivory: #fff0d2;
  --lh-env-gold: #f4c873;
  --lh-env-ink: #03111d;
  --lh-env-blue: #0b3553;
}

body[data-lh-environment] {
  min-height: 100vh;
  color: #edf8ff;
  background-color: var(--lh-env-ink) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body[data-lh-environment="exterior"] {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 18, .32), rgba(3, 17, 29, .72)),
    url("/assets/lighthouse-harbor-wide-clean.webp") !important;
}

body[data-lh-environment="interior-lobby"] {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 18, .31), rgba(2, 12, 20, .76)),
    url("/assets/lighthouse-interior-arrival-2040.png") !important;
  background-position: center center !important;
}

body[data-lh-environment="interior-studio"] {
  background-image:
    linear-gradient(180deg, rgba(2, 10, 18, .36), rgba(2, 12, 20, .78)),
    url("/assets/lighthouse-upstairs-writing-room.png") !important;
  background-position: center center !important;
}

body[data-lh-environment="theater"] {
  background-image:
    linear-gradient(180deg, rgba(1, 5, 11, .22), rgba(1, 7, 14, .74)),
    url("/assets/lantern-theater-interior.webp") !important;
  background-position: center center !important;
}

body[data-lh-environment="exterior"]::before,
body[data-lh-environment="interior-lobby"]::before,
body[data-lh-environment="interior-studio"]::before,
body[data-lh-environment="theater"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body[data-lh-environment="exterior"]::before {
  background:
    linear-gradient(90deg, rgba(1, 8, 14, .66), rgba(5, 31, 50, .25) 46%, rgba(1, 8, 14, .58)),
    radial-gradient(circle at 82% 8%, rgba(109, 220, 242, .13), transparent 25%);
}

body[data-lh-environment="interior-lobby"]::before,
body[data-lh-environment="interior-studio"]::before {
  background:
    linear-gradient(90deg, rgba(1, 7, 12, .68), rgba(3, 20, 31, .3) 52%, rgba(1, 7, 12, .62)),
    radial-gradient(circle at 74% 12%, rgba(244, 200, 115, .16), transparent 28%);
}

body[data-lh-environment="theater"]::before {
  background:
    linear-gradient(90deg, rgba(1, 5, 10, .72), rgba(1, 8, 16, .32) 52%, rgba(1, 5, 10, .68)),
    radial-gradient(circle at 50% 16%, rgba(244, 200, 115, .12), transparent 32%);
}

body[data-lh-environment] .page {
  background: linear-gradient(180deg, rgba(3, 16, 27, .64), rgba(3, 20, 33, .82)) !important;
  box-shadow: 0 0 80px rgba(0, 0, 0, .34);
}

body[data-lh-environment] .hero,
body[data-lh-environment] .panel,
body[data-lh-environment] .card,
body[data-lh-environment] .recovery-panel,
body[data-lh-environment] .care-section,
body[data-lh-environment] .owner-care {
  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
}

body[data-lh-environment="interior-lobby"] .hero,
body[data-lh-environment="interior-lobby"] .panel,
body[data-lh-environment="interior-lobby"] .card,
body[data-lh-environment="interior-studio"] .hero,
body[data-lh-environment="interior-studio"] .panel,
body[data-lh-environment="interior-studio"] .card {
  border-color: rgba(244, 200, 115, .34);
  background: linear-gradient(145deg, rgba(3, 17, 29, .91), rgba(9, 45, 65, .79));
}

body[data-lh-environment="theater"] .hero,
body[data-lh-environment="theater"] .panel,
body[data-lh-environment="theater"] .card {
  border-color: rgba(244, 200, 115, .4);
  background: linear-gradient(145deg, rgba(1, 8, 17, .94), rgba(7, 28, 47, .86));
}

@media (max-width: 760px) {
  body[data-lh-environment] {
    background-attachment: scroll !important;
  }

  body[data-lh-environment="exterior"] {
    background-image:
      linear-gradient(180deg, rgba(2, 10, 18, .38), rgba(3, 17, 29, .8)),
      url("/assets/lighthouse-harbor-mobile-clean.webp") !important;
    background-position: center top !important;
  }

  body[data-lh-environment="interior-lobby"] {
    background-position: 56% center !important;
  }

  body[data-lh-environment="interior-studio"] {
    background-position: 60% center !important;
  }

  body[data-lh-environment="theater"] {
    background-position: center center !important;
  }

  body[data-lh-environment] .hero,
  body[data-lh-environment] .panel,
  body[data-lh-environment] .card,
  body[data-lh-environment] .recovery-panel,
  body[data-lh-environment] .care-section,
  body[data-lh-environment] .owner-care {
    backdrop-filter: blur(9px) saturate(1.04);
    -webkit-backdrop-filter: blur(9px) saturate(1.04);
  }
}

@media (prefers-reduced-transparency: reduce) {
  body[data-lh-environment] .hero,
  body[data-lh-environment] .panel,
  body[data-lh-environment] .card,
  body[data-lh-environment] .recovery-panel,
  body[data-lh-environment] .care-section,
  body[data-lh-environment] .owner-care {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: #061827;
  }
}