/* Shared cinematic black-and-gold atmosphere for all primary content sections. */
body {
  background: #090909;
}

main > section + section {
  margin-top: -1px;
}

.hero::after {
  background: linear-gradient(180deg, transparent 72%, rgba(9, 9, 9, .58) 89%, #090909 100%);
}

.about,
.services,
.why,
.gallery,
.reviews,
.booking,
.contact {
  position: relative;
  isolation: isolate;
  color: var(--cream);
  background:
    linear-gradient(180deg, #090909 0%, transparent 11%, transparent 89%, #090909 100%),
    radial-gradient(ellipse 78% 48% at 50% 8%, rgba(200, 169, 106, .13), transparent 67%),
    linear-gradient(180deg, #090909 0%, #12100d 48%, #090909 100%);
}

.aora {
  background:
    linear-gradient(180deg, #090909 0%, transparent 10%, transparent 90%, #090909 100%),
    radial-gradient(ellipse at 50% 40%, #2a2319 0%, #100f0e 42%, #090909 68%);
}

footer {
  margin-top: -1px;
  border-top: 0;
  background:
    linear-gradient(180deg, #090909 0%, rgba(7, 7, 7, .98) 18%, #070707 100%);
}

.about .section-lead h2,
.services .section-head h2,
.why .difference-head h2,
.gallery .section-head h2,
.reviews .reviews-intro h2,
.booking .booking-copy h2,
.contact .contact-info h2 {
  position: relative;
  isolation: isolate;
  color: var(--cream);
}

.about .section-lead h2::before,
.services .section-head h2::before,
.why .difference-head h2::before,
.gallery .section-head h2::before,
.reviews .reviews-intro h2::before,
.booking .booking-copy h2::before,
.contact .contact-info h2::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(520px, 90%);
  height: 105%;
  left: -7%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(200, 169, 106, .3), rgba(200, 169, 106, .08) 40%, transparent 72%);
  filter: blur(34px);
  opacity: .78;
  pointer-events: none;
}

.why .eyebrow,
.why b {
  color: var(--gold);
}

.why .difference-head > p,
.why article p {
  color: var(--muted);
}

.why .difference-head strong {
  color: var(--gold);
}

.why-grid {
  border-color: var(--line);
  background: rgba(255, 255, 255, .012);
}

.why article {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(200, 169, 106, .055), rgba(255, 255, 255, .012));
}

.why h3 {
  color: var(--cream);
}

.booking-form,
.review {
  background: rgba(17, 16, 14, .82);
  backdrop-filter: blur(12px);
}

@media (max-width: 500px) {
  .about .section-lead h2::before,
  .services .section-head h2::before,
  .why .difference-head h2::before,
  .gallery .section-head h2::before,
  .reviews .reviews-intro h2::before,
  .booking .booking-copy h2::before,
  .contact .contact-info h2::before {
    width: 100%;
    left: 0;
    filter: blur(26px);
    opacity: .62;
  }
}