/* Glorify Holidays — Homepage immersive parallax layer */

.gh-home-immersive {
  scroll-behavior: smooth;
}

.gh-immersive {
  position: relative;
  overflow: clip;
}

@supports not (overflow: clip) {
  .gh-immersive {
    overflow: hidden;
  }
}

/* Scroll progress */
.gh-immersive__progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 1200;
  pointer-events: none;
  background: rgba(237, 224, 196, 0.35);
}

.gh-immersive__progress span {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--gh-gold) 0%, var(--gh-gold-light) 100%);
  box-shadow: 0 0 12px rgba(201, 168, 76, 0.45);
  transition: width 0.08s linear;
}

/* Ambient depth orbs */
.gh-immersive__ambient {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.gh-ambient {
  position: absolute;
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0.45;
  will-change: transform;
}

.gh-ambient--gold {
  width: min(52vw, 520px);
  height: min(52vw, 520px);
  top: 8%;
  right: -8%;
  background: radial-gradient(circle, rgba(201, 168, 76, 0.55) 0%, transparent 68%);
}

.gh-ambient--cream {
  width: min(44vw, 420px);
  height: min(44vw, 420px);
  bottom: 18%;
  left: -10%;
  background: radial-gradient(circle, rgba(253, 246, 227, 0.9) 0%, transparent 70%);
  opacity: 0.35;
}

.gh-ambient--brown {
  width: min(38vw, 360px);
  height: min(38vw, 360px);
  top: 42%;
  left: 38%;
  background: radial-gradient(circle, rgba(61, 43, 10, 0.22) 0%, transparent 72%);
  opacity: 0.3;
}

.gh-immersive > :not(.gh-immersive__ambient):not(.gh-immersive__progress) {
  position: relative;
  z-index: 1;
}

/* Hero depth */
.gh-home-immersive .gh-immersive__hero {
  isolation: isolate;
}

.gh-home-immersive .gh-hero__bg {
  transform-origin: center center;
}

.gh-home-immersive [data-gh-parallax-y] {
  will-change: transform;
}

.gh-home-immersive .gh-mosaic[data-gh-tilt] {
  transform-style: preserve-3d;
  transition: transform 0.35s ease-out;
}

.gh-home-immersive .gh-mosaic-wrap {
  perspective: 1200px;
}

/* Section panels — depth on scroll (position only; content stays visible) */
.gh-immersive__panel {
  position: relative;
  transition: transform 320ms var(--gh-ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}

.gh-home-immersive [data-gh-reveal].gh-immersive__panel:not(.is-visible) {
  transform: translateY(18px);
}

.gh-home-immersive [data-gh-reveal].gh-immersive__panel.is-visible {
  transform: translateY(0);
}

.gh-immersive__panel--deep.is-visible {
  box-shadow: 0 24px 80px rgba(26, 18, 8, 0.12);
}

@keyframes gh-dest-card-in {
  from {
    opacity: 0.94;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

#destinations.is-visible .gh-owl--destinations.gh-owl--ready .owl-item:not(.is-hidden) {
  animation: gh-dest-card-in 320ms var(--gh-ease-out, cubic-bezier(0.23, 1, 0.32, 1)) backwards;
  animation-delay: calc(var(--i, 0) * 45ms);
}

#destinations.is-visible .gh-owl--destinations.gh-owl--ready .owl-item:not(.is-hidden):nth-child(n+9) {
  animation-delay: 280ms;
}

@keyframes gh-stagger-in {
  from {
    opacity: 0.94;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Stories parallax image */
.gh-home-immersive .gh-stories__featured-img {
  position: relative;
  overflow: hidden;
  background: var(--gh-gold-pale);
}

.gh-home-immersive .gh-stories__featured-img-inner {
  position: absolute;
  inset: -15% 0;
  height: 130%;
  background-size: cover;
  background-position: center;
  will-change: transform;
}

/* Newsletter parallax background */
.gh-home-immersive .gh-newsletter.gh-immersive__panel--cta {
  background-color: var(--gh-dark);
  background-image: linear-gradient(rgba(26, 18, 8, 0.62), rgba(26, 18, 8, 0.78));
  background-attachment: scroll;
}

.gh-newsletter__parallax {
  position: absolute;
  inset: -25% 0;
  z-index: 0;
  background-image: var(--gh-newsletter-bg);
  background-size: cover;
  background-position: center;
  will-change: transform;
  pointer-events: none;
}

.gh-newsletter__parallax::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(26, 18, 8, 0.35) 0%, rgba(26, 18, 8, 0.55) 100%);
}

.gh-newsletter__content {
  position: relative;
  z-index: 1;
}

/* Featured collage depth */
.gh-home-immersive .gh-featured-collage__media {
  transition: transform 280ms var(--gh-ease-out);
}

@media (hover: hover) and (pointer: fine) {
  .gh-home-immersive .gh-featured-collage__cell:hover .gh-featured-collage__media {
    transform: scale(1.04);
  }
}

/* Highlights image float */
.gh-home-immersive .gh-highlights__visual {
  overflow: hidden;
  border-radius: var(--gh-radius);
}

.gh-home-immersive .gh-highlights__visual img {
  transition: transform 0.5s ease;
  will-change: transform;
}

/* Trust cards subtle lift when section visible */
.gh-home-immersive #why-glorify.is-visible .gh-trust-card {
  animation: gh-stagger-in 320ms var(--gh-ease-out, cubic-bezier(0.23, 1, 0.32, 1)) backwards;
}

.gh-home-immersive #why-glorify.is-visible .gh-trust-card:nth-child(1) { animation-delay: 0.08s; }
.gh-home-immersive #why-glorify.is-visible .gh-trust-card:nth-child(2) { animation-delay: 0.14s; }
.gh-home-immersive #why-glorify.is-visible .gh-trust-card:nth-child(3) { animation-delay: 0.2s; }
.gh-home-immersive #why-glorify.is-visible .gh-trust-card:nth-child(4) { animation-delay: 0.26s; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .gh-home-immersive {
    scroll-behavior: auto;
  }

  .gh-home-immersive [data-gh-parallax-y],
  .gh-ambient,
  .gh-newsletter__parallax,
  .gh-stories__featured-img-inner {
    transform: none !important;
    will-change: auto;
  }

  .gh-home-immersive .gh-mosaic[data-gh-tilt] {
    transform: none !important;
  }

  .gh-home-immersive [data-gh-reveal].gh-immersive__panel {
    transform: none !important;
  }

  #destinations.is-visible .gh-owl--destinations.gh-owl--ready .owl-item {
    animation: none !important;
  }

  .gh-home-immersive [data-gh-stagger].is-visible .gh-dest-card,
  .gh-home-immersive #why-glorify.is-visible .gh-trust-card {
    animation: none;
  }

  .gh-immersive__progress {
    display: none;
  }
}