/* Luxury Layout Variable Mapping & Overrides */
        :root {
            --primary-accent: #D53E0F;
            --soft-cream: #EED9B9;
            --earth-brown: #8A7650;
            --black: #111111;
            --white: #FFFFFF;
        }

        body {
            font-family: "Nunito", sans-serif;
            background-color: var(--white);
            color: var(--black);
            overflow-x: hidden;
        }

        /* Hero Slideshow Blend Logic */
        .hero-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1);
            background-size: cover;
            background-position: center;
        }

        .hero-slide.active {
            opacity: 1;
            z-index: 1;
        }

        /* Glassmorphism Structural Foundations */
        .glass-card {
            background: rgba(255, 255, 255, 0.07);
            backdrop-filter: blur(25px) saturate(120%);
            -webkit-backdrop-filter: blur(25px) saturate(120%);
            border: 1px solid rgba(255, 255, 255, 0.15);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }

        /* Fixed Parallax Architecture Layouts */
        .parallax-window {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        @media (max-width: 1024px) {
            .parallax-window {
                background-attachment: scroll;
            }
        }

        /* Horizontal Scroll Flex Track Logic */
        .horizontal-scroll-container {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none; /* Firefox */
        }
        .horizontal-scroll-container::-webkit-scrollbar {
            display: none; /* Safari/Chrome */
        }
        .horizontal-card {
            scroll-snap-align: start;
            flex: 0 0 auto;
        }

        /* Intersection Observer Fade Engine Properties */
        .reveal-element {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Animated Structural Lines */
        .scrolling-line {
            width: 0%;
            height: 1px;
            background-color: var(--primary-accent);
            transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-element.active .scrolling-line {
            width: 100%;
        }

          .spa-view-layer.hidden {
    display: none;
  }
  .spa-view-layer {
    display: block;
  }
  body {
    font-family: system-ui, -apple-system, 'Inter', 'Segoe UI', Roboto, sans-serif;
  }
  .text-justify {
    text-align: justify;
  }
  .tracking-tighter {
    letter-spacing: -0.05em;
  }
  @media (max-width: 768px) {
    .text-5xl {
      font-size: 2.5rem;
    }
    .text-7xl {
      font-size: 3.5rem;
    }
  }