:root{--bg-navy:#020617;--bg-deep:#01040a;--moonlight:#a5d2ff;--moonlight-glow:rgba(165, 210, 255, 0.15);--accent-gold:#dfa857;--accent-gold-glow:rgba(223, 168, 87, 0.25);--text-white:#f8faff;--text-muted:rgba(248, 250, 255, 0.7);--glass-bg:rgba(4, 9, 24, 0.45);--glass-border:rgba(255, 255, 255, 0.05);--glass-border-gold:rgba(223, 168, 87, 0.15);--glass-hover:rgba(255, 255, 255, 0.08);--glass-hover-bg:rgba(6, 12, 32, 0.65);--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-80:80px;--space-90:90px;--space-96:96px;--section-padding:var(--space-90);--container-max:1280px;--transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);--moon-size:140px;}
@media (max-width:1024px){:root{--section-padding:var(--space-72, 72px);}
}
@media (max-width:768px){:root{--section-padding:var(--space-56, 56px);}
}
*, *::before, *::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;height:auto;min-height:100%;}
body{background-color:transparent !important;color:var(--text-white);font-family:'Outfit', sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative;width:100%;height:auto;min-height:100%;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--bg-navy);}
::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:var(--moonlight);}
h1, h2, h3, h4, .luxury-heading{font-family:'Playfair Display', serif;font-weight:600;letter-spacing:-0.01em;}
a{text-decoration:none;color:inherit;transition:var(--transition);}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{max-width:var(--container-max);margin:0 auto;padding:0 2.5rem;}
.cinematic-bg-wrapper{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:-10;pointer-events:none;overflow:hidden;background:linear-gradient(135deg, #020817 0%, #071B3A 50%, #123D75 100%);}
.sky-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.nebula-mist{position:absolute;top:5%;right:-10%;width:80vw;height:80vh;background:radial-gradient(circle at 85% 50%, rgba(18, 61, 117, 0.25) 0%, rgba(7, 27, 58, 0.1) 45%, transparent 70%);filter:blur(60px);z-index:0;pointer-events:none;mix-blend-mode:screen;will-change:transform;}
.desktop-moon-bg{display:none;}
@media (min-width:1025px){.desktop-moon-bg{display:block;position:absolute;top:-4vh;left:-4vw;width:108vw;height:108dvh;z-index:1;will-change:transform;transform-style:preserve-3d;}
}
.desktop-moon-inner{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('assets/moon_bg.webp');background-size:cover;background-position:right center;background-repeat:no-repeat;z-index:1;}
.moon-aura-pulse{position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 92% 50%, rgba(165, 210, 255, 0.45) 0%, rgba(165, 210, 255, 0.12) 35%, transparent 65%);z-index:0;pointer-events:none;mix-blend-mode:screen;animation:breathingGlow 3s infinite ease-in-out alternate;}
.moon-edge-scatter{position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 92% 50%, rgba(165, 210, 255, 0.4) 0%, rgba(165, 210, 255, 0) 42%);z-index:2;pointer-events:none;mix-blend-mode:screen;animation:edgeLightScatter 6s infinite ease-in-out alternate;}
.moon-light-rays{position:absolute;top:0;right:0;width:100%;height:100%;background:repeating-conic-gradient(from 0deg at 92% 50%, transparent 0%, rgba(165, 210, 255, 0.04) 2%, transparent 4%, transparent 10%);mix-blend-mode:screen;z-index:1;pointer-events:none;animation:rotateRays 120s infinite linear;}
@keyframes rotateRays{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes breathingGlow{0%{opacity:0.45;transform:scale(0.92);}
100%{opacity:1.0;transform:scale(1.08);}
}
@keyframes edgeLightScatter{0%{opacity:0.85;}
100%{opacity:1.0;}
}
.mobile-moon-bg{display:none;}
@media (max-width:1024px){.mobile-moon-bg{display:block;position:absolute;top:-4vh;left:-4vw;width:108vw;height:108dvh;z-index:1;overflow:hidden;}
.mobile-moon-inner{width:100%;height:100%;background-image:url('assets/moon_bg.webp');background-size:cover;background-position:82% center;background-repeat:no-repeat;animation:mobileMoonFloatSimple 8s infinite ease-in-out alternate;z-index:1;}
.mobile-moon-aura{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 82% 50%, rgba(165, 210, 255, 0.2) 0%, rgba(165, 210, 255, 0.05) 30%, transparent 60%);z-index:0;pointer-events:none;mix-blend-mode:screen;animation:breathingGlow 3s infinite ease-in-out alternate;}
}
@keyframes mobileMoonFloatSimple{0%{transform:translateY(0);}
100%{transform:translateY(15px);}
}
.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;perspective:1200px;transform-style:preserve-3d;}
.stars-layer-1-wrap, .stars-layer-2-wrap, .stars-layer-3-wrap, .stars-layer-4-wrap, .stars-layer-5-wrap, .stars-layer-comets{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;pointer-events:none;}
.stars-layer-1-inner{animation:driftL1 90s infinite linear;}
.stars-layer-2-inner{animation:driftL2 80s infinite linear;}
.stars-layer-3-inner{animation:driftL3 70s infinite linear;}
.stars-layer-4-inner{animation:driftL4 60s infinite linear;}
.stars-layer-5-inner{animation:driftL5 50s infinite linear;}
@keyframes driftL1{from{transform:translate3d(0, 0, 0);}
to{transform:translate3d(-3%, -2%, 0);}
}
@keyframes driftL2{from{transform:translate3d(0, 0, 0);}
to{transform:translate3d(3%, -3%, 0);}
}
@keyframes driftL3{from{transform:translate3d(0, 0, 0);}
to{transform:translate3d(-2%, 3%, 0);}
}
@keyframes driftL4{from{transform:translate3d(0, 0, 0);}
to{transform:translate3d(4%, 2%, 0);}
}
@keyframes driftL5{from{transform:translate3d(0, 0, 0);}
to{transform:translate3d(-3%, 4%, 0);}
}
.star{position:absolute;background:#ffffff;border-radius:50%;animation:starTwinkleRandom 3.5s infinite ease-in-out;}
@keyframes starTwinkleRandom{0%, 100%{opacity:0.15;transform:scale(0.8);}
50%{opacity:0.95;transform:scale(1.25);}
}
.star-cluster{position:absolute;width:140px;height:140px;background:radial-gradient(circle, rgba(165, 210, 255, 0.18) 0%, rgba(165, 210, 255, 0.05) 40%, transparent 70%);filter:blur(8px);pointer-events:none;z-index:1;}
.flying-comet{position:absolute;width:1.5px;height:1.5px;background:#ffffff;border-radius:50%;opacity:0;box-shadow:0 0 5px #ffffff;animation:cometFly 22s infinite linear;}
@keyframes cometFly{0%{transform:translate3d(-10vw, 0, 0);opacity:0;}
10%{opacity:0.6;}
90%{opacity:0.6;}
100%{transform:translate3d(110vw, -15vh, 0);opacity:0;}
}
.fireflies-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.firefly{position:absolute;width:4.5px;height:4.5px;background:radial-gradient(circle, rgba(230, 184, 92, 1) 0%, rgba(230, 184, 92, 0) 80%);border-radius:50%;filter:drop-shadow(0 0 4px #e6b85c);animation:floatFirefly 14s infinite ease-in-out alternate;will-change:transform, opacity;}
@keyframes floatFirefly{0%{transform:translate3d(0, 0, 0) scale(0.8);opacity:0.2;}
50%{transform:translate3d(80px, -60px, 0) scale(1.2);opacity:0.98;}
100%{transform:translate3d(-40px, -110px, 0) scale(0.6);opacity:0.3;}
}
.space-dust-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;will-change:transform;}
.space-dust-particle{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(165, 210, 255, 0.42) 0%, transparent 80%);filter:blur(0.5px);will-change:transform, opacity;}
@keyframes dustFade{0%, 100%{opacity:0.12;transform:translate3d(0, 0, 0);}
50%{opacity:0.45;transform:translate3d(var(--drift-x, 25px), var(--drift-y, -25px), 0);}
}
.fog-layer{position:absolute;bottom:0;left:0;width:200%;height:60%;background:radial-gradient(ellipse at 50% 90%, rgba(10, 28, 55, 0.22) 0%, transparent 70%);filter:blur(55px);z-index:1;pointer-events:none;animation:fogDriftSlow 40s infinite linear;will-change:transform;}
@keyframes fogDriftSlow{0%{transform:translate3d(0, 0, 0);}
50%{transform:translate3d(-20%, 5px, 0);}
100%{transform:translate3d(0, 0, 0);}
}
.cursor-trail-particle{position:absolute;width:7px;height:7px;background:radial-gradient(circle, #e6b85c 0%, rgba(165, 210, 255, 0.8) 50%, transparent 85%);border-radius:50%;filter:drop-shadow(0 0 2.5px #e6b85c);pointer-events:none;z-index:10;will-change:transform, opacity;animation:trailParticleFade 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;transform-origin:center;}
@keyframes trailParticleFade{0%{transform:translate3d(-50%, -50%, 0) scale(1);opacity:0.95;}
100%{transform:translate3d(calc(-50% + var(--dx, 0px)), calc(-50% + 40px), 0) scale(0.1);opacity:0;}
}
.cursor-ripple{position:absolute;border:1.5px solid rgba(165, 210, 255, 0.65);border-radius:50%;pointer-events:none;z-index:11;will-change:transform, opacity;animation:rippleExpand 0.6s cubic-bezier(0.1, 0.8, 0.3, 1) forwards;transform:translate3d(-50%, -50%, 0);box-shadow:0 0 8px rgba(165, 210, 255, 0.3);}
@keyframes rippleExpand{0%{width:0;height:0;opacity:1;}
100%{width:100px;height:100px;opacity:0;}
}
.moon-system{display:none !important;position:absolute;top:6%;right:6%;width:clamp(140px, 20vw, 260px);height:clamp(140px, 20vw, 260px);border-radius:50%;background:transparent !important;mix-blend-mode:screen;z-index:2;will-change:transform;}
.moon-body{position:absolute;width:100%;height:100%;border-radius:50%;background-image:url('moon image.jpg');background-size:140% auto;background-position:center 49%;background-repeat:no-repeat;background-color:transparent !important;mix-blend-mode:screen;box-shadow:0 0 35px rgba(165, 210, 255, 0.45);z-index:2;}
.moon-volumetric-glow{position:absolute;top:-30%;left:-30%;right:-30%;bottom:-30%;border-radius:50%;background:radial-gradient(circle, rgba(165, 210, 255, 0.4) 0%, rgba(165, 210, 255, 0.15) 45%, transparent 70%);animation:moonGlowPulse 6s infinite ease-in-out alternate;pointer-events:none;z-index:1;mix-blend-mode:screen;}
@keyframes moonGlowPulse{0%{opacity:0.75;transform:scale(0.96);}
100%{opacity:1;transform:scale(1.04);}
}
.clouds-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;will-change:transform;}
.cloud{position:absolute;border-radius:50%;filter:blur(50px);opacity:0.65;}
.cloud-shadow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 60%, rgba(2, 8, 23, 0.65) 0%, transparent 75%);}
.cloud-highlight{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 75% 25%, rgba(165, 210, 255, 0.16) 0%, transparent 60%);}
.cloud-left{width:clamp(300px, 45vw, 600px);height:clamp(180px, 25vw, 350px);top:15%;left:-8%;background:radial-gradient(ellipse at center, rgba(18, 61, 117, 0.3) 0%, rgba(7, 27, 58, 0.1) 60%, transparent 85%);animation:floatSlowLeft 40s infinite ease-in-out alternate;}
.cloud-right{width:clamp(250px, 35vw, 500px);height:clamp(150px, 20vw, 300px);top:25%;right:-5%;background:radial-gradient(ellipse at center, rgba(165, 210, 255, 0.14) 0%, rgba(18, 61, 117, 0.08) 60%, transparent 85%);animation:floatSlowRight 30s infinite ease-in-out alternate;}
.cloud-bottom{width:clamp(400px, 60vw, 850px);height:clamp(200px, 30vw, 400px);bottom:-8%;left:12%;background:radial-gradient(ellipse at center, rgba(7, 27, 58, 0.45) 0%, rgba(18, 61, 117, 0.18) 60%, transparent 85%);animation:floatSlowBottom 50s infinite ease-in-out alternate;}
@keyframes floatSlowLeft{0%{transform:translate3d(0, 0, 0) scale(1);}
100%{transform:translate3d(30px, -15px, 0) scale(1.06);}
}
@keyframes floatSlowRight{0%{transform:translate3d(0, 0, 0) scale(1);}
100%{transform:translate3d(-25px, 12px, 0) scale(1.04);}
}
@keyframes floatSlowBottom{0%{transform:translate3d(0, 0, 0) scale(1);}
100%{transform:translate3d(15px, -10px, 0) scale(1.02);}
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 1000;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(2, 6, 23, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    transition: 
        background 400ms cubic-bezier(0.4, 0, 0.2, 1), 
        backdrop-filter 400ms cubic-bezier(0.4, 0, 0.2, 1), 
        -webkit-backdrop-filter 400ms cubic-bezier(0.4, 0, 0.2, 1), 
        height 400ms cubic-bezier(0.4, 0, 0.2, 1), 
        box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1), 
        border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 65%, transparent 100%);
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar.scrolled {
    height: 76px;
    background: rgba(2, 6, 23, 0.85);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35);
}

.home-page .navbar:not(.scrolled) {
    background: rgba(2, 6, 23, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border-bottom-color: rgba(255, 255, 255, 0);
    box-shadow: none;
}

.home-page .navbar:not(.scrolled)::before {
    opacity: 1;
}
.navbar .nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0;}
.brand-logo-icon{height:46px;width:auto;transition:height 300ms ease, filter 300ms ease;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));}
.logo:hover .brand-logo-icon{filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));}
.navbar.scrolled .brand-logo-icon{height:41px;}
.logo{display:flex;align-items:center;text-decoration:none;gap:1rem;position:relative;z-index:1;}
.logo::before{content:'';position:absolute;top:50%;left:23px;transform:translate(-50%, -50%);width:58px;height:58px;background:radial-gradient(circle, rgba(165, 210, 255, 0.22) 0%, rgba(165, 210, 255, 0) 70%);pointer-events:none;z-index:-1;filter:blur(5px);transition:all 300ms ease;}
.logo:hover::before{background:radial-gradient(circle, rgba(165, 210, 255, 0.32) 0%, rgba(165, 210, 255, 0) 70%);}
.navbar.scrolled .logo::before{left:20px;width:52px;height:52px;}
.logo-text-wrapper{display:flex;flex-direction:column;align-items:flex-start;line-height:1.0;pointer-events:none;}
.logo-title{font-family:'Bebas Neue', sans-serif;font-weight:700;font-size:1.65rem;letter-spacing:4px;color:#FFFFFF;text-transform:uppercase;margin:0;padding:0;line-height:1.0;transition:font-size 300ms ease, letter-spacing 300ms ease;}
.logo-tagline{font-family:'Selima', 'Alex Brush', 'Allura', cursive;font-size:1.15rem;color:#C89A63;margin-top:1px;margin-bottom:0;letter-spacing:0.5px;font-weight:400;text-transform:none;font-style:italic;transition:font-size 300ms ease;}
.navbar.scrolled .logo-title{font-size:1.45rem;letter-spacing:3px;}
.navbar.scrolled .logo-tagline{font-size:1.0rem;}
.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#020617;z-index:999999;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;transition:opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.5s cubic-bezier(0.16, 1, 0.3, 1);pointer-events:all;overflow:hidden;}
.loader-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none;}
.loader-logo-container{position:relative;display:inline-block;padding:30px;}
.loader-logo-container .logo::before{display:none !important;}
.loader-logo-container .logo{opacity:0;transform:translateY(15px) scale(0.85);animation:loaderLogoReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
@keyframes loaderLogoReveal{0%{opacity:0;transform:translateY(15px) scale(0.85);}
100%{opacity:1;transform:translateY(0) scale(1);}
}
.loader-logo-container::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:280px;height:120px;background:radial-gradient(circle, rgba(165, 210, 255, 0.26) 0%, rgba(165, 210, 255, 0) 70%);border-radius:50%;pointer-events:none;z-index:-1;filter:blur(10px);opacity:0;animation:moonlightGlowPulse 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s forwards;}
@keyframes moonlightGlowPulse{0%{opacity:0;transform:translate(-50%, -50%) scale(0.8);}
40%{opacity:1;transform:translate(-50%, -50%) scale(1.15);}
70%{opacity:0.85;transform:translate(-50%, -50%) scale(1.0);}
100%{opacity:0.9;transform:translate(-50%, -50%) scale(1.0);}
}
/* Boat Loader Container & Styling */
.boat-loader-container {
    position: absolute;
    top: calc(50% + 90px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 320px;
    opacity: 0;
    animation: boatLoaderReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;
}

@keyframes boatLoaderReveal {
    0% { opacity: 0; transform: translate(-50%, 15px); }
    100% { opacity: 1; transform: translate(-50%, 0); }
}

.water-track {
    position: relative;
    width: 100%;
    height: 35px;
    border-bottom: 1.5px solid rgba(165, 210, 255, 0.15);
    overflow: visible;
}

.waterline-svg {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 12px;
    pointer-events: none;
}

/* Wave Shimmer & Ripple Paths */
.wave-path {
    stroke-linecap: round;
}

.wave-path-1 {
    animation: backwaterWave1 8s linear infinite;
}

.wave-path-2 {
    animation: backwaterWave2 6s linear infinite;
}

@keyframes backwaterWave1 {
    0% { transform: translateX(0); }
    50% { transform: translateX(-15px); }
    100% { transform: translateX(0); }
}

@keyframes backwaterWave2 {
    0% { transform: translateX(0); }
    50% { transform: translateX(15px); }
    100% { transform: translateX(0); }
}

/* Water Shimmers (glowing specs) */
.water-shimmers {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    pointer-events: none;
}

.shimmer {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #a5d2ff;
    border-radius: 50%;
    box-shadow: 0 0 6px #a5d2ff, 0 0 12px rgba(165, 210, 255, 0.8);
    opacity: 0;
    animation: shimmerPulse 3.5s infinite ease-in-out;
}

.shimmer-1 { left: 15%; animation-delay: 0.2s; }
.shimmer-2 { left: 52%; animation-delay: 1.6s; }
.shimmer-3 { left: 82%; animation-delay: 0.9s; }

@keyframes shimmerPulse {
    0%, 100% { opacity: 0; transform: scale(0.6); }
    50% { opacity: 0.75; transform: scale(1.3); }
}

/* Boat & Movement */
.boat-wrapper {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 54px; /* Boat size */
    height: 20px;
    /* Move boat horizontally based on JS progress variable */
    transform: translateX(calc(var(--progress, 0) * (320px - 54px)));
    will-change: transform;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

/* Boat bobbing up & down, and pitching */
.boat-svg {
    width: 100%;
    height: auto;
    overflow: visible;
    animation: boatBobbing 2.6s ease-in-out infinite;
    transform-origin: 50% 70%;
}

@keyframes boatBobbing {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-1.2px) rotate(-0.5deg);
    }
    50% {
        transform: translateY(0.4px) rotate(0.6deg);
    }
    75% {
        transform: translateY(-0.8px) rotate(-0.3deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

/* Trailing Wake ripples behind boat */
.boat-wake {
    position: absolute;
    right: 75%;
    bottom: 2px;
    display: flex;
    gap: 3px;
    pointer-events: none;
}

.wake-ripple {
    width: 6px;
    height: 2px;
    background: rgba(165, 210, 255, 0.4);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    animation: wakeRippleAnim 1.5s infinite linear;
    filter: blur(0.5px);
}

.ripple-1 { animation-delay: 0s; }
.ripple-2 { animation-delay: 0.5s; }
.ripple-3 { animation-delay: 1.0s; }

@keyframes wakeRippleAnim {
    0% {
        transform: scale(0.5) translateX(0);
        opacity: 0.8;
    }
    100% {
        transform: scale(2.2) translateX(-15px);
        opacity: 0;
    }
}

/* Boat reflection on water */
.boat-reflection {
    transform: scaleY(-0.7) translateY(4px);
    transform-origin: 50% 12px;
    opacity: 0.18;
    filter: blur(1px);
    animation: reflectionWaveDistort 2.6s ease-in-out infinite;
}

@keyframes reflectionWaveDistort {
    0%, 100% {
        transform: scaleY(-0.7) translateY(4px) skewX(0deg);
        opacity: 0.18;
    }
    50% {
        transform: scaleY(-0.65) translateY(4.5px) skewX(2deg);
        opacity: 0.13;
    }
}

/* Typography for Loading Text */
.boat-loader-text {
    font-family: 'Outfit', 'Poppins', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    opacity: 0.7;
    animation: textPulse 2.5s ease-in-out infinite;
}

@keyframes textPulse {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 0.85; }
}

/* Adjustments for smaller screen widths */
@media (max-width: 480px) {
    .boat-loader-container {
        width: 260px;
    }
    .boat-wrapper {
        transform: translateX(calc(var(--progress, 0) * (260px - 54px)));
    }
}

.menu-btn{display:none;}
.nav-links{display:flex;gap:45px;align-items:center;margin:0;padding:0;list-style:none;}
.nav-link{font-family:'Montserrat', sans-serif;font-size:0.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;position:relative;color:#FFFFFF;padding:6px 0;text-decoration:none;transition:color 275ms ease-in-out, transform 275ms ease-in-out;display:inline-block;}
.nav-link:hover{color:#D8A25A;transform:translateY(-2px);}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#D8A25A;box-shadow:0 0 6px rgba(216, 162, 90, 0.4);transform:scaleX(0);transform-origin:center;transition:transform 275ms ease-in-out;border-radius:2px;}
.nav-link:hover::after{transform:scaleX(1);}
@keyframes activeUnderlineExpand{from{transform:scaleX(0);}
to{transform:scaleX(1);}
}
.nav-link.active{color:#D8A25A;}
.nav-link.active::after{transform:scaleX(1);animation:activeUnderlineExpand 350ms ease-out forwards;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.1rem 2.5rem;border-radius:50px;font-size:0.95rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:var(--transition);border:1px solid transparent;}
.btn-primary{background:linear-gradient(135deg, #dfa857, #c59246);color:#020617;font-weight:600;box-shadow:0 4px 20px rgba(223, 168, 87, 0.2);}
.btn-primary:hover{background:linear-gradient(135deg, #e7b76c, #dfa857);transform:translateY(-3px) scale(1.03);box-shadow:0 10px 25px rgba(223, 168, 87, 0.35), 0 0 15px rgba(165, 210, 255, 0.2);}
.btn-outline{background:rgba(255, 255, 255, 0.15);border:1px solid var(--glass-border);color:var(--text-white);}
.btn-outline:hover{background:var(--glass-hover);border-color:var(--moonlight);transform:translateY(-3px) scale(1.03);box-shadow:0 10px 25px rgba(165, 210, 255, 0.15);}
.btn-luxury{padding:1.25rem 2.8rem;position:relative;overflow:hidden;}
.hero-premium{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:3;padding:120px 0 90px;}
.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;background-image:url('assets/hero_night_v2.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none;isolation:isolate;}
.hero-video-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(to bottom, rgba(2, 8, 23, 0.4) 0%, rgba(2, 8, 23, 0.2) 50%, rgba(2, 8, 23, 0.45) 100%), linear-gradient(to right, rgba(2, 8, 23, 0.45) 0%, rgba(2, 8, 23, 0.1) 40%, rgba(2, 8, 23, 0.1) 60%, rgba(2, 8, 23, 0.35) 100%);}
.video-bg{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;pointer-events:none;filter:none;}
.hero-split-container{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100dvh - 210px);position:relative;z-index:10;width:100%;}
.hero-left{z-index:12;}
.hero-content-premium{max-width:680px;}
.hero-label-luxury{display:inline-flex;align-items:center;gap:8px;font-family:'Manrope', sans-serif;font-weight:600;font-size:0.85rem;letter-spacing:5px;text-transform:uppercase;color:#D6A85F;margin-bottom:1.25rem;opacity:0;transform:translateY(20px);animation:heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s;text-shadow:0 2px 10px rgba(0, 0, 0, 0.35);}
.hero-label-luxury .location-icon{color:#D6A85F;flex-shrink:0;}
.hero-title-luxury{font-family:'Cormorant Garamond', serif;font-weight:600;font-size:clamp(4.2rem, 8.5vw, 6.8rem);line-height:0.98;color:#FFFFFF;margin-bottom:0.4rem;letter-spacing:-0.01em;text-shadow:0 4px 25px rgba(0, 0, 0, 0.45);opacity:0;transform:translateY(22px);animation:heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.4s;}
.hero-subtitle-luxury{display:block;font-family:'Cormorant Garamond', serif;font-weight:400;font-style:italic;font-size:clamp(1.6rem, 3vw, 2.4rem);color:#D6A85F;margin-bottom:2.2rem;letter-spacing:0.02em;opacity:0;transform:translateY(22px);animation:heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.55s;text-shadow:0 2px 12px rgba(0, 0, 0, 0.35);}
.hero-tagline-luxury{font-family:'Manrope', sans-serif;font-weight:400;font-size:clamp(1.05rem, 1.4vw, 1.2rem);line-height:1.8;color:rgba(248, 250, 255, 0.85);max-width:550px;margin-bottom:2.75rem;text-shadow:0 2px 14px rgba(0, 0, 0, 0.4);opacity:0;transform:translateY(22px);animation:heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.7s;}
.hero-features-row{display:flex;align-items:center;gap:2rem;margin-top:auto;padding-top:4rem;opacity:0;transform:translateY(22px);animation:heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 1s;}
.feature-item{display:flex;align-items:center;gap:0.75rem;}
.feature-icon{color:#D6A85F;flex-shrink:0;filter:drop-shadow(0 2px 5px rgba(214, 168, 95, 0.2));transition:transform 0.3s ease;}
.feature-item:hover .feature-icon{transform:translateY(-2px);}
.feature-text{font-family:'Manrope', sans-serif;font-size:0.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#FFFFFF;text-shadow:0 2px 8px rgba(0, 0, 0, 0.5);}
.feature-divider{width:1px;height:28px;background:rgba(255, 255, 255, 0.15);}
.hero-dot-navigation{position:absolute;right:4%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.25rem;z-index:100;opacity:0;animation:heroFadeIn 1s ease-out forwards 1.2s;}
.hero-dot-navigation .dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.6);background:transparent;cursor:pointer;transition:all 0.3s ease;}
.hero-dot-navigation .dot.active{background:#D6A85F;border-color:#D6A85F;box-shadow:0 0 10px rgba(214, 168, 95, 0.6);transform:scale(1.2);}
.hero-dot-navigation .dot:hover{border-color:#D6A85F;transform:scale(1.2);}
.watch-experience-badge{position:absolute;right:5%;bottom:8%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;opacity:0;transform:scale(0.9);animation:heroWatchReveal 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 1.4s;}
@keyframes heroWatchReveal{to{opacity:1;transform:scale(1);}
}
.watch-circle-text{position:absolute;width:100%;height:100%;animation:spinBadge 18s linear infinite;transform-origin:center;pointer-events:none;}
@keyframes spinBadge{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.play-btn-circle{width:52px;height:52px;border-radius:50%;background:rgba(4, 9, 24, 0.9);border:1px solid rgba(214, 168, 95, 0.15);display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.9);}
.play-icon-arrow{margin-left:3px;transition:transform 0.3s ease, fill 0.3s ease;fill:#FFFFFF;}
.watch-experience-badge:hover .play-btn-circle{background:#D6A85F;border-color:#D6A85F;transform:scale(1.1);box-shadow:0 8px 25px rgba(214, 168, 95, 0.45);}
.watch-experience-badge:hover .play-icon-arrow{fill:#0C131D;transform:scale(1.05);}
.watch-experience-badge:hover .watch-circle-text{animation-duration:10s;}
@keyframes heroFadeIn{from{opacity:0;}
to{opacity:1;}
}
@media (max-width:1024px){.hero-dot-navigation, .watch-experience-badge{display:none;}
}
@media (max-width:991px){.hero-features-row{gap:1.5rem;}
}
@media (max-width:768px){.hero-split-container{min-height:auto;gap:3rem;}
.hero-features-row{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:2rem;margin-top:2rem;}
.feature-divider{display:none;}
}
.hero-btns-wrapper{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;opacity:0;transform:translateY(22px);animation:heroFadeUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.85s;}
.btn-primary-luxury{display:inline-flex;align-items:center;justify-content:center;font-family:'Manrope', sans-serif;font-weight:500;font-size:0.92rem;letter-spacing:1px;text-transform:uppercase;color:#0C131D;background-color:#D6A85F;padding:1.15rem 2.6rem;border-radius:50px;border:1px solid #D6A85F;cursor:pointer;box-shadow:0 6px 24px rgba(214, 168, 95, 0.28);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);text-decoration:none;}
.btn-primary-luxury:hover{background-color:#E2B66E;border-color:#E2B66E;color:#050A10;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(214, 168, 95, 0.42), 0 0 15px rgba(255, 255, 255, 0.2);}
.btn-secondary-luxury{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:'Manrope', sans-serif;font-weight:500;font-size:0.92rem;letter-spacing:0.5px;color:#FFFFFF;background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.15);padding:1.15rem 2.4rem;border-radius:50px;cursor:pointer;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);text-decoration:none;}
.btn-secondary-luxury .btn-arrow{display:inline-block;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);}
.btn-secondary-luxury:hover{background:rgba(255, 255, 255, 0.14);border-color:#D6A85F;color:#D6A85F;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0, 0, 0, 0.3);}
.btn-secondary-luxury:hover .btn-arrow{transform:translateX(4px);}
@keyframes heroFadeUp{0%{opacity:0;transform:translateY(22px);}
100%{opacity:1;transform:translateY(0);}
}
.moonlight-glow{position:absolute;top:0;left:40%;width:60%;height:100%;background:radial-gradient(ellipse at top center, rgba(165, 210, 255, 0.18) 0%, transparent 65%);z-index:2;pointer-events:none;}
.hero-fog-layer{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top, rgba(2, 6, 23, 0.9), transparent);z-index:4;pointer-events:none;}
.hero-fog-layer::after{content:'';position:absolute;bottom:0;left:0;width:200%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 500"><path fill="rgba(255,255,255,0.03)" d="M0 500 V 300 Q 250 250 500 300 T 1000 300 V 500 Z" /></svg>');background-size:100% auto;background-repeat:repeat-x;filter:blur(20px);animation:fogDrift 38s linear infinite;opacity:0.45;}
@keyframes fogDrift{0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}
.fireflies-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden;}
.firefly{position:absolute;width:4px;height:4px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 10px 2px var(--accent-gold), 0 0 20px 4px rgba(223, 168, 87, 0.4);animation:fireflyFloat var(--d) ease-in-out infinite alternate;opacity:0;}
@keyframes fireflyFloat{0%{transform:translate(0, 0) scale(0.6);opacity:0;}
30%{opacity:0.8;}
60%{opacity:0.3;}
100%{transform:translate(var(--x), var(--y)) scale(1.4);opacity:0;}
}
.hero-right{display:flex;justify-content:flex-end;align-items:center;perspective:1200px;}
.hero-cards-vertical{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:340px;}
.hero-glass-card{height:110px;display:flex;flex-direction:column;justify-content:center;background:rgba(4, 9, 24, 0.9);border:1px solid var(--glass-border);border-left:2px solid rgba(255, 255, 255, 0.15);border-radius:20px;padding:1rem 2rem;box-shadow:0 10px 30px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.15);opacity:0;transform:translateX(40px) rotateY(-10deg);animation:heroSlideIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards calc(0.18s * var(--i) + 1s), cardFloating 6s ease-in-out infinite calc(0.6s * var(--i));transition:var(--transition);cursor:pointer;overflow:hidden;}
.hero-glass-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.03), transparent );transition:0.6s;}
.hero-glass-card:hover::before{left:100%;}
@keyframes heroSlideIn{to{opacity:1;transform:translateX(0) rotateY(0);}
}
@keyframes cardFloating{0%, 100%{transform:translateY(0) rotate(0deg);}
50%{transform:translateY(-8px) rotate(0.5deg);}
}
.hero-glass-card:hover{transform:translateY(-6px) scale(1.03);background:rgba(8, 16, 40, 0.7);border-color:var(--accent-gold-glow);border-left-color:var(--accent-gold);box-shadow:0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(223, 168, 87, 0.15);}
.card-glass-content h4{font-size:1.15rem;color:var(--text-white);margin-bottom:0.4rem;letter-spacing:0.5px;}
.card-glass-content p{font-size:0.85rem;color:var(--moonlight);opacity:0.8;font-weight:300;}
section{padding:var(--section-padding) 0;position:relative;}
.section-header{margin-bottom:4.5rem;padding-top:0.5rem;}
.section-tag{font-size:0.82rem;color:var(--accent-gold);font-weight:600;margin-bottom:1.2rem;display:block;letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 20px rgba(223, 168, 87, 0.2);}
.section-title{font-size:clamp(2.4rem, 4.5vw, 3.8rem);line-height:1.15;color:var(--text-white);text-shadow:0 4px 20px rgba(0,0,0,0.5);padding-bottom:0.15em;}
.text-muted{color:var(--text-muted);font-size:1.05rem;font-weight:300;line-height:1.75;}
.experiences-section::before{content:'';position:absolute;top:10%;left:50%;transform:translateX(-50%);width:70%;height:60%;background:radial-gradient(ellipse, rgba(165, 210, 255, 0.035) 0%, transparent 70%);pointer-events:none;z-index:0;filter:blur(60px);animation:ambientPulse 12s ease-in-out infinite alternate;}
@keyframes ambientPulse{0%{opacity:0.5;transform:translateX(-50%) scale(1);}
100%{opacity:1;transform:translateX(-50%) scale(1.08);}
}
.experience-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;position:relative;z-index:1;}
.experience-card{position:relative;height:480px;perspective:1500px;background:transparent;border:none;will-change:transform, opacity;opacity:0;transform:translateY(40px) scale(0.95);filter:blur(6px);}
.experience-card.card-revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--i, 0) * 0.12s), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--i, 0) * 0.12s), filter 0.7s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--i, 0) * 0.12s);}
.experience-card-float{width:100%;height:100%;}
.experience-card.card-revealed .experience-card-float{animation:boatFloat 6s ease-in-out infinite calc(var(--i, 0) * 0.8s);}
@keyframes boatFloat{0%, 100%{transform:translate3d(0, 0, 0);}
50%{transform:translate3d(0, -6px, 0);}
}
.experience-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
@media (min-width:1025px){.experience-card:hover .experience-card-inner{transform:translate3d(0, -12px, 0) rotateY(180deg);}
}
.experience-card.flipped .experience-card-inner{transform:translate3d(0, -12px, 0) rotateY(180deg);}
.card-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;overflow:hidden;background:rgba(4, 9, 24, 0.9);border:1px solid rgba(255, 255, 255, 0.15);box-shadow:0 8px 32px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.15);transition:border-color 0.35s ease, box-shadow 0.35s ease;}
@media (min-width:1025px){.experience-card:hover .card-face{border-color:rgba(223, 168, 87, 0.35);box-shadow:0 24px 48px rgba(0, 0, 0, 0.5), 0 0 35px rgba(223, 168, 87, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.1);}
}
.experience-card.flipped .card-face{border-color:rgba(223, 168, 87, 0.35);box-shadow:0 24px 48px rgba(0, 0, 0, 0.5), 0 0 35px rgba(223, 168, 87, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.1);}
.card-front{z-index:2;transform:rotateY(0deg);}
.card-front .experience-img-wrapper{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden;}
.card-front .experience-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);}
@media (min-width:1025px){.experience-card:hover .experience-img-wrapper img{transform:scale(1.08);}
}
.card-front-overlay{position:absolute;inset:0;z-index:3;padding:2.2rem 1.8rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;}
.category-badge{align-self:flex-start;background:rgba(223, 168, 87, 0.15);border:1px solid rgba(223, 168, 87, 0.15);color:var(--accent-gold);padding:0.35rem 0.9rem;border-radius:50px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;}
.card-front-title{font-family:'Playfair Display', serif;font-size:1.8rem;font-weight:600;color:var(--text-white);letter-spacing:0.5px;text-shadow:0 2px 10px rgba(0, 0, 0, 0.7);line-height:1.25;}
.card-front-gradient{position:absolute;inset:0;background:linear-gradient( to bottom, rgba(2, 6, 23, 0.05) 0%, rgba(2, 6, 23, 0.3) 55%, rgba(2, 6, 23, 0.88) 100% );z-index:2;pointer-events:none;}
.card-back{transform:rotateY(180deg);background:rgba(4, 9, 24, 0.88);padding:2.2rem 1.8rem;display:flex;flex-direction:column;text-align:left;}
.card-back-title{font-family:'Playfair Display', serif;font-size:1.5rem;font-weight:600;color:var(--text-white);margin-bottom:0.6rem;border-bottom:1px solid rgba(223, 168, 87, 0.15);padding-bottom:0.4rem;}
.card-back-description{color:var(--text-muted);font-size:0.88rem;line-height:1.6;margin-bottom:1.2rem;font-weight:300;}
.card-back-highlights{list-style:none;padding:0;margin:0 0 1.2rem 0;display:flex;flex-direction:column;gap:0.5rem;}
.card-back-highlights li{display:flex;align-items:center;gap:0.6rem;font-size:0.88rem;color:var(--text-white);}
.highlight-icon{color:var(--accent-gold);font-weight:bold;font-size:1.1rem;line-height:1;}
.highlight-text{font-weight:400;}
.card-back-meta{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.5rem;border-top:1px solid rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.05);padding:0.8rem 0;margin-bottom:1.4rem;}
.meta-item{display:flex;flex-direction:column;align-items:center;text-align:center;}
.meta-label{font-size:0.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.2rem;}
.meta-val{font-size:0.82rem;color:var(--accent-gold);font-weight:600;}
.btn-luxury-cta{margin-top:auto;width:100%;background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:0.8rem 1.5rem;font-size:0.85rem;font-weight:500;letter-spacing:1.5px;border-radius:50px;text-transform:uppercase;text-align:center;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.btn-luxury-cta:hover{background:linear-gradient(135deg, #dfa857, #c59246);color:#020617;border-color:transparent;box-shadow:0 8px 20px rgba(223, 168, 87, 0.25);transform:translate3d(0, -2px, 0);}
.why-us-section{position:relative;padding:70px 5%;width:100%;max-width:100%;overflow:hidden;background:transparent !important;}
.why-us-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:2;}
.section-header-compact{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:30px;}
.why-us-title{font-family:'Playfair Display', serif;font-size:60px;font-weight:700;color:#ffffff;margin:0 0 12px 0;line-height:1.15;}
.why-us-subtitle{font-family:'Outfit', sans-serif;font-size:1.05rem;color:rgba(255, 255, 255, 0.75);max-width:620px;margin:0 0 30px 0;line-height:1.6;}
.why-us-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;}
.why-card{position:relative;height:360px;border-radius:28px;background:rgba(12, 18, 35, 0.9) !important;border:1px solid rgba(255, 255, 255, 0.15) !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.9) !important;padding:32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;perspective:1000px;transform-style:preserve-3d;opacity:0;transform:translateY(50px) scale(0.95);transition:opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;}
.why-us-section.active .why-card:nth-child(1){transition-delay:0s, 0s;}
.why-us-section.active .why-card:nth-child(2){transition-delay:0.15s, 0.15s;}
.why-us-section.active .why-card:nth-child(3){transition-delay:0.3s, 0.3s;}
.why-us-section.active .why-card:nth-child(4){transition-delay:0.45s, 0.45s;}
.why-us-section.active .why-card{opacity:1;transform:translateY(0) scale(1);}
.why-card:hover{transform:translateY(-10px) rotateX(4deg) rotateY(-4deg) !important;background:rgba(22, 31, 56, 0.82) !important;border-color:rgba(212, 175, 55, 0.45) !important;box-shadow:0 30px 80px rgba(0, 0, 0, 0.55), 0 0 25px rgba(212, 175, 55, 0.2) !important;transition-duration:0.5s !important;}
.why-card-top-row{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:3;}
.why-icon-badge{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(212, 175, 55, 0.35);transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease, background-color 0.4s ease;}
.why-icon-badge svg{width:28px;height:28px;stroke:#D4AF37;fill:none;}
.why-card:hover .why-icon-badge{transform:translateY(-6px);box-shadow:0 0 15px rgba(212, 175, 55, 0.4);border-color:#D4AF37;background:rgba(255, 255, 255, 0.1);}
.why-card .card-number{font-family:'Playfair Display', serif;font-size:60px;font-weight:700;color:#ffffff;opacity:0.08;line-height:1;pointer-events:none;user-select:none;transition:opacity 0.4s ease;}
.why-card:hover .card-number{opacity:0.04;}
.why-card-content{position:relative;z-index:3;text-align:left;}
.why-card h3{font-family:'Playfair Display', serif;font-size:34px;font-weight:700;color:#ffffff;margin:0 0 16px 0;padding-bottom:12px;position:relative;line-height:1.2;}
.why-card h3::after{content:'';position:absolute;bottom:0;left:0;width:45px;height:2px;background-color:#D4AF37;}
.why-card p{font-family:'Outfit', sans-serif;font-size:18px;color:rgba(255, 255, 255, 0.75);line-height:1.7;margin:0;}
.card-accent{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0.1;overflow:hidden;}
.card-accent svg{width:100%;height:100%;}
@keyframes compassWiggle{0%, 100%{transform:rotate(0deg);}
25%{transform:rotate(-8deg);}
75%{transform:rotate(8deg);}
}
.icon-compass{animation:compassWiggle 6s ease-in-out infinite;}
@keyframes shieldPulse{0%, 100%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(212, 175, 55, 0));}
50%{transform:scale(1.08);filter:drop-shadow(0 0 8px rgba(212, 175, 55, 0.5));}
}
.icon-shield{animation:shieldPulse 3s ease-in-out infinite;}
@keyframes sparklesGlow{0%, 100%{opacity:0.7;filter:drop-shadow(0 0 2px rgba(212, 175, 55, 0.2));}
50%{opacity:1;filter:drop-shadow(0 0 10px rgba(212, 175, 55, 0.8));}
}
.icon-sparkles{animation:sparklesGlow 4s ease-in-out infinite;}
@keyframes usersFloat{0%, 100%{transform:translateY(0);}
50%{transform:translateY(-4px);}
}
.icon-users{animation:usersFloat 5s ease-in-out infinite;}
@keyframes spinAccent{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.spinning-circle{transform-origin:100px 75px;animation:spinAccent 20s linear infinite;}
.orbiting-dot{transform-origin:100px 75px;animation:spinAccent 8s linear infinite;}
.rotating-diamond{transform-origin:100px 75px;animation:spinAccent 25s linear infinite;}
@keyframes floatC1{0%, 100%{transform:translate(0, 0);}
50%{transform:translate(-5px, 3px);}
}
@keyframes floatC2{0%, 100%{transform:translate(0, 0);}
50%{transform:translate(5px, -3px);}
}
.floating-c1{transform-origin:85px 75px;animation:floatC1 8s ease-in-out infinite;}
.floating-c2{transform-origin:115px 75px;animation:floatC2 8s ease-in-out infinite;}
.why-ambient-system{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.why-glow-nebula{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60%;height:60%;background:radial-gradient(circle, rgba(165, 210, 255, 0.05) 0%, transparent 70%);filter:blur(50px);}
.why-particles{position:absolute;inset:0;}
.why-particle{position:absolute;width:4px;height:4px;background:#D4AF37;border-radius:50%;opacity:0.3;animation:whyFloatParticle 12s infinite ease-in-out alternate;}
.why-particle.p1{top:20%;left:10%;animation-delay:0s;--px:40px;--py:-30px;}
.why-particle.p2{top:70%;left:25%;animation-delay:2s;--px:-50px;--py:-20px;}
.why-particle.p3{top:15%;left:75%;animation-delay:4s;--px:30px;--py:40px;}
.why-particle.p4{top:80%;left:85%;animation-delay:1s;--px:-20px;--py:-40px;}
.why-particle.p5{top:40%;left:50%;animation-delay:3s;--px:50px;--py:20px;}
@keyframes whyFloatParticle{0%{transform:translate(0, 0) scale(1);opacity:0.2;}
50%{opacity:0.6;}
100%{transform:translate(var(--px), var(--py)) scale(1.5);opacity:0.2;}
}
@media (max-width:1024px){.why-us-grid{grid-template-columns:repeat(2, 1fr);gap:24px;}
.why-us-title{font-size:48px;}
}
@media (max-width:640px){.why-us-grid{grid-template-columns:1fr;gap:16px !important;}
.why-us-title{font-size:38px;}
.why-card{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;height:128px !important;width:93% !important;margin:0 auto !important;border-radius:22px !important;padding:18px !important;background:rgba(12, 18, 35, 0.9) !important;border:1px solid rgba(212, 175, 55, 0.15) !important;box-shadow:0 10px 30px rgba(0, 0, 0, 0.9), 0 0 20px rgba(37, 99, 235, 0.15) !important;transition:transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease !important;overflow:hidden !important;position:relative !important;transform-style:flat !important;}
.why-card-top-row{display:flex !important;justify-content:center !important;align-items:center !important;width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;flex-shrink:0 !important;position:static !important;margin:0 !important;padding:0 !important;z-index:3 !important;}
.why-icon-badge{width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;border-radius:12px !important;background:rgba(255, 255, 255, 0.05) !important;border:1px solid rgba(212, 175, 55, 0.35) !important;box-shadow:0 0 10px rgba(212, 175, 55, 0.15) !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease, border-color 0.35s ease, background-color 0.35s ease !important;transform:none !important;}
.why-icon-badge svg{width:24px !important;height:24px !important;stroke:#D4AF37 !important;}
.why-card-content{flex-grow:1 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;text-align:left !important;padding-left:2px !important;position:relative !important;z-index:3 !important;overflow:hidden !important;}
.why-card h3{font-size:24px !important;font-weight:700 !important;color:#ffffff !important;margin:0 0 8px 0 !important;padding-bottom:6px !important;position:relative !important;line-height:1.2 !important;}
.why-card h3::after{content:'' !important;position:absolute !important;bottom:0 !important;left:0 !important;width:50px !important;height:2px !important;background-color:#D4AF37 !important;}
.why-card p{font-size:15px !important;color:#D7D7D7 !important;line-height:1.4 !important;margin:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.why-card .card-number{position:absolute !important;top:12px !important;right:18px !important;font-size:48px !important;font-weight:700 !important;color:#ffffff !important;opacity:0.07 !important;line-height:1 !important;z-index:2 !important;pointer-events:none !important;user-select:none !important;}
.why-card:hover, .why-card:active{transform:translateY(-6px) !important;box-shadow:0 12px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(37, 99, 235, 0.25) !important;border-color:rgba(212, 175, 55, 0.5) !important;background:rgba(22, 31, 56, 0.82) !important;}
.why-card:hover .why-icon-badge, .why-card:active .why-icon-badge{box-shadow:0 0 15px rgba(212, 175, 55, 0.5) !important;transform:none !important;border-color:#D4AF37 !important;background:rgba(255, 255, 255, 0.1) !important;}
.why-card:hover .card-number, .why-card:active .card-number{opacity:0.07 !important;}
}
.package-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;padding:2.5rem 2rem;text-align:center;transition:var(--transition);position:relative;display:flex;flex-direction:column;box-shadow:0 15px 35px rgba(0, 0, 0, 0.9);}
.package-card.popular{border-color:var(--accent-gold-glow);border-top:2px solid var(--accent-gold);transform:scale(1.04);background:rgba(223, 168, 87, 0.04);box-shadow:0 20px 45px rgba(0, 0, 0, 0.4), 0 0 25px rgba(223, 168, 87, 0.1);}
.badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #dfa857, #c59246);color:#020617;padding:0.4rem 1.4rem;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(223, 168, 87, 0.3);}
.package-card h3{font-size:1.65rem;margin-bottom:1.5rem;}
.price{font-size:3.2rem;font-weight:600;margin-bottom:2.2rem;font-family:'Outfit', sans-serif;color:var(--text-white);}
.price span{font-size:1rem;color:var(--text-muted);font-weight:400;letter-spacing:1px;}
.package-features{margin-bottom:3rem;text-align:left;flex-grow:1;}
.package-features li{margin-bottom:0.9rem;color:var(--text-muted);display:flex;align-items:center;gap:0.8rem;font-size:0.95rem;}
.package-features li::before{content:'✓';color:var(--accent-gold);font-weight:bold;font-size:1.1rem;}
.package-card:hover{background:var(--glass-hover-bg);transform:translateY(-8px);border-color:var(--accent-gold-glow);box-shadow:0 25px 45px rgba(0, 0, 0, 0.4), 0 0 25px rgba(165, 210, 255, 0.15);}
.package-card.popular:hover{transform:translateY(-8px) scale(1.04);border-color:var(--accent-gold);box-shadow:0 25px 50px rgba(0, 0, 0, 0.45), 0 0 30px rgba(223, 168, 87, 0.25);}
.split-section{display:flex;align-items:center;gap:5rem;}
.split-img{flex:1;border-radius:30px;overflow:hidden;box-shadow:0 25px 55px rgba(0, 0, 0, 0.5);border:1px solid var(--glass-border);}
.split-img img{width:100%;transition:transform 0.8s var(--transition);}
.split-section:hover .split-img img{transform:scale(1.04);}
.split-content{flex:1;}
.cultural-section{position:relative;padding:var(--section-padding) 0;overflow:hidden;background:transparent;border-top:none;border-bottom:none;}
.cultural-bg-enhancement{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.cultural-moonlight-glow{position:absolute;top:-120px;right:-100px;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle, rgba(165, 210, 255, 0.12) 0%, rgba(223, 168, 87, 0.05) 45%, transparent 70%);filter:blur(40px);}
.cultural-nebula-texture{position:absolute;bottom:-80px;left:-80px;width:600px;height:450px;background:radial-gradient(ellipse at 30% 80%, rgba(223, 168, 87, 0.08) 0%, transparent 70%);filter:blur(50px);}
.cultural-editorial-grid{display:flex;align-items:center;gap:4.5rem;position:relative;z-index:2;}
.cultural-content-col{flex:0 0 42%;max-width:42%;}
.cultural-image-col{flex:0 0 58%;max-width:58%;}
.cultural-editorial-tag{font-family:'Poppins', 'Outfit', sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:3px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:0.9rem;display:block;}
.cultural-editorial-heading{font-family:'Playfair Display', serif;font-size:clamp(2.4rem, 3.8vw, 3.6rem);font-weight:600;color:#ffffff;line-height:1.12;margin-bottom:0.8rem;letter-spacing:-0.01em;text-shadow:0 4px 25px rgba(0, 0, 0, 0.5);}
.cultural-sub-heading{font-family:'Cormorant Garamond', serif;font-size:1.25rem;font-style:italic;color:var(--accent-gold);margin-bottom:1.4rem;font-weight:400;letter-spacing:0.5px;}
.cultural-body-lead{font-family:'Poppins', 'Manrope', sans-serif;font-size:0.96rem;color:rgba(248, 250, 255, 0.78);line-height:1.75;margin-bottom:2.2rem;font-weight:300;}
.cultural-experiences-list{display:flex;flex-direction:column;gap:0.9rem;margin-bottom:2.5rem;}
.cultural-exp-item{display:flex;align-items:center;gap:0.9rem;padding:0.85rem 1.2rem;border-radius:16px;background:rgba(4, 9, 24, 0.9);border:1px solid rgba(223, 168, 87, 0.15);box-shadow:0 8px 20px rgba(0, 0, 0, 0.9);transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;}
.cultural-exp-item:hover{transform:translateX(8px);background:rgba(223, 168, 87, 0.09);border-color:rgba(223, 168, 87, 0.35);box-shadow:0 10px 25px rgba(0, 0, 0, 0.35), 0 0 15px rgba(223, 168, 87, 0.15);}
.exp-check-icon{width:28px;height:28px;border-radius:50%;background:rgba(223, 168, 87, 0.15);border:1px solid rgba(223, 168, 87, 0.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 10px rgba(223, 168, 87, 0.2);}
.exp-item-text{font-family:'Poppins', sans-serif;font-size:0.92rem;font-weight:500;color:var(--text-white);transition:color 0.4s ease;}
.cultural-exp-item:hover .exp-item-text{color:var(--accent-gold);}
.btn-cultural-gold{display:inline-flex;align-items:center;gap:0.75rem;padding:0.95rem 2.2rem;font-size:0.9rem;font-weight:600;letter-spacing:0.8px;color:#020617;background:linear-gradient(135deg, #dfa857 0%, #f3c783 100%);border-radius:50px;box-shadow:0 8px 25px rgba(223, 168, 87, 0.35);transition:var(--transition);}
.btn-cultural-gold:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(223, 168, 87, 0.5);background:linear-gradient(135deg, #f3c783 0%, #dfa857 100%);}
.cultural-image-wrapper{position:relative;width:100%;}
.cultural-gold-frame{position:absolute;top:-16px;left:-16px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:34px;border:1px solid rgba(223, 168, 87, 0.35);box-shadow:0 0 25px rgba(223, 168, 87, 0.15);pointer-events:none;transition:transform 0.6s ease, border-color 0.6s ease;}
.cultural-photo-card{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px rgba(0, 0, 0, 0.5);transform:rotate(1.5deg);transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease;border:1px solid rgba(255, 255, 255, 0.08);}
.cultural-photo{width:100%;height:490px;object-fit:cover;display:block;}
.cultural-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 50%, rgba(2, 6, 23, 0.7) 100%);pointer-events:none;}
.cultural-image-wrapper:hover .cultural-photo-card{transform:rotate(0deg) scale(1.03);box-shadow:0 40px 80px rgba(0, 0, 0, 0.6), 0 0 30px rgba(223, 168, 87, 0.25);}
.cultural-image-wrapper:hover .cultural-gold-frame{transform:scale(1.02) rotate(-0.5deg);border-color:var(--accent-gold);}
.anim-tag-fade, .anim-heading-reveal, .anim-subheading-reveal, .cultural-exp-item, .anim-image-slide{opacity:0;}
.cultural-section.active .anim-tag-fade{animation:fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
.cultural-section.active .anim-heading-reveal{animation:revealHeading 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;}
.cultural-section.active .anim-subheading-reveal{animation:fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;}
.cultural-section.active .cultural-exp-item.item-1{animation:expItemFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;}
.cultural-section.active .cultural-exp-item.item-2{animation:expItemFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.55s forwards;}
.cultural-section.active .cultural-exp-item.item-3{animation:expItemFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards;}
.cultural-section.active .cultural-exp-item.item-4{animation:expItemFade 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.85s forwards;}
.cultural-section.active .anim-image-slide{animation:imageReveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;}
@keyframes fadeUp{from{opacity:0;transform:translateY(25px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes revealHeading{from{opacity:0;transform:translateY(60px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes expItemFade{from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes imageReveal{from{opacity:0;transform:translateX(80px) scale(0.92);}
to{opacity:1;transform:translateX(0) scale(1);}
}
.cultural-floating-quote{position:absolute;bottom:-25px;left:-30px;z-index:10;max-width:380px;background:rgba(4, 9, 24, 0.72);border:1px solid rgba(223, 168, 87, 0.15);border-radius:20px;padding:1.2rem 1.5rem;box-shadow:0 20px 45px rgba(0, 0, 0, 0.9);animation:floatQuote 8s ease-in-out infinite alternate;}
@keyframes floatQuote{0%{transform:translateY(0);}
100%{transform:translateY(-12px);}
}
.quote-icon-gold{font-family:'Playfair Display', serif;font-size:2.2rem;color:var(--accent-gold);line-height:1;margin-bottom:-0.2rem;font-weight:bold;}
.quote-text{font-family:'Cormorant Garamond', serif;font-size:1.05rem;font-style:italic;color:var(--text-white);line-height:1.5;}
@media (max-width:1024px){.cultural-editorial-grid{flex-direction:column;gap:3.5rem;}
.cultural-content-col, .cultural-image-col{flex:0 0 100%;max-width:100%;}
.cultural-photo{height:380px;}
.cultural-floating-quote{left:15px;bottom:-20px;max-width:calc(100% - 30px);}
}
@media (max-width:640px){.cultural-section{padding:5rem 0;}
.cultural-photo{height:320px;}
}
.contact-container{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;}
.contact-info-cards{display:grid;gap:1.5rem;align-content:start;}
.info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:2.2rem;display:flex;align-items:flex-start;gap:1.6rem;transition:var(--transition);}
.info-card:hover{border-color:var(--accent-gold-glow);background:var(--glass-hover-bg);transform:translateY(-4px);box-shadow:0 15px 30px rgba(0, 0, 0, 0.35);}
.info-icon{font-size:1.8rem;color:var(--accent-gold);filter:drop-shadow(0 0 8px rgba(223, 168, 87, 0.25));}
.form-glass{background:rgba(3, 8, 20, 0.9);border:1px solid var(--glass-border);padding:2.5rem;border-radius:32px;box-shadow:0 20px 45px rgba(0, 0, 0, 0.9);}
.form-group{margin-bottom:1.8rem;}
.form-group label{display:block;margin-bottom:0.6rem;font-size:0.9rem;font-weight:500;color:var(--text-muted);letter-spacing:0.5px;}
.form-control{width:100%;background:rgba(255, 255, 255, 0.03);border:1px solid var(--glass-border);padding:1.1rem 1.4rem;border-radius:14px;color:white;font-family:inherit;transition:var(--transition);}
.form-control:focus{outline:none;border-color:var(--moonlight);background:rgba(255, 255, 255, 0.07);box-shadow:0 0 15px rgba(165, 210, 255, 0.15);}
select.form-control option{background:var(--bg-navy);color:white;}
.final-cta{background:transparent !important;border-top:1px solid rgba(255, 255, 255, 0.02);}
.premium-cta{position:relative;overflow:hidden;background:transparent !important;padding:var(--section-padding) 0;border-top:1px solid rgba(216, 177, 90, 0.1);z-index:2;}
.cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2;}
.cta-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
.cta-gold-label{font-family:'Outfit', sans-serif;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:#D8B15A;margin-bottom:1.2rem;}
.cta-title{font-family:'Playfair Display', serif;font-size:clamp(2.4rem, 4.5vw, 3.6rem);line-height:1.2;color:var(--text-white);margin-bottom:2.2rem;}
.cta-title .text-gold{color:#D8B15A;}
.cta-desc{font-family:'Outfit', sans-serif;font-size:1.05rem;color:var(--text-muted);line-height:1.7;max-width:520px;margin-bottom:2.8rem;}
.cta-btn-wrapper{margin-bottom:3.5rem;}
.btn-premium-cta{display:inline-flex;align-items:center;gap:0.8rem;padding:1.1rem 2.4rem;border-radius:50px;background:linear-gradient(135deg, #dfa857 0%, #D8B15A 100%);color:#020617;font-family:'Outfit', sans-serif;font-weight:600;font-size:0.95rem;letter-spacing:1px;box-shadow:0 4px 15px rgba(216, 177, 90, 0.15);transition:all 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.btn-premium-cta svg.btn-arrow-svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.btn-premium-cta:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(216, 177, 90, 0.4);color:#020617;}
.btn-premium-cta:hover svg.btn-arrow-svg{transform:translateX(6px);}
.cta-bottom-highlights{display:flex;gap:2rem;flex-wrap:wrap;}
.cta-badge{display:inline-flex;align-items:center;gap:0.6rem;font-family:'Outfit', sans-serif;font-size:0.85rem;color:var(--text-muted);transition:color 0.3s ease, transform 0.3s ease;}
.cta-badge:hover{color:#f8faff;transform:translateY(-2px);}
.cta-badge svg.badge-icon{width:16px;height:16px;stroke:#D8B15A;}
.cta-panel-wrapper{display:flex;justify-content:flex-end;width:100%;}
.cta-floating-panel{background:rgba(4, 9, 24, 0.9);border:1px solid rgba(216, 177, 90, 0.15);border-radius:28px;padding:2.2rem;width:100%;max-width:440px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 15px 35px rgba(0, 0, 0, 0.9);animation:ctaPanelFloat 6s ease-in-out infinite;}
@keyframes ctaPanelFloat{0%{transform:translateY(0);}
50%{transform:translateY(-8px);}
100%{transform:translateY(0);}
}
.panel-item{display:flex;gap:1.2rem;align-items:flex-start;}
.panel-icon-container{width:44px;height:44px;border-radius:50%;border:1px solid rgba(216, 177, 90, 0.4);display:flex;align-items:center;justify-content:center;color:#D8B15A;background:rgba(216, 177, 90, 0.05);flex-shrink:0;}
.panel-icon-container svg.panel-icon{width:18px;height:18px;}
.panel-text h3{font-family:'Playfair Display', serif;font-size:1.15rem;font-weight:600;color:#f8faff;margin-bottom:0.4rem;}
.panel-text p{font-family:'Outfit', sans-serif;font-size:0.85rem;color:var(--text-muted);line-height:1.5;}
.panel-divider{height:1px;background:rgba(216, 177, 90, 0.15);width:100%;}
.cta-effects-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.cta-rays{position:absolute;top:-50px;right:-100px;width:50vw;height:50vw;background:radial-gradient(circle at 70% 30%, rgba(165, 210, 255, 0.12) 0%, transparent 60%);pointer-events:none;z-index:1;}
.cta-water-shimmer{position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top, rgba(165, 210, 255, 0.04), transparent);mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 3px);-webkit-mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 3px);opacity:0.4;animation:ctaWaterShimmer 4s infinite linear;z-index:1;}
@keyframes ctaWaterShimmer{0%{transform:translateY(0) scaleY(1);opacity:0.3;}
50%{transform:translateY(-1px) scaleY(1.1);opacity:0.5;}
100%{transform:translateY(0) scaleY(1);opacity:0.3;}
}
.cta-shooting-star{position:absolute;top:15%;right:45%;width:100px;height:1px;background:linear-gradient(90deg, rgba(255, 214, 80, 0.6), transparent);transform:rotate(-35deg);opacity:0;animation:ctaShootingStar 25s infinite linear;z-index:1;}
@keyframes ctaShootingStar{0%{transform:translate(0, 0) rotate(-35deg);opacity:0;}
1%{opacity:0.8;}
3%{transform:translate(-300px, 210px) rotate(-35deg);opacity:0;}
100%{transform:translate(-300px, 210px) rotate(-35deg);opacity:0;}
}
.cta-fireflies{position:absolute;inset:0;overflow:hidden;}
.cta-firefly{position:absolute;width:4px;height:4px;background:#dfa857;border-radius:50%;box-shadow:0 0 10px #D8B15A;opacity:0;}
@keyframes ctaFireflyFloat{0%{transform:translate(0, 0) scale(1);opacity:0;}
15%{opacity:0.6;}
85%{opacity:0.6;}
100%{transform:translate(var(--mx), var(--my)) scale(1.2);opacity:0;}
}
.cf-1{left:10%;top:40%;--mx:50px;--my:-60px;animation:ctaFireflyFloat 8s infinite ease-in-out;animation-delay:1s;}
.cf-2{left:45%;top:20%;--mx:-40px;--my:80px;animation:ctaFireflyFloat 11s infinite ease-in-out;animation-delay:3s;}
.cf-3{left:35%;top:70%;--mx:60px;--my:-50px;animation:ctaFireflyFloat 9s infinite ease-in-out;animation-delay:5s;}
.cf-4{left:80%;top:60%;--mx:-70px;--my:-40px;animation:ctaFireflyFloat 10s infinite ease-in-out;animation-delay:0s;}
.cta-particles{position:absolute;inset:0;overflow:hidden;}
.cta-particle{position:absolute;width:5px;height:5px;background:rgba(165, 210, 255, 0.4);border-radius:50%;filter:blur(0.5px);opacity:0;}
@keyframes ctaParticleDrift{0%{transform:translateY(50px) translateX(0);opacity:0;}
20%{opacity:0.3;}
80%{opacity:0.3;}
100%{transform:translateY(-80px) translateX(20px);opacity:0;}
}
.cp-1{left:20%;top:60%;animation:ctaParticleDrift 14s infinite linear;}
.cp-2{left:60%;top:40%;animation:ctaParticleDrift 18s infinite linear;animation-delay:4s;}
.cp-3{left:75%;top:80%;animation:ctaParticleDrift 15s infinite linear;animation-delay:7s;}
.premium-cta .cta-gold-label{opacity:0;transform:translateY(15px);transition:opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);}
.premium-cta .cta-title{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.premium-cta .cta-desc{opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:150ms;}
.premium-cta .cta-btn-wrapper{opacity:0;transform:scale(0.95) translateY(10px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:300ms;}
.premium-cta .cta-bottom-highlights{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:450ms;}
.premium-cta .cta-panel-wrapper{opacity:0;transform:translateX(40px);transition:opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:200ms;}
.premium-cta .panel-item:nth-child(1) .panel-icon-container{opacity:0;transform:scale(0.5) rotate(-30deg);transition:all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);transition-delay:500ms;}
.premium-cta .panel-item:nth-child(3) .panel-icon-container{opacity:0;transform:scale(0.5) rotate(-30deg);transition:all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);transition-delay:650ms;}
.premium-cta .panel-item:nth-child(5) .panel-icon-container{opacity:0;transform:scale(0.5) rotate(-30deg);transition:all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);transition-delay:800ms;}
.premium-cta.active .cta-gold-label{opacity:1;transform:translateY(0);}
.premium-cta.active .cta-title{opacity:1;transform:translateY(0);}
.premium-cta.active .cta-desc{opacity:1;transform:translateY(0);}
.premium-cta.active .cta-btn-wrapper{opacity:1;transform:scale(1) translateY(0);}
.premium-cta.active .cta-bottom-highlights{opacity:1;transform:translateY(0);}
.premium-cta.active .cta-panel-wrapper{opacity:1;transform:translateX(0);}
.premium-cta.active .panel-item .panel-icon-container{opacity:1;transform:scale(1) rotate(0deg);}
@media (max-width:1024px){.cta-grid{grid-template-columns:1fr;gap:3.5rem;}
.cta-content{align-items:center;text-align:center;}
.cta-desc{max-width:600px;}
.cta-panel-wrapper{justify-content:center;}
.cta-floating-panel{max-width:500px;}
}
@media (max-width:600px){.premium-cta{padding:5rem 0;}
.cta-title{font-size:2.2rem;}
.cta-bottom-highlights{justify-content:center;gap:1.2rem;}
}
.premium-footer {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #020813 0%, #051329 50%, #0a1f3d 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    z-index: 5;
    padding: 100px 0 0 0;
}

.premium-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.015);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 1;
    pointer-events: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.footer-bg-decor {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.footer-stars-field {
    position: absolute;
    inset: 0;
    background-image: 
        radial-gradient(1.5px 1.5px at 15% 15%, rgba(255, 255, 255, 0.15), transparent),
        radial-gradient(2px 2px at 40% 35%, rgba(255, 255, 255, 0.2), transparent),
        radial-gradient(1px 1px at 65% 20%, rgba(255, 255, 255, 0.12), transparent),
        radial-gradient(1.5px 1.5px at 85% 45%, rgba(255, 255, 255, 0.18), transparent),
        radial-gradient(2.5px 2.5px at 25% 70%, rgba(255, 255, 255, 0.15), transparent),
        radial-gradient(1.2px 1.2px at 55% 80%, rgba(255, 255, 255, 0.1), transparent),
        radial-gradient(2px 2px at 75% 65%, rgba(255, 255, 255, 0.16), transparent);
    background-size: 100% 100%;
    opacity: 0.6;
    animation: starsTwinkleGentle 5s ease-in-out infinite alternate;
}

.footer-ambient-glow {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 75% 100%, rgba(147, 197, 253, 0.08) 0%, transparent 60%),
        radial-gradient(circle at 25% 100%, rgba(29, 78, 216, 0.05) 0%, transparent 50%);
    animation: ambientBreathe 10s ease-in-out infinite alternate;
}

@keyframes ambientBreathe {
    0% { opacity: 0.8; }
    100% { opacity: 1; transform: scale(1.05); }
}

.footer-boat-silhouette {
    position: absolute;
    bottom: 50px;
    right: 12%;
    width: 100px;
    height: auto;
    color: #020813;
    opacity: 0.07;
    transform-origin: center bottom;
    animation: gentleRock 6s ease-in-out infinite alternate;
    z-index: 2;
}

@keyframes gentleRock {
    0% { transform: rotate(-1.5deg) translateY(0); }
    100% { transform: rotate(1.5deg) translateY(-2px); }
}

.footer-mist-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200%;
    height: 120px;
    background: radial-gradient(ellipse at center, rgba(165, 210, 255, 0.03) 0%, transparent 70%);
    filter: blur(10px);
    pointer-events: none;
    z-index: 3;
}

.footer-mist-layer.mist-1 {
    animation: mistDrift 45s infinite linear;
    opacity: 0.8;
}

.footer-mist-layer.mist-2 {
    bottom: 10px;
    animation: mistDrift 30s infinite linear reverse;
    opacity: 0.5;
    background: radial-gradient(ellipse at center, rgba(30, 64, 175, 0.02) 0%, transparent 70%);
}

@keyframes mistDrift {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.footer-water-ripples {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    overflow: hidden;
    z-index: 1;
}

.footer-water-ripples .ripple {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) scale(0.5);
    border: 1px solid rgba(165, 210, 255, 0.08);
    border-radius: 50%;
    width: 600px;
    height: 80px;
    opacity: 0;
    animation: waterRippleExpand 8s infinite cubic-bezier(0.1, 0.8, 0.3, 1);
}

.footer-water-ripples .ripple-2 {
    animation-delay: 2.5s;
    width: 500px;
    height: 70px;
}

.footer-water-ripples .ripple-3 {
    animation-delay: 5s;
    width: 700px;
    height: 90px;
}

@keyframes waterRippleExpand {
    0% {
        transform: translateX(-50%) scale(0.6);
        opacity: 0;
    }
    10% {
        opacity: 0.15;
    }
    100% {
        transform: translateX(-50%) scale(1.6);
        opacity: 0;
        border-color: rgba(165, 210, 255, 0.02);
    }
}
.footer-newsletter{margin-bottom:5rem;position:relative;z-index:5;width:100%;}
.newsletter-card{background:rgba(4, 9, 24, 0.9);border:1px solid rgba(255, 255, 255, 0.15);border-radius:24px;padding:3.5rem 3rem;box-shadow:0 15px 45px rgba(0, 0, 0, 0.9);text-align:center;max-width:850px;margin:0 auto;position:relative;overflow:hidden;}
.newsletter-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(165, 210, 255, 0.04) 0%, transparent 60%);pointer-events:none;z-index:0;}
.newsletter-heading{font-family:'Playfair Display', serif;font-size:2.4rem;color:var(--text-white);margin-bottom:0.8rem;font-weight:500;letter-spacing:0.5px;position:relative;z-index:1;}
.newsletter-desc{font-family:'Outfit', sans-serif;font-size:1.05rem;color:var(--text-muted);margin-bottom:2.2rem;max-width:520px;margin-left:auto;margin-right:auto;position:relative;z-index:1;}
.newsletter-form{position:relative;z-index:1;max-width:580px;margin:0 auto;}
.newsletter-input-wrapper{display:flex;gap:12px;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.08);border-radius:50px;padding:6px;box-shadow:inset 0 2px 5px rgba(0, 0, 0, 0.2);transition:all 0.4s ease;}
.newsletter-input-wrapper:focus-within{border-color:rgba(165, 210, 255, 0.35);box-shadow:0 0 20px rgba(165, 210, 255, 0.15);}
.newsletter-input{flex:1;background:transparent;border:none;outline:none;padding:0 26px;color:#fff;font-family:'Outfit', sans-serif;font-size:0.98rem;}
.newsletter-input::placeholder{color:rgba(248, 250, 255, 0.45);}
.newsletter-btn{background:#D8B15A;color:#020617;border:none;outline:none;font-family:'Outfit', sans-serif;font-weight:600;font-size:0.95rem;letter-spacing:1px;padding:14px 34px;border-radius:50px;cursor:pointer;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 4px 15px rgba(223, 168, 87, 0.25);position:relative;overflow:hidden;}
.newsletter-btn:hover{background:#ffffff;color:#020617;box-shadow:0 0 25px rgba(255, 255, 255, 0.4), 0 0 35px rgba(165, 210, 255, 0.25);transform:translateY(-2px);}
.footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.6fr;gap:4rem;margin-bottom:6rem;position:relative;z-index:5;}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;}
.footer-col-brand{display:flex;flex-direction:column;align-items:flex-start;}
.footer-logo{margin-bottom:1.8rem;display:flex;align-items:center;gap:0.8rem;}
.footer-logo .brand-logo-icon{height:58px;}
.footer-brand-desc{font-family:'Outfit', sans-serif;font-size:0.98rem;color:var(--text-muted);line-height:1.7;margin-bottom:2.2rem;max-width:320px;}
.footer-socials{display:flex;gap:1rem;}
.social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.15);color:var(--text-muted);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 4px 15px rgba(0, 0, 0, 0.9);}
.social-btn svg{width:20px;height:20px;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.social-btn:hover{transform:translateY(-5px) scale(1.08);background:rgba(255, 255, 255, 0.06);border-color:rgba(165, 210, 255, 0.3);color:#ffffff;box-shadow:0 8px 25px rgba(165, 210, 255, 0.25), 0 0 15px rgba(165, 210, 255, 0.15);}
.social-btn:hover svg{transform:rotate(8deg);}
@keyframes socialFloat{0%, 100%{transform:translateY(0);}
50%{transform:translateY(-4px);}
}
.social-btn:nth-child(1){animation:socialFloat 5s ease-in-out infinite;}
.social-btn:nth-child(2){animation:socialFloat 5.5s ease-in-out infinite 0.5s;}
.social-btn:nth-child(3){animation:socialFloat 4.8s ease-in-out infinite 1s;}
.social-btn:nth-child(4){animation:socialFloat 5.2s ease-in-out infinite 1.5s;}
.footer-col-title{font-family:'Playfair Display', serif;font-size:1.25rem;font-weight:500;color:#D8B15A;margin-bottom:2rem;letter-spacing:1px;position:relative;}
.footer-col-title::after{content:'';position:absolute;bottom:-6px;left:0;width:24px;height:1px;background-color:rgba(223, 168, 87, 0.4);}
.footer-links{display:flex;flex-direction:column;gap:1rem;padding:0;margin:0;list-style:none;}
.footer-links li{margin:0;padding:0;}
.footer-links li a{font-family:'Outfit', sans-serif;font-size:0.98rem;color:var(--text-muted);position:relative;display:inline-flex;align-items:center;padding-right:18px;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease;}
.footer-links li a::after{content:'→';font-family:inherit;position:absolute;right:0;opacity:0;transform:translateX(-8px);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);color:#D8B15A;}
.footer-links li a:hover{transform:translateX(-5px);color:#ffffff;text-shadow:0 0 10px rgba(165, 210, 255, 0.35);}
.footer-links li a:hover::after{opacity:1;transform:translateX(4px);}
.footer-contact-list{display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2rem;padding:0;margin-top:0;list-style:none;}
.footer-contact-item{display:flex;align-items:flex-start;gap:0.9rem;font-size:0.98rem;color:var(--text-muted);line-height:1.5;}
.contact-icon-wrapper{color:#D8B15A;font-size:1.1rem;flex-shrink:0;transition:transform 0.4s ease;}
.footer-contact-item:hover .contact-icon-wrapper{transform:scale(1.18);}
.contact-link{transition:color 0.3s ease;color:var(--text-muted);}
.contact-link:hover{color:#ffffff;}
.footer-working-hours{background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.15);border-radius:12px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:4px;width:100%;max-width:240px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.9);}
.hours-title{font-family:'Playfair Display', serif;font-size:1rem;color:#D8B15A;font-weight:500;margin-bottom:2px;}
.hours-days{font-size:0.92rem;color:#ffffff;font-weight:500;}
.hours-time{font-size:0.88rem;color:var(--text-muted);}
.footer-bottom{border-top:1px solid rgba(255, 255, 255, 0.05);padding:2.5rem 0;margin-top:2rem;position:relative;z-index:5;}
.footer-bottom-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;}
.footer-bottom .copyright{font-size:0.92rem;color:var(--text-muted);margin:0;}
.footer-bottom-links{display:flex;align-items:center;gap:10px;}
.bottom-link{font-size:0.92rem;color:var(--text-muted);transition:color 0.3s ease;}
.bottom-link:hover{color:#ffffff;}
.link-separator{color:rgba(255, 255, 255, 0.15);font-size:0.8rem;}
.designed-by{font-size:0.92rem;color:var(--text-muted);margin:0;}
@media (max-width:1024px){.premium-footer{padding-top:6rem;}
.footer-moon{width:450px;height:450px;right:-150px;bottom:-80px;opacity:0.45;}
.footer-moon-glow{width:550px;height:550px;right:-180px;bottom:-100px;opacity:0.6;}
.footer-grid{grid-template-columns:1fr 1fr;gap:3.5rem;text-align:center;}
.footer-col, .footer-col-brand{align-items:center;}
.footer-brand-desc{max-width:400px;}
.footer-col-title::after{left:50%;transform:translateX(-50%);}
.footer-contact-list{align-items:center;}
.footer-contact-item{flex-direction:column;align-items:center;text-align:center;gap:0.4rem;}
.footer-working-hours{max-width:100%;}
.footer-bottom-flex{flex-direction:column;text-align:center;gap:1.2rem;}
}
@media (max-width:768px){.premium-footer{padding-top:5rem;}
.footer-moon{width:320px;height:320px;right:-100px;bottom:-50px;opacity:0.3;}
.footer-moon-glow{width:400px;height:400px;right:-120px;bottom:-70px;opacity:0.4;}
.newsletter-card{padding:2.5rem 1.5rem;}
.newsletter-heading{font-size:1.8rem;}
.newsletter-desc{font-size:0.95rem;}
.newsletter-input-wrapper{flex-direction:column;background:transparent;border:none;padding:0;gap:12px;box-shadow:none;}
.newsletter-input{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.08);border-radius:30px;padding:14px 24px;height:52px;width:100%;}
.newsletter-btn{width:100%;height:52px;}
.footer-grid{grid-template-columns:1fr;gap:3rem;}
.footer-brand-desc{max-width:100%;}
}
.page-header{padding:10rem 0 5rem;background:linear-gradient(to bottom, rgba(2, 6, 23, 0.8), var(--bg-navy)), url('assets/experience.webp');background-size:cover;background-position:center;text-align:center;position:relative;overflow:hidden;}
.hero-title{font-size:clamp(2.8rem, 6vw, 4.2rem);line-height:1.15;color:var(--text-white);margin-top:0.5rem;}
.scroll-indicator, .scroll-indicator-premium{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:10;opacity:0.7;}
.mouse, .mouse-premium{width:24px;height:40px;border:2px solid var(--glass-border);border-radius:20px;display:flex;justify-content:center;padding-top:8px;}
.wheel, .wheel-premium{width:2px;height:8px;background:var(--accent-gold);border-radius:2px;animation:mouseScroll 2s infinite;}
@keyframes mouseScroll{0%{transform:translateY(0);opacity:1;}
100%{transform:translateY(14px);opacity:0;}
}
.reveal{opacity:0;transform:translate3d(0, 30px, 0);transition:opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);}
.reveal.active{opacity:1;transform:translate3d(0, 0, 0);}
@media (max-width:1024px){section{padding:var(--section-padding) 0;}
.hero-split-container{grid-template-columns:1fr;gap:3.5rem;padding-top:100px;}
.hero-content-premium{max-width:100%;}
.hero-right{justify-content:flex-start;width:100%;min-width:0;overflow:hidden;}
.hero-cards-vertical{flex-direction:row;width:100%;overflow-x:auto;padding:1rem 0 2rem;gap:1.2rem;scrollbar-width:none;}
.hero-cards-vertical::-webkit-scrollbar{display:none;}
.hero-glass-card{min-width:240px;flex-shrink:0;animation:none;opacity:1;transform:none;}
.experience-grid{grid-template-columns:repeat(2, 1fr);gap:1.8rem;}
.split-section{flex-direction:column;gap:3rem;}
.contact-container{grid-template-columns:1fr;gap:4rem;}
}
@media (max-width:768px){section{padding:var(--section-padding) 0;}
}
@media (max-width:991px){.menu-btn{display:flex;background:transparent;border:none;cursor:pointer;flex-direction:column;gap:6px;z-index:1001;padding:6px;border-radius:4px;transition:var(--transition);align-self:center;}
.menu-btn span{width:28px;height:2px;background:var(--text-white);transition:var(--transition);}
.menu-btn:hover span, .menu-btn.active span{background:#E6B85C;box-shadow:0 0 8px rgba(230, 184, 92, 0.6);}
.nav-links{position:fixed;top:0;right:0;width:300px;height:100vh;height:100dvh;background:rgba(7, 27, 57, 0.88);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(255, 255, 255, 0.15);box-shadow:-10px 0 35px rgba(0, 0, 0, 0.5);flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem;gap:2.2rem;z-index:1000;transform:translateX(100%);opacity:0;pointer-events:none;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;}
.nav-links.active{transform:translateX(0);opacity:1;pointer-events:auto;}
.nav-link{width:100%;text-align:center;padding:0.8rem 1rem;font-size:1.15rem;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;}
}
@media (max-width:768px){.container{padding:0 1.5rem;}
.hero-premium{min-height:100vh;min-height:100dvh;height:auto;display:flex;align-items:center;padding:120px 0 60px;}
.hero-title-premium{font-size:3.2rem;}
.hero-btns-wrapper{flex-direction:row;gap:0.8rem;width:100%;justify-content:center;}
.hero-btns-wrapper .btn.btn-luxury{flex:1;height:48px;padding:0 1rem;font-size:0.8rem;letter-spacing:0.5px;white-space:nowrap;width:auto;}
.package-card.popular{transform:none;}
.sticky-booking-bar{display:none !important;}
.sticky-price{font-weight:600;font-size:1.15rem;}
.sticky-price span{display:block;font-size:0.75rem;color:var(--text-muted);font-weight:400;}
.video-bg{display:block;}
.hero-fog-layer::after{animation:none;opacity:0.2;}
.hero-glass-card{animation:none;}
.mouse-glow{display:none !important;}
.mist-overlay{display:none;}
.water-shimmer, .water-ripples{display:none;}
.card-face{}
.form-glass{padding:2.5rem 1.5rem;border-radius:24px;}
.experience-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;gap:1.5rem;padding:1.5rem 1.5rem 2.5rem !important;margin:0 -1.5rem !important;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.experience-grid::-webkit-scrollbar{display:none;}
.experience-card{flex:0 0 85% !important;max-width:320px;height:460px;scroll-snap-align:center;}
.experiences-section .container{overflow:visible;}
}
@media (max-width:480px){.hero-btns-wrapper .btn.btn-luxury{padding:0 0.8rem;font-size:0.72rem;letter-spacing:0px;}
.why-us-grid{grid-template-columns:1fr;gap:1.5rem;}
}
.moon-container{display:none !important;position:fixed;top:25vh;right:6%;left:auto;width:var(--moon-size);height:var(--moon-size);z-index:0;pointer-events:none;opacity:0.25;perspective:1200px;display:flex;align-items:center;justify-content:center;}
.moon-parallax{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform;}
.moon-mouse{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.moon-float{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform;}
@keyframes moonFloat{0%, 100%{transform:translate3d(0, 0, 0);}
50%{transform:translate3d(0, -12px, 0);}
}
.moon-glow-container{width:100%;height:100%;position:relative;animation:moonBreathing 14s ease-in-out infinite;will-change:transform, opacity;}
@keyframes moonBreathing{0%, 100%{transform:scale(1);opacity:0.85;}
50%{transform:scale(1.03);opacity:1.0;}
}
.moon-img-element{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:screen;filter:brightness(1.05) contrast(1.05) saturate(0.9) drop-shadow(0 0 10px rgba(165, 210, 255, 0.15));position:relative;z-index:2;}
.moon-glow{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;z-index:1;}
.glow-1{inset:-3%;background:radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 70%);filter:blur(4px);}
.glow-2{inset:-15%;background:radial-gradient(circle, rgba(165, 210, 255, 0.22) 0%, rgba(165, 210, 255, 0) 70%);filter:blur(12px);}
.glow-3{inset:-45%;background:radial-gradient(circle, rgba(165, 210, 255, 0.12) 0%, rgba(165, 210, 255, 0) 75%);filter:blur(25px);}
.glow-4{inset:-80%;background:radial-gradient(circle, rgba(165, 210, 255, 0.06) 0%, rgba(165, 210, 255, 0) 80%);filter:blur(40px);}
.moon-rays{position:absolute;inset:-110%;background:radial-gradient(circle at center, rgba(165, 210, 255, 0.04) 0%, rgba(165, 210, 255, 0) 75%);pointer-events:none;mix-blend-mode:screen;z-index:-1;}
section{z-index:2;}
.split-img img{position:relative;z-index:5;}
.experience-card, .why-card, .package-card{position:relative;z-index:10;}
.btn, .btn-luxury{position:relative;z-index:15;}
section h1, section h2, section h3, section h4, section p, section span, section li, section a:not(.btn){position:relative;z-index:20;}
@media (min-width:1400px){:root{--moon-size:180px;}
}
@media (max-width:1024px){:root{--moon-size:110px;}
}
@media (max-width:768px){:root{--moon-size:80px;}
.glow-3, .glow-4, .moon-rays{display:none !important;}
.glow-1{filter:blur(2px);inset:-2%;}
.glow-2{filter:blur(6px);inset:-10%;}
}
@media (prefers-reduced-motion:reduce){.moon-float, .moon-glow-container{animation:none !important;}
}
.gallery-section{padding:var(--section-padding) 0;position:relative;overflow:hidden;background:radial-gradient(circle at top, rgba(2, 6, 23, 0.8) 0%, var(--bg-navy) 100%);border-top:1px solid rgba(255, 255, 255, 0.02);}
.gallery-bg-enhancements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.gallery-stars-layer{position:absolute;top:0;left:0;width:100%;height:100%;}
.gallery-fog-layer{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top, var(--bg-navy) 0%, transparent 100%);opacity:0.85;}
.gallery-moon-reflection{position:absolute;top:-10%;right:20%;width:300px;height:300px;background:radial-gradient(circle, rgba(165, 210, 255, 0.04) 0%, transparent 70%);border-radius:50%;filter:blur(30px);}
.constellation-svg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.35;}
.const-star{opacity:0.6;}
.gold-gradient-text{background:linear-gradient(135deg, var(--accent-gold) 30%, var(--text-white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 25px rgba(223, 168, 87, 0.15);}
.section-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:750px;margin:1rem auto 0;line-height:1.6;}
.gallery-carousel-wrapper{position:relative;margin-top:4.5rem;padding:0 3.5rem;z-index:5;}
.gallery-carousel-track-container{overflow:hidden;width:100%;}
.gallery-carousel-track{display:flex;gap:2rem;transition:transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);will-change:transform;}
.gallery-card{flex:0 0 calc(33.333% - 1.333rem);min-width:0;perspective:1000px;}
.gallery-card-inner{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4 / 3;background:rgba(4, 9, 24, 0.45);border:1px solid var(--glass-border);box-shadow:0 15px 35px rgba(0, 0, 0, 0.35);transition:var(--transition);transform-style:preserve-3d;}
.gallery-card-inner:hover{transform:translateY(-6px) scale(1.03);border-color:rgba(223, 168, 87, 0.25);box-shadow:0 20px 45px rgba(0, 0, 0, 0.5), 0 0 20px rgba(165, 210, 255, 0.15);}
.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);}
.gallery-card-inner:hover .gallery-img{transform:scale(1.08);}
.shimmer-effect{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);animation:sweepShimmer 14s infinite ease-in-out;animation-delay:calc(1.2s * var(--i, 0));pointer-events:none;will-change:transform;}
@keyframes sweepShimmer{0%{transform:translate3d(-100%, 0, 0);}
35%{transform:translate3d(300%, 0, 0);}
100%{transform:translate3d(300%, 0, 0);}
}
.gallery-card-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2rem 1.8rem;background:linear-gradient(to top, rgba(1, 4, 10, 0.95) 0%, rgba(1, 4, 10, 0.4) 60%, transparent 100%);transform:translateY(10px);opacity:0.9;transition:var(--transition);}
.gallery-card-inner:hover .gallery-card-overlay{transform:translateY(0);opacity:1;}
.gallery-card-overlay h4{font-size:1.2rem;color:var(--text-white);margin-bottom:0.4rem;font-family:'Playfair Display', serif;}
.gallery-card-overlay p{font-size:0.85rem;color:var(--moonlight);font-weight:300;}
.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(4, 9, 24, 0.9);border:1px solid var(--glass-border);color:var(--text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:var(--transition);}
.nav-arrow:hover{background:rgba(223, 168, 87, 0.15);border-color:var(--accent-gold);color:var(--accent-gold);box-shadow:0 0 15px rgba(223, 168, 87, 0.3);}
.prev-arrow{left:0;}
.next-arrow{right:0;}
.arrow-icon{font-size:1.2rem;line-height:1;}
.gallery-indicators{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;}
.moon-dot{width:12px;height:12px;border-radius:50%;background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.2);cursor:pointer;transition:var(--transition);position:relative;}
.moon-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--moonlight);opacity:0;transform:scale(0.6);transition:var(--transition);}
.moon-dot.active{background:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold);transform:scale(1.15);}
.moon-dot.active::after{opacity:1;transform:scale(1);animation:activeIndicatorPulse 2s infinite ease-in-out;}
@keyframes activeIndicatorPulse{0%{transform:scale(1);opacity:0.6;}
50%{transform:scale(1.4);opacity:0;}
100%{transform:scale(1);opacity:0.6;}
}
.btn-luxury-pill{display:inline-flex;align-items:center;gap:0.8rem;padding:1.1rem 2.8rem;border-radius:50px;background:linear-gradient(135deg, #dfa857, #c59246);color:#020617;font-weight:600;box-shadow:0 4px 20px rgba(223, 168, 87, 0.25);border:1px solid rgba(255, 255, 255, 0.1);transition:var(--transition);text-transform:uppercase;letter-spacing:1px;}
.btn-luxury-pill:hover{background:linear-gradient(135deg, #e7b76c, #dfa857);box-shadow:0 10px 30px rgba(223, 168, 87, 0.45), 0 0 15px rgba(165, 210, 255, 0.25);transform:translateY(-4px);}
.btn-icon{font-size:1.1rem;}
.floating-star-particle{position:absolute;width:2px;height:2px;background:var(--text-white);border-radius:50%;pointer-events:none;animation:driftFade var(--dur) linear infinite;opacity:0;}
@keyframes driftFade{0%{transform:translate3d(0, 0, 0);opacity:0;}
10%{opacity:var(--op);}
90%{opacity:var(--op);}
100%{transform:translate3d(var(--tx), var(--ty), 0);opacity:0;}
}
@media (max-width:1024px){.gallery-card{flex:0 0 calc(50% - 1rem);}
.gallery-carousel-wrapper{padding:0 2rem;}
}
@media (max-width:768px){.gallery-card{flex:0 0 100%;}
.gallery-carousel-wrapper{padding:0;}
.nav-arrow{display:none;}
.gallery-section{padding:6rem 0;}
.constellation-svg{display:none;}
.gallery-moon-reflection{display:none;}
}
.services-modern-section{padding:var(--section-padding) 0;position:relative;z-index:2;}
.services-modern-section .container{max-width:var(--container-max);margin:0 auto;padding:0 2.5rem;}
.service-section-row{display:flex;align-items:center;gap:5rem;margin-bottom:var(--space-96);}
.service-section-row:last-child{margin-bottom:0;}
.services-modern-section .service-section-row.reveal{opacity:0;transform:translate3d(0, 80px, 0);transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);}
.services-modern-section .service-section-row.reveal.active{opacity:1;transform:translate3d(0, 0, 0);}
.service-section-row.image-left{flex-direction:row;}
.service-section-row.image-right{flex-direction:row-reverse;}
.service-image-col{flex:1.1;width:100%;display:flex;justify-content:center;align-items:center;}
.service-image-container{position:relative;width:100%;max-width:550px;display:flex;justify-content:center;align-items:center;background:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important;will-change:transform;transition:transform 0.1s ease-out;}
.service-image-container::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;height:80%;background:radial-gradient(circle, rgba(165, 210, 255, 0.22) 0%, transparent 70%);pointer-events:none;z-index:-1;filter:blur(25px);}
.service-image-floating{width:100%;height:auto;animation:floatingAnimation 7s ease-in-out infinite;will-change:transform;display:flex;justify-content:center;align-items:center;}
.service-section-row.image-right .service-image-floating{animation-delay:-3.5s;}
@keyframes floatingAnimation{0%, 100%{transform:translate3d(0, -15px, 0);}
50%{transform:translate3d(0, 15px, 0);}
}
.service-image-tilt{width:100%;height:auto;display:flex;justify-content:center;align-items:center;will-change:transform;transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s cubic-bezier(0.16, 1, 0.3, 1);filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 0.45)) drop-shadow(0 5px 15px rgba(165, 210, 255, 0.08));}
.service-image-container:hover .service-image-tilt{filter:drop-shadow(0 30px 50px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 35px rgba(229, 176, 75, 0.4));}
.service-image-el{width:100%;max-width:500px;height:auto;display:block;object-fit:contain;pointer-events:none;background:transparent !important;}
.service-content-col{flex:0.9;width:100%;}
.service-content-glass{background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.15);border-radius:32px;padding:4.5rem 4rem;box-shadow:0 30px 70px rgba(0, 0, 0, 0.9), 0 0 40px rgba(165, 210, 255, 0.15);position:relative;transition:border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;}
.service-content-glass:hover{border-color:rgba(229, 176, 75, 0.3);box-shadow:0 35px 80px rgba(0, 0, 0, 0.55), 0 0 50px rgba(165, 210, 255, 0.15), 0 0 20px rgba(229, 176, 75, 0.05);}
.service-content-glass::before{content:'';position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle, rgba(165, 210, 255, 0.06) 0%, transparent 70%);pointer-events:none;z-index:1;}
.service-number-tag{position:absolute;top:2rem;right:4rem;font-family:'Playfair Display', serif;font-size:150px;font-weight:700;line-height:1;color:#E5B04B;opacity:0.05;pointer-events:none;user-select:none;z-index:1;}
.service-tag-mini{display:inline-block;font-size:0.82rem;color:#E5B04B;text-transform:uppercase;letter-spacing:4px;font-weight:600;margin-bottom:1rem;z-index:2;position:relative;text-shadow:0 0 10px rgba(229, 176, 75, 0.2);}
.service-section-title{font-family:'Playfair Display', serif;font-size:60px;font-weight:700;color:#FFFFFF;margin-bottom:1.8rem;line-height:1.15;z-index:2;position:relative;text-shadow:0 2px 15px rgba(0, 0, 0, 0.4);}
.service-section-desc{color:var(--text-muted);font-size:1.08rem;line-height:1.8;margin-bottom:2.5rem;font-weight:300;z-index:2;position:relative;}
.service-features-list{list-style:none;padding:0;margin:0 0 2.8rem 0;display:flex;flex-direction:column;gap:1rem;z-index:2;position:relative;}
.service-features-list li{display:flex;align-items:center;gap:1rem;font-size:1rem;color:var(--text-white);}
.feature-tick{color:#E5B04B;font-weight:bold;font-size:1.2rem;text-shadow:0 0 10px rgba(229, 176, 75, 0.4);}
.feature-text{font-weight:300;opacity:0.95;}
.service-info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.2rem;border-top:1px solid rgba(255, 255, 255, 0.08);border-bottom:1px solid rgba(255, 255, 255, 0.08);padding:1.8rem 0;margin-bottom:3.2rem;z-index:2;position:relative;}
.service-info-mini-card{display:flex;flex-direction:column;align-items:flex-start;}
.info-lbl{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.4rem;}
.info-val{font-size:1.1rem;color:#E5B04B;font-weight:600;text-shadow:0 0 8px rgba(229, 176, 75, 0.2);}
.service-action-wrap{z-index:2;position:relative;}
.btn-luxury-gold{display:inline-flex;align-items:center;justify-content:center;padding:1.3rem 3rem;background:#E5B04B;color:#020617;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:50px;font-size:0.88rem;border:1px solid transparent;cursor:pointer;box-shadow:0 5px 25px rgba(229, 176, 75, 0.25);transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);text-align:center;}
.btn-luxury-gold:hover{background:#f0c36b;color:#020617;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px rgba(229, 176, 75, 0.45), 0 0 20px rgba(165, 210, 255, 0.25);}
@media (max-width:991px){.services-modern-section{padding:6rem 0;}
.service-section-row{flex-direction:column !important;gap:4rem;margin-bottom:8rem;}
.service-image-col{order:1 !important;}
.service-content-col{order:2 !important;}
.service-image-container{max-width:420px;}
.service-image-floating{animation-duration:6s;}
@keyframes floatingAnimation{0%, 100%{transform:translate3d(0, -8px, 0);}
50%{transform:translate3d(0, 8px, 0);}
}
.service-image-tilt{filter:drop-shadow(0 10px 20px rgba(0, 0, 0, 0.4));transform:none !important;}
.service-image-container:hover .service-image-tilt{filter:drop-shadow(0 15px 25px rgba(0, 0, 0, 0.5));transform:none !important;}
.service-content-glass{padding:3.5rem 2.5rem;border-radius:28px;}
.service-number-tag{top:1.5rem;right:2.5rem;font-size:100px;}
.service-section-title{font-size:36px;margin-bottom:1.2rem;}
.service-section-desc{font-size:1rem;margin-bottom:2rem;line-height:1.7;}
.service-features-list{margin-bottom:2.2rem;gap:0.8rem;}
.service-features-list li{font-size:0.95rem;}
.service-info-grid{padding:1.4rem 0;margin-bottom:2.2rem;gap:0.8rem;}
.info-val{font-size:1rem;}
.btn-luxury-gold{width:100%;padding:1.2rem 2rem;}
}
@media (max-width:576px){.services-modern-section{padding:5rem 0;}
.service-section-row{gap:3rem;margin-bottom:6rem;}
.service-content-glass{padding:2.5rem 1.5rem;border-radius:24px;}
.service-number-tag{font-size:80px;top:1rem;right:1.5rem;}
.service-section-title{font-size:30px;}
}
@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
}
.about-hero-two-col{position:relative;padding:160px 0 90px;z-index:5;}
.about-two-col-grid{display:grid;grid-template-columns:500px 1fr;gap:4.5rem;align-items:center;}
.hero-left-col{position:relative;}
.hero-img-card{position:relative;width:100%;max-width:500px;height:550px;border-radius:36px;overflow:hidden;border:1px solid rgba(216, 166, 79, 0.15);box-shadow:0 25px 50px rgba(0, 0, 0, 0.9), inset 0 0 20px rgba(0, 0, 0, 0.9);transition:var(--transition);}
.hero-main-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);}
.hero-img-card:hover .hero-main-photo{transform:scale(1.06);}
.hero-glass-overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 40%, rgba(2, 6, 23, 0.75) 100%);pointer-events:none;}
.hero-location-badge{position:absolute;bottom:25px;left:25px;display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 1.25rem;border-radius:50px;background:rgba(4, 9, 24, 0.75);border:1px solid rgba(216, 166, 79, 0.15);font-size:0.88rem;font-weight:500;color:var(--text-white);box-shadow:0 10px 25px rgba(0, 0, 0, 0.9);transition:var(--transition);}
.hero-img-card:hover .hero-location-badge{transform:translateY(-4px);border-color:#d8a64f;box-shadow:0 12px 30px rgba(216, 166, 79, 0.3);}
.hero-right-col{position:relative;}
.hero-subtitle-tag{font-size:0.76rem;font-weight:700;letter-spacing:3px;color:#d8a64f;text-transform:uppercase;margin-bottom:0.8rem;}
.hero-playfair-heading{font-family:'Playfair Display', serif;font-size:clamp(2.4rem, 4vw, 3.6rem);font-weight:600;color:#ffffff;line-height:1.15;margin-bottom:1.6rem;letter-spacing:-0.01em;text-shadow:0 4px 20px rgba(0, 0, 0, 0.4);}
.hero-narrative-text p{font-family:'Outfit', sans-serif;font-size:1.02rem;color:rgba(248, 250, 255, 0.85);line-height:1.8;margin-bottom:1.2rem;font-weight:300;}
.gold-accent-text{color:#d8a64f;font-weight:600;}
.hero-quote-block{margin:2.2rem 0 1.8rem;}
.handwritten-quote{font-family:'Caveat', cursive;font-size:2.6rem;color:#d8a64f;text-shadow:0 0 15px rgba(216, 166, 79, 0.3);line-height:1;margin-bottom:0.3rem;}
.quote-author{font-size:0.82rem;letter-spacing:2px;text-transform:uppercase;color:rgba(248, 250, 255, 0.7);font-weight:600;}
.hero-gold-divider-center{display:flex;align-items:center;gap:1.5rem;max-width:420px;margin-top:1.8rem;}
.divider-gold-line{flex-grow:1;height:1px;background:linear-gradient(90deg, rgba(216, 166, 79, 0.4) 0%, transparent 100%);}
.divider-circle-icon{width:36px;height:36px;border-radius:50%;background:rgba(216, 166, 79, 0.1);border:1px solid rgba(216, 166, 79, 0.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(216, 166, 79, 0.2);animation:spinDivider 25s linear infinite;}
@keyframes spinDivider{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.desktop-moon-bg{animation:floatMoon 8s ease-in-out infinite alternate;}
@keyframes floatMoon{0%{transform:translateY(0);}
100%{transform:translateY(-12px);}
}
.about-story-section{padding:8rem 0;position:relative;}
.about-story-split{display:grid;grid-template-columns:0.9fr 1.1fr;gap:4.5rem;align-items:center;}
.story-img-container{position:relative;}
.story-img-frame{position:relative;border-radius:32px;overflow:hidden;border:1px solid rgba(223, 168, 87, 0.22);box-shadow:0 25px 50px rgba(0, 0, 0, 0.45);}
.story-img-frame img{width:100%;height:480px;object-fit:cover;display:block;transition:transform 0.8s ease;}
.story-img-frame:hover img{transform:scale(1.04);}
.story-glass-overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 40%, rgba(2, 6, 23, 0.7) 100%);pointer-events:none;}
.story-photo-badge{position:absolute;bottom:20px;left:20px;display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 1rem;border-radius:50px;background:rgba(4, 9, 24, 0.75);border:1px solid rgba(223, 168, 87, 0.15);font-size:0.82rem;color:var(--text-white);}
.story-header-tag{font-size:0.75rem;font-weight:700;letter-spacing:2.5px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:0.8rem;}
.story-title{font-family:'Cormorant Garamond', serif;font-size:clamp(2.2rem, 3.8vw, 3.2rem);line-height:1.15;color:var(--text-white);margin-bottom:1.5rem;}
.story-text-body p{font-size:1.02rem;color:rgba(248, 250, 255, 0.85);line-height:1.75;margin-bottom:1.2rem;font-weight:300;}
.story-signature-block{margin-top:2rem;margin-bottom:2rem;}
.handwritten-signature{font-family:'Caveat', cursive;font-size:2.5rem;color:var(--accent-gold);text-shadow:0 0 15px rgba(223, 168, 87, 0.3);line-height:1;}
.signature-author{font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);display:block;margin-top:0.4rem;}
.story-compass-divider{display:flex;align-items:center;gap:1.5rem;margin-top:1.8rem;max-width:400px;}
.divider-line{flex-grow:1;height:1px;background:linear-gradient(90deg, rgba(223, 168, 87, 0.4) 0%, transparent 100%);}
.compass-icon-wrap{animation:rotateCompassSlow 30s linear infinite;}
@keyframes rotateCompassSlow{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.about-why-section{padding:var(--section-padding) 0;position:relative;}
.section-tag-gold{font-size:0.75rem;font-weight:700;letter-spacing:3px;color:var(--accent-gold);text-transform:uppercase;display:block;margin-bottom:0.6rem;}
.section-main-title{font-family:'Cormorant Garamond', serif;font-size:clamp(2.4rem, 4vw, 3.5rem);color:var(--text-white);margin-bottom:3.5rem;}
.why-cards-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.8rem;}
.why-card-item{position:relative;background:linear-gradient(145deg, rgba(8, 16, 36, 0.7) 0%, rgba(4, 9, 24, 0.9) 100%);border:1px solid rgba(223, 168, 87, 0.15);border-radius:28px;padding:2.2rem 1.6rem 2rem;box-shadow:0 20px 45px rgba(0, 0, 0, 0.9);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform 400ms cubic-bezier(0.16, 1, 0.3, 1), border-color 400ms ease, backdrop-filter 400ms ease, box-shadow 400ms ease;}
.why-card-item:hover{transform:translateY(-10px) rotate(1deg);border-color:var(--accent-gold);box-shadow:0 30px 60px rgba(0, 0, 0, 0.9), 0 0 25px rgba(223, 168, 87, 0.15);}
.why-card-bg-light{position:absolute;inset:0;pointer-events:none;opacity:0.15;transition:opacity 0.5s ease;}
.card-comp-1 .why-card-bg-light{background:radial-gradient(circle at 10% 10%, #dfa857, transparent 70%);}
.card-comp-2 .why-card-bg-light{background:radial-gradient(circle at 90% 10%, #a5d2ff, transparent 70%);}
.card-comp-3 .why-card-bg-light{background:radial-gradient(circle at 50% 90%, #dfa857, transparent 70%);}
.card-comp-4 .why-card-bg-light{background:radial-gradient(circle at 10% 90%, #a5d2ff, transparent 70%);}
.why-card-item:hover .why-card-bg-light{opacity:0.35;}
.why-card-topography-svg, .why-card-route-svg, .why-card-moonlight-glow, .why-card-palm-silhouette{position:absolute;inset:0;pointer-events:none;}
.why-icon-glass-box{width:68px;height:68px;border-radius:20px;background:rgba(223, 168, 87, 0.1);border:1px solid rgba(223, 168, 87, 0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 20px rgba(223, 168, 87, 0.15);}
.icon-anim-compass svg{animation:spinCompass 25s linear infinite;}
.icon-anim-shield svg{animation:shieldPulse 3s ease-in-out infinite alternate;}
.icon-anim-gem svg{animation:gemShimmer 2.5s ease-in-out infinite alternate;}
.icon-anim-users svg{animation:usersFloat 4s ease-in-out infinite alternate;}
@keyframes spinCompass{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes shieldPulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px var(--accent-gold));}
100%{transform:scale(1.12);filter:drop-shadow(0 0 10px var(--accent-gold));}
}
@keyframes gemShimmer{0%{opacity:0.7;transform:rotate(0deg);}
100%{opacity:1;transform:rotate(5deg) scale(1.08);}
}
@keyframes usersFloat{0%{transform:translateY(0);}
100%{transform:translateY(-5px);}
}
.why-card-photo-wrap{width:100%;height:120px;border-radius:16px;overflow:hidden;margin-bottom:1.4rem;border:1px solid rgba(255, 255, 255, 0.08);}
.why-card-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.why-card-item:hover .why-card-photo-wrap img{transform:scale(1.1);}
.why-card-number{font-family:'Cormorant Garamond', serif;font-size:0.85rem;font-weight:700;color:var(--accent-gold);letter-spacing:1px;display:block;margin-bottom:0.3rem;}
.why-card-title{font-family:'Playfair Display', serif;font-size:1.25rem;font-weight:600;color:var(--text-white);margin-bottom:0.6rem;line-height:1.25;}
.why-card-desc{font-size:0.88rem;color:var(--text-muted);line-height:1.6;font-weight:300;}
.about-stats-section{padding:var(--section-padding) 0;position:relative;}
.stats-asymmetric-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;align-items:flex-start;}
.stat-floating-card{position:relative;background:linear-gradient(135deg, rgba(8, 16, 36, 0.75) 0%, rgba(4, 9, 24, 0.9) 100%);border:1px solid rgba(223, 168, 87, 0.15);border-radius:28px;padding:2.5rem 1.8rem;box-shadow:0 20px 45px rgba(0, 0, 0, 0.9);transition:var(--transition);}
.stat-floating-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent-gold);box-shadow:0 25px 55px rgba(0, 0, 0, 0.55), 0 0 25px rgba(223, 168, 87, 0.2);}
.offset-top-1{transform:translateY(0);}
.offset-top-2{transform:translateY(28px);}
.offset-top-3{transform:translateY(-15px);}
.offset-top-4{transform:translateY(40px);}
.stat-card-glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle, rgba(223, 168, 87, 0.2) 0%, transparent 70%);pointer-events:none;}
.stat-icon-micro{margin-bottom:1rem;}
.stat-number-wrap{font-family:'Cormorant Garamond', serif;font-size:3.6rem;font-weight:700;color:var(--accent-gold);line-height:1;margin-bottom:0.6rem;text-shadow:0 0 20px rgba(223, 168, 87, 0.3);}
.stat-gold-accent-line{width:35px;height:2px;background:var(--accent-gold);margin-bottom:0.8rem;}
.stat-label-text{font-size:0.86rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);}
.about-mission-vision-section{padding:var(--section-padding) 0;position:relative;overflow:hidden;}
.faded-moon-bg-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;background:url('moon image.jpg') center center / contain no-repeat;opacity:0.05;pointer-events:none;filter:blur(10px);}
.mission-vision-split{display:grid;grid-template-columns:1fr auto 1fr;gap:3.5rem;align-items:center;position:relative;z-index:2;}
.mv-card{background:linear-gradient(145deg, rgba(8, 16, 36, 0.7) 0%, rgba(4, 9, 24, 0.9) 100%);border:1px solid rgba(223, 168, 87, 0.15);border-radius:32px;padding:3.2rem 2.8rem;box-shadow:0 20px 50px rgba(0, 0, 0, 0.9);transition:var(--transition);}
.mv-card:hover{border-color:var(--accent-gold);box-shadow:0 25px 60px rgba(0, 0, 0, 0.55), 0 0 30px rgba(223, 168, 87, 0.2);transform:translateY(-5px);}
.mv-card-badge{font-size:0.72rem;font-weight:700;letter-spacing:2.5px;color:var(--accent-gold);text-transform:uppercase;margin-bottom:0.8rem;}
.mv-card-title{font-family:'Cormorant Garamond', serif;font-size:2.4rem;color:var(--text-white);margin-bottom:1.2rem;}
.mv-card-text{font-size:1.02rem;color:rgba(248, 250, 255, 0.85);line-height:1.8;margin-bottom:2rem;font-weight:300;}
.mv-card-footer{display:flex;align-items:center;gap:0.6rem;font-size:0.82rem;color:var(--text-muted);letter-spacing:1px;}
.mv-gold-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);}
.mv-glowing-vertical-divider{position:relative;height:320px;width:2px;display:flex;justify-content:center;align-items:center;}
.vertical-line-glow{width:2px;height:100%;background:linear-gradient(180deg, transparent 0%, var(--accent-gold) 50%, transparent 100%);box-shadow:0 0 15px var(--accent-gold);}
.glowing-center-pulse{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 20px 4px var(--accent-gold);animation:pulseVertical 4s infinite ease-in-out;}
@keyframes pulseVertical{0%{transform:translateY(-140px);opacity:0.3;}
50%{transform:translateY(0px);opacity:1;}
100%{transform:translateY(140px);opacity:0.3;}
}
.about-core-values-section{padding:var(--section-padding) 0;position:relative;}
.zigzag-values-container{display:flex;flex-direction:column;gap:5rem;margin-top:4rem;}
.zigzag-item{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;}
.zigzag-content{background:linear-gradient(145deg, rgba(8, 16, 36, 0.9) 0%, rgba(4, 9, 24, 0.9) 100%);border:1px solid rgba(223, 168, 87, 0.15);border-radius:28px;padding:2.8rem;box-shadow:0 20px 45px rgba(0, 0, 0, 0.9);transition:var(--transition);}
.zigzag-item:hover .zigzag-content{border-color:var(--accent-gold);box-shadow:0 25px 55px rgba(0, 0, 0, 0.5), 0 0 25px rgba(223, 168, 87, 0.2);}
.zigzag-icon-box{width:54px;height:54px;border-radius:16px;background:rgba(223, 168, 87, 0.1);border:1px solid rgba(223, 168, 87, 0.3);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;}
.zigzag-title{font-family:'Playfair Display', serif;font-size:1.75rem;color:var(--text-white);margin-bottom:0.8rem;}
.zigzag-desc{font-size:1rem;color:var(--text-muted);line-height:1.7;font-weight:300;}
.zigzag-image-wrap{height:320px;border-radius:28px;overflow:hidden;border:1px solid rgba(223, 168, 87, 0.2);box-shadow:0 20px 45px rgba(0, 0, 0, 0.4);}
.zigzag-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease;}
.zigzag-item:hover .zigzag-image-wrap img{transform:scale(1.08);}
.about-cta-section{position:relative;padding:var(--section-padding) 0;overflow:hidden;background:transparent !important;border-top:1px solid rgba(223, 168, 87, 0.25);border-bottom:1px solid rgba(223, 168, 87, 0.25);}
.cta-bg-overlay{position:absolute;inset:0;background:transparent;z-index:1;}
.fireflies-container{position:absolute;inset:0;pointer-events:none;z-index:2;}
.firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffd778;box-shadow:0 0 12px 3px #dfa857;animation:floatFirefly var(--d) infinite ease-in-out alternate;}
@keyframes floatFirefly{0%{transform:translate(0, 0) scale(0.6);opacity:0.2;}
100%{transform:translate(var(--x), var(--y)) scale(1.4);opacity:1;}
}
.premium-about-cta{background:transparent !important;}
.cta-editorial-grid{display:grid;grid-template-columns:auto 1fr;gap:5rem;align-items:center;text-align:left;position:relative;z-index:5;}
.cta-vertical-quote{display:flex;flex-direction:column;align-items:center;gap:2rem;border-right:1px solid rgba(216, 177, 90, 0.15);padding-right:3rem;}
.cta-vertical-quote .quote-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:'Cormorant Garamond', serif;font-size:1.25rem;font-style:italic;color:var(--text-white);opacity:0.35;letter-spacing:2px;line-height:1.4;transform:rotate(180deg);}
.cta-vertical-quote .quote-compass-wrapper{display:flex;align-items:center;justify-content:center;opacity:0.4;}
.cta-vertical-quote svg.quote-compass{width:20px;height:20px;stroke:#D8B15A;animation:ctaCompassRotate 20s linear infinite;}
@keyframes ctaCompassRotate{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.cta-editorial-content{display:flex;flex-direction:column;align-items:flex-start;max-width:580px;}
.cta-decor-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.8rem;}
.cta-moon-phases{display:flex;gap:0.3rem;font-size:0.8rem;opacity:0.6;}
.cta-gold-divider{width:40px;height:1px;background:rgba(216, 177, 90, 0.3);box-shadow:0 0 8px rgba(216, 177, 90, 0.5);transition:box-shadow 2s ease-in-out;}
.premium-about-cta.active .cta-gold-divider{box-shadow:0 0 12px 2px rgba(216, 177, 90, 0.8);}
.cta-luxury-tag{font-size:0.75rem;font-weight:700;letter-spacing:3px;color:var(--accent-gold);text-transform:uppercase;display:block;}
.cta-editorial-title{font-family:'Playfair Display', serif;font-size:clamp(2.4rem, 4.5vw, 3.8rem);line-height:1.15;color:var(--text-white);margin-bottom:1.8rem;font-weight:500;}
.cta-editorial-title .text-gold{color:#D8B15A;font-family:'Cormorant Garamond', serif;font-style:italic;font-weight:400;}
.premium-about-cta .cta-desc{font-family:'Outfit', sans-serif;font-size:1rem;color:rgba(248, 250, 255, 0.7);max-width:480px;line-height:1.7;margin-bottom:2.8rem;text-align:left;}
.cta-action-block{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;}
.btn-editorial-primary{display:inline-flex;align-items:center;gap:0.8rem;padding:1.1rem 2.5rem;border-radius:50px;background:linear-gradient(135deg, #dfa857 0%, #D8B15A 100%);color:#020617;font-family:'Outfit', sans-serif;font-weight:600;font-size:0.95rem;letter-spacing:1px;box-shadow:0 4px 15px rgba(216, 177, 90, 0.2);transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.btn-editorial-primary svg.arrow-icon{width:16px;height:16px;stroke:currentColor;transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.btn-editorial-primary:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(216, 177, 90, 0.4);color:#020617;}
.btn-editorial-primary:hover svg.arrow-icon{transform:translateX(5px);}
.link-editorial-text{font-family:'Outfit', sans-serif;font-size:0.9rem;color:rgba(248, 250, 255, 0.7);text-transform:uppercase;letter-spacing:2px;position:relative;padding-bottom:4px;transition:color 0.3s ease;}
.link-editorial-text::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#D8B15A;transition:width 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.link-editorial-text:hover{color:#f8faff;}
.link-editorial-text:hover::after{width:100%;}
.cta-editorial-constellations{position:absolute;top:5%;right:15%;width:45%;height:auto;pointer-events:none;z-index:1;opacity:0.7;}
.cta-star-streak{position:absolute;top:10%;left:40%;width:120px;height:1px;background:linear-gradient(90deg, rgba(255, 214, 80, 0.5), transparent);transform:rotate(-35deg);opacity:0;animation:ctaStarStreakAnim 22s infinite linear;z-index:1;}
@keyframes ctaStarStreakAnim{0%{transform:translate(0, 0) rotate(-35deg);opacity:0;}
1%{opacity:0.8;}
3%{transform:translate(-300px, 210px) rotate(-35deg);opacity:0;}
100%{transform:translate(-300px, 210px) rotate(-35deg);opacity:0;}
}
.cta-reflection-shimmer{position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(to top, rgba(165, 210, 255, 0.03), transparent);mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 4px);-webkit-mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 4px);opacity:0.3;animation:ctaShimmerEffect 5s infinite ease-in-out;z-index:1;}
@keyframes ctaShimmerEffect{0%, 100%{opacity:0.2;transform:translateY(0);}
50%{opacity:0.4;transform:translateY(-1px);}
}
.premium-about-cta .cta-editorial-title{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.premium-about-cta .cta-vertical-quote{opacity:0;transform:scaleY(0.95);transition:opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:200ms;}
.premium-about-cta .cta-desc{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:250ms;}
.premium-about-cta .cta-action-block{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:350ms;}
.premium-about-cta.active .cta-editorial-title{opacity:1;transform:translateY(0);}
.premium-about-cta.active .cta-vertical-quote{opacity:1;transform:scaleY(1);}
.premium-about-cta.active .cta-desc{opacity:1;transform:translateY(0);}
.premium-about-cta.active .cta-action-block{opacity:1;transform:translateY(0);}
@media (max-width:768px){.cta-editorial-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center;}
.cta-vertical-quote{writing-mode:horizontal-tb;flex-direction:row;border-right:none;border-bottom:1px solid rgba(216, 177, 90, 0.15);padding-right:0;padding-bottom:1.5rem;margin-right:0;justify-content:center;}
.cta-vertical-quote .quote-text{writing-mode:horizontal-tb;transform:none;font-size:1.1rem;}
.cta-editorial-content{align-items:center;max-width:100%;}
.cta-decor-header{justify-content:center;}
.cta-action-block{align-items:center;}
}
@media (max-width:1024px){.about-two-col-grid{grid-template-columns:1fr;gap:3.5rem;}
.hero-img-card{max-width:100%;height:440px;margin:0 auto;}
.about-hero-split, .about-story-split, .zigzag-item{grid-template-columns:1fr;gap:3rem;}
.about-hero-right{margin-top:2rem;}
.why-cards-grid, .stats-asymmetric-grid{grid-template-columns:repeat(2, 1fr);}
.offset-top-1, .offset-top-2, .offset-top-3, .offset-top-4{transform:translateY(0);}
.mission-vision-split{grid-template-columns:1fr;}
.mv-glowing-vertical-divider{display:none;}
.reverse-layout{display:flex;flex-direction:column-reverse;}
.desc-br{display:none;}
}
@media (max-width:640px){.about-hero-two-col{padding:120px 0 60px;}
.hero-img-card{height:360px;}
.why-cards-grid, .stats-asymmetric-grid{grid-template-columns:1fr;}
.about-hero-section, .about-story-section, .about-hero-section, .about-story-section, .about-why-section, .about-stats-section, .about-mission-vision-section, .about-core-values-section, .about-cta-section{padding:5rem 0;}
.cta-luxury-feature-ticker{gap:0.8rem;font-size:0.75rem;}
}
.about-hero-section{position:relative;width:100%;min-height:92vh;display:flex;align-items:center;justify-content:center;padding:140px 0 80px;z-index:10;}
.about-hero-container{display:grid;grid-template-columns:1.1fr 0.9fr;gap:3.5rem;align-items:center;width:100%;}
.about-hero-left{max-width:580px;text-align:left;}
.about-hero-badge-wrap{margin-bottom:1.2rem;}
.about-hero-badge{display:inline-flex;align-items:center;font-family:'Outfit', 'Plus Jakarta Sans', sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#E5B84B;padding:0.45rem 1.25rem;border-radius:50px;background:rgba(4, 9, 24, 0.9);border:1px solid rgba(229, 184, 75, 0.15);box-shadow:0 4px 18px rgba(0, 0, 0, 0.9);}
.about-hero-headline{font-family:'Cormorant Garamond', 'Playfair Display', serif;font-size:clamp(3rem, 5.2vw, 4.8rem);line-height:1.08;margin:0 0 1.5rem;letter-spacing:-0.01em;font-weight:600;}
.headline-line-white{display:block;color:#ffffff;text-shadow:0 4px 25px rgba(0, 0, 0, 0.6);}
.headline-line-gold{display:block;color:#ffffff;text-shadow:0 4px 25px rgba(0, 0, 0, 0.6);}
.headline-line-gold .gold-accent-text{background:linear-gradient(135deg, #E5B84B 0%, #F7D57F 50%, #E5B84B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 0 15px rgba(229, 184, 75, 0.35));}
.about-hero-desc{font-family:'Outfit', 'Plus Jakarta Sans', sans-serif;font-size:clamp(0.98rem, 1.25vw, 1.12rem);line-height:1.8;color:rgba(255, 255, 255, 0.9);max-width:550px;margin:0;font-weight:400;letter-spacing:0.1px;text-shadow:0 2px 12px rgba(0, 0, 0, 0.6);}
.about-hero-right{position:relative;display:flex;justify-content:center;align-items:center;}
.illustration-glow-ring{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle, rgba(229, 184, 75, 0.15) 0%, rgba(165, 210, 255, 0.08) 45%, transparent 70%);filter:blur(40px);z-index:1;pointer-events:none;animation:moonGlowPulse 6s ease-in-out infinite alternate;}
@keyframes moonGlowPulse{0%{opacity:0.4;transform:scale(0.92);}
100%{opacity:0.85;transform:scale(1.08);}
}
.about-hero-3d-img{position:relative;z-index:2;width:100%;max-width:680px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 35px rgba(229, 184, 75, 0.15));}
.anim-float-illustration{animation:suitcaseFloat 8s ease-in-out infinite alternate;}
@keyframes suitcaseFloat{0%{transform:translateY(-10px);}
100%{transform:translateY(10px);}
}
.anim-fade-up-1{animation:fadeInUpHero 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
.anim-fade-up-2{animation:fadeInUpHero 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;opacity:0;}
.anim-fade-up-3{animation:fadeInUpHero 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;opacity:0;}
@keyframes fadeInUpHero{0%{opacity:0;transform:translateY(24px);}
100%{opacity:1;transform:translateY(0);}
}
@media (max-width:1024px){.about-hero-container{grid-template-columns:1fr;gap:2.5rem;text-align:center;}
.about-hero-left{max-width:100%;margin:0 auto;}
.about-hero-desc{margin:0 auto;}
.about-hero-3d-img{max-width:500px;}
}
@media (max-width:640px){.about-hero-section{padding:110px 0 60px;}
.about-hero-headline{font-size:clamp(2.4rem, 8.5vw, 3.4rem);}
}
.about-story-section{position:relative;background:transparent;color:#f8faff;padding:100px 0;z-index:12;overflow:hidden;}
.about-story-container{display:grid;grid-template-columns:0.95fr 1.05fr;gap:4.5rem;align-items:center;}
.story-left-illustration{position:relative;display:flex;justify-content:center;align-items:center;}
.story-img-glow{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle, rgba(223, 168, 87, 0.22) 0%, rgba(165, 210, 255, 0.12) 50%, transparent 70%);filter:blur(45px);z-index:1;pointer-events:none;}
.story-3d-suitcase-img{position:relative;z-index:2;width:100%;max-width:580px;height:auto;object-fit:contain;filter:drop-shadow(0 25px 35px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 25px rgba(223, 168, 87, 0.15));animation:suitcaseFloatingLeft 8s ease-in-out infinite alternate;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.story-3d-suitcase-img:hover{transform:scale(1.03) translateY(-6px);}
@keyframes suitcaseFloatingLeft{0%{transform:translateY(-12px);}
100%{transform:translateY(12px);}
}
.story-right-content{text-align:left;}
.story-badge-wrap{margin-bottom:1.2rem;}
.story-badge{display:inline-flex;align-items:center;font-family:'Outfit', 'Plus Jakarta Sans', sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#dfa857;background:rgba(4, 9, 24, 0.9);border:1px solid rgba(223, 168, 87, 0.15);padding:0.4rem 1.2rem;border-radius:50px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.9), 0 0 15px rgba(223, 168, 87, 0.15);}
.story-heading{font-family:'Cormorant Garamond', 'Playfair Display', serif;font-size:clamp(2.4rem, 4vw, 3.6rem);font-weight:700;line-height:1.15;color:#ffffff;margin-bottom:1.5rem;letter-spacing:-0.01em;text-shadow:0 4px 25px rgba(0, 0, 0, 0.6);}
.story-description-wrap{margin-bottom:2.5rem;}
.story-desc-p{font-family:'Outfit', 'Manrope', sans-serif;font-size:1.05rem;line-height:1.8;color:rgba(248, 250, 255, 0.85);margin-bottom:1.2rem;font-weight:400;text-shadow:0 2px 10px rgba(0, 0, 0, 0.5);}
.story-desc-p:last-child{margin-bottom:0;}
.story-stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem;margin-top:2rem;}
.story-stat-card{background:rgba(4, 9, 24, 0.9);border:1px solid rgba(255, 255, 255, 0.15);border-radius:18px;padding:1.4rem 1rem;text-align:center;box-shadow:0 8px 25px rgba(0, 0, 0, 0.9);opacity:0;transform:translateY(30px) scale(0.95);transition:transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s cubic-bezier(0.16, 1, 0.3, 1);}
.story-stat-card.card-enter{opacity:1 !important;transform:translateY(0) scale(1) !important;transition:opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.story-stat-card.card-enter.interactive{transition:transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s cubic-bezier(0.16, 1, 0.3, 1);}
@media (hover:hover){.story-stat-card.card-enter:hover{transform:translateY(-6px) scale(1) !important;border-color:rgba(223, 168, 87, 0.6) !important;box-shadow:0 14px 35px rgba(0, 0, 0, 0.5), 0 0 20px rgba(165, 210, 255, 0.25), 0 0 12px rgba(223, 168, 87, 0.35) !important;background:rgba(6, 14, 34, 0.75) !important;}
}
.story-stat-card.card-enter:active, .story-stat-card.card-enter.tapped{transform:scale(0.98) !important;border-color:rgba(223, 168, 87, 0.6) !important;box-shadow:0 4px 15px rgba(223, 168, 87, 0.25) !important;transition:transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.stat-num-highlight{font-family:'Plus Jakarta Sans', 'Outfit', sans-serif;font-size:clamp(1.8rem, 2.5vw, 2.4rem);font-weight:800;color:#dfa857;line-height:1;margin-bottom:0.4rem;text-shadow:0 0 15px rgba(223, 168, 87, 0.3);}
.stat-title-label{font-family:'Outfit', sans-serif;font-size:0.78rem;font-weight:600;color:rgba(248, 250, 255, 0.75);text-transform:uppercase;letter-spacing:0.5px;line-height:1.3;opacity:0;transform:translateY(20px);transition:opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);}
.story-stat-card.text-enter .stat-title-label{opacity:1 !important;transform:translateY(0) !important;}
.about-story-section.reveal .reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.about-story-section.reveal .reveal-right{opacity:0;transform:translateX(40px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;}
.about-story-section.active .reveal-left, .about-story-section.active .reveal-right{opacity:1;transform:translateX(0);}
.about-story-section.reveal .reveal-item{opacity:0;transform:translateY(20px);transition:opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay, 0s), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--delay, 0s);}
.about-story-section.active .reveal-item{opacity:1;transform:translateY(0);}
@media (max-width:1024px){.about-story-container{grid-template-columns:1fr;gap:3rem;text-align:center;}
.story-right-content{text-align:center;}
.story-3d-suitcase-img{max-width:480px;}
}
@media (max-width:768px){.story-stats-grid{display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;width:100% !important;margin-top:2rem !important;}
.story-stat-card{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;width:92% !important;height:102px !important;border-radius:20px !important;padding:18px !important;text-align:center !important;margin:0 auto !important;background:linear-gradient(135deg, rgba(4, 9, 24, 0.9) 0%, rgba(2, 6, 23, 0.75) 100%) !important;border:1px solid rgba(223, 168, 87, 0.15) !important;box-shadow:0 8px 25px rgba(165, 210, 255, 0.15) !important;}
.stat-num-highlight{font-size:42px !important;font-weight:700 !important;color:#dfa857 !important;line-height:1 !important;margin-bottom:4px !important;text-shadow:0 0 15px rgba(223, 168, 87, 0.25) !important;}
.stat-title-label{font-size:16px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:1px !important;color:rgba(255, 255, 255, 0.85) !important;line-height:1.2 !important;}
}
@media (max-width:640px){.about-story-section{padding:60px 0;}
.story-heading{font-size:clamp(2rem, 8vw, 2.8rem);}
}
.about-hero-fullscreen{position:relative;width:100%;height:100vh;min-height:680px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:10;}
.hero-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;}
.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:scale(1.02);animation:kenBurnsZoom 25s ease-in-out infinite alternate;}
@keyframes kenBurnsZoom{0%{transform:scale(1.02);}
100%{transform:scale(1.14);}
}
.hero-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 180deg, rgba(5, 12, 24, 0.45) 0%, rgba(5, 12, 24, 0.2) 40%, rgba(5, 12, 24, 0.35) 75%, rgba(5, 12, 24, 0.75) 100% );z-index:2;pointer-events:none;}
.hero-mist-layer{position:absolute;bottom:0;left:-20%;width:140%;height:40%;background:radial-gradient( ellipse at bottom, rgba(255, 255, 255, 0.12) 0%, rgba(229, 184, 75, 0.05) 35%, transparent 70% );filter:blur(40px);z-index:3;pointer-events:none;animation:mistFloat 12s ease-in-out infinite alternate;}
@keyframes mistFloat{0%{transform:translateX(0) scaleY(1);opacity:0.4;}
50%{transform:translateX(40px) scaleY(1.15);opacity:0.65;}
100%{transform:translateX(-30px) scaleY(0.95);opacity:0.45;}
}
.hero-content-container{position:relative;z-index:5;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1.5rem;}
.hero-text-block{max-width:900px;margin:0 auto;}
.hero-badge-wrap{margin-bottom:1.8rem;display:flex;justify-content:center;}
.hero-glass-badge{display:inline-flex;align-items:center;font-family:'Outfit', 'Plus Jakarta Sans', sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#F0C465;padding:0.55rem 1.6rem;border-radius:50px;background:rgba(12, 22, 40, 0.9);border:1px solid rgba(229, 184, 75, 0.15);box-shadow:0 8px 32px rgba(0, 0, 0, 0.9), inset 0 1px 1px rgba(255, 255, 255, 0.15);}
.hero-title{font-family:'Cormorant Garamond', 'Playfair Display', serif;font-size:clamp(3.2rem, 7.5vw, 6.2rem);font-weight:700;line-height:1.05;margin:0 0 1.6rem;letter-spacing:-0.02em;color:#ffffff;text-shadow:0 6px 30px rgba(0, 0, 0, 0.7);}
.title-line{display:block;opacity:0;transform:translateY(40px);}
.title-line-1{animation:lineReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;}
.title-line-2{animation:lineReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.55s forwards;background:linear-gradient(135deg, #FFFFFF 30%, #F5D782 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px rgba(0, 0, 0, 0.5));}
@keyframes lineReveal{0%{opacity:0;transform:translateY(40px);}
100%{opacity:1;transform:translateY(0);}
}
.anim-badge-fade{opacity:0;animation:badgeFade 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;}
@keyframes badgeFade{0%{opacity:0;transform:translateY(20px) scale(0.95);}
100%{opacity:1;transform:translateY(0) scale(1);}
}
.hero-subheading{font-family:'Manrope', 'Plus Jakarta Sans', sans-serif;font-size:clamp(1.1rem, 2.2vw, 1.45rem);font-weight:400;line-height:1.6;color:rgba(255, 255, 255, 0.92);max-width:650px;margin:0 auto;text-shadow:0 3px 18px rgba(0, 0, 0, 0.8);}
.anim-subheading-fade{opacity:0;animation:subheadFade 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;}
@keyframes subheadFade{0%{opacity:0;transform:translateY(25px);}
100%{opacity:1;transform:translateY(0);}
}
.hero-scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-decoration:none;color:rgba(255, 255, 255, 0.7);transition:all 0.3s ease;}
.hero-scroll-indicator:hover{color:#dfa857;}
.scroll-mouse{width:24px;height:38px;border:2px solid currentColor;border-radius:20px;position:relative;}
.scroll-wheel{width:4px;height:8px;background:currentColor;border-radius:2px;position:absolute;top:6px;left:50%;transform:translateX(-50%);animation:scrollWheel 2s ease-in-out infinite;}
@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%, 0);}
100%{opacity:0;transform:translate(-50%, 14px);}
}
.scroll-text{font-family:'Outfit', sans-serif;font-size:0.65rem;font-weight:600;letter-spacing:3px;}
@media (max-width:768px){.about-hero-fullscreen{height:100vh;min-height:580px;}
.hero-glass-badge{font-size:0.68rem;letter-spacing:3px;padding:0.45rem 1.2rem;}
.hero-title{font-size:clamp(2.6rem, 10vw, 3.8rem);}
.hero-subheading{font-size:1.05rem;}
.hero-scroll-indicator{bottom:1.8rem;}
}
.about-core-values-section{position:relative;padding:100px 0;z-index:10;}
.core-values-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.8rem;margin-top:3.5rem;}
.value-card-item{position:relative;background:rgba(12, 22, 40, 0.9);border:1px solid rgba(229, 184, 75, 0.15);border-radius:20px;padding:2.8rem 2rem 2.2rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden;box-shadow:0 10px 30px rgba(0, 0, 0, 0.9);}
.value-card-item:hover{transform:translateY(-8px);border-color:rgba(229, 184, 75, 0.55);background:rgba(15, 27, 48, 0.7);box-shadow:0 20px 45px rgba(0, 0, 0, 0.4), 0 0 25px rgba(229, 184, 75, 0.18);}
.value-card-glass-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right, rgba(229, 184, 75, 0.12) 0%, transparent 65%);pointer-events:none;opacity:0.4;transition:opacity 0.4s ease;}
.value-card-item:hover .value-card-glass-bg{opacity:1;}
.value-icon-box{width:68px;height:68px;border-radius:18px;background:rgba(229, 184, 75, 0.1);border:1px solid rgba(229, 184, 75, 0.35);display:flex;align-items:center;justify-content:center;margin-bottom:1.8rem;transition:all 0.35s ease;}
.value-card-item:hover .value-icon-box{background:rgba(229, 184, 75, 0.22);border-color:#E5B84B;box-shadow:0 0 22px rgba(229, 184, 75, 0.35);transform:scale(1.06);}
.value-card-title{font-family:'Cormorant Garamond', 'Playfair Display', serif;font-size:1.7rem;font-weight:600;color:#ffffff;margin:0 0 1rem;line-height:1.25;}
.value-card-desc{font-family:'Manrope', 'Plus Jakarta Sans', sans-serif;font-size:0.95rem;line-height:1.7;color:rgba(255, 255, 255, 0.8);margin:0;font-weight:400;}
.value-card-accent-bar{width:35px;height:3px;background:linear-gradient(90deg, #E5B84B, transparent);border-radius:2px;margin-top:1.8rem;transition:width 0.4s ease;}
.value-card-item:hover .value-card-accent-bar{width:75px;}
.icon-anim-handshake svg{animation:iconFloat 4s ease-in-out infinite alternate;}
.icon-anim-compass svg{animation:iconSpin 22s linear infinite;}
.icon-anim-gem svg{animation:iconShimmer 3s ease-in-out infinite alternate;}
.icon-anim-shield svg{animation:iconPulse 3s ease-in-out infinite alternate;}
@keyframes iconFloat{0%{transform:translateY(-3px);}
100%{transform:translateY(3px);}
}
@keyframes iconSpin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes iconShimmer{0%{transform:scale(0.96);opacity:0.85;filter:drop-shadow(0 0 2px rgba(229, 184, 75, 0.2));}
100%{transform:scale(1.08);opacity:1;filter:drop-shadow(0 0 10px rgba(229, 184, 75, 0.65));}
}
@keyframes iconPulse{0%{transform:scale(1);}
50%{transform:scale(1.08);}
100%{transform:scale(1);}
}
@media (max-width:1200px){.core-values-grid{grid-template-columns:repeat(2, 1fr);gap:1.5rem;}
}
@media (max-width:640px){.core-values-grid{grid-template-columns:1fr;gap:1.2rem;}
.value-card-item{padding:2rem 1.5rem;}
}
.luxury-services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem;justify-items:center;justify-content:center;padding:3rem 0;position:relative;z-index:2;max-width:100%;}
@media (min-width:1200px){.luxury-services-grid{grid-template-columns:repeat(4, 265px);justify-content:center;gap:1.5rem;}
}
.luxury-service-card{width:265px;height:350px;background:rgba(9, 16, 33, 0.9);border:1px solid rgba(216, 177, 90, 0.15);border-radius:32px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgba(0, 0, 0, 0.9);opacity:0;transform:translateY(30px);transition:opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.7s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.cultural-section.active .luxury-service-card{opacity:1;transform:translateY(0);}
.cultural-section.active .luxury-service-card:nth-child(1){transition-delay:120ms;}
.cultural-section.active .luxury-service-card:nth-child(2){transition-delay:220ms;}
.cultural-section.active .luxury-service-card:nth-child(3){transition-delay:320ms;}
.cultural-section.active .luxury-service-card:nth-child(4){transition-delay:420ms;}
.luxury-service-card:hover{transform:translateY(-12px);border-color:rgba(216, 177, 90, 0.6);background-color:rgba(15, 25, 50, 0.65);box-shadow:0 20px 40px rgba(0, 0, 0, 0.4), 0 15px 30px rgba(216, 177, 90, 0.08);}
.luxury-service-card .corner-accent{position:absolute;width:3px;height:3px;background:#D8B15A;border-radius:50%;opacity:0.15;transition:opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.luxury-service-card:hover .corner-accent{opacity:0.7;}
.luxury-service-card:hover .top-left{transform:translate(-2px, -2px);}
.luxury-service-card:hover .top-right{transform:translate(2px, -2px);}
.luxury-service-card:hover .bottom-left{transform:translate(-2px, 2px);}
.luxury-service-card:hover .bottom-right{transform:translate(2px, 2px);}
.luxury-service-card .top-left{top:16px;left:16px;}
.luxury-service-card .top-right{top:16px;right:16px;}
.luxury-service-card .bottom-left{bottom:16px;left:16px;}
.luxury-service-card .bottom-right{bottom:16px;right:16px;}
.luxury-service-card .botanical-art{position:absolute;bottom:-10px;right:-10px;width:110px;height:110px;pointer-events:none;z-index:0;transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.luxury-service-card:hover .botanical-art{transform:scale(1.05) rotate(-3deg);opacity:0.08;}
.luxury-service-card .card-icon-container{position:relative;z-index:2;}
.luxury-service-card .card-icon-circle{width:76px;height:76px;border-radius:50%;background:rgba(255, 214, 80, 0.04);border:1px solid rgba(255, 214, 80, 0.25);display:flex;align-items:center;justify-content:center;transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.7s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.7s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.7s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 0 15px rgba(255, 214, 80, 0.03);position:relative;}
.luxury-service-card .card-icon-circle svg.service-icon-svg{width:32px;height:32px;stroke:#D8B15A;stroke-width:1.2;transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.luxury-service-card:hover .card-icon-circle{transform:rotate(8deg);box-shadow:0 0 25px rgba(255, 214, 80, 0.2);border-color:rgba(255, 214, 80, 0.55);background-color:rgba(255, 214, 80, 0.08);}
.luxury-service-card:hover .card-icon-circle svg.service-icon-svg{transform:scale(1.08);}
.luxury-service-card .card-icon-circle::after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(255, 214, 80, 0.45);opacity:0;pointer-events:none;animation:iconPulseLoop 6s infinite ease-out;}
.luxury-service-card:nth-child(1) .card-icon-circle::after{animation-delay:0s;}
.luxury-service-card:nth-child(2) .card-icon-circle::after{animation-delay:1.5s;}
.luxury-service-card:nth-child(3) .card-icon-circle::after{animation-delay:3s;}
.luxury-service-card:nth-child(4) .card-icon-circle::after{animation-delay:4.5s;}
@keyframes iconPulseLoop{0%{transform:scale(1);opacity:0;}
8%{transform:scale(1.18);opacity:0.6;}
16%{transform:scale(1.35);opacity:0;}
100%{transform:scale(1.35);opacity:0;}
}
.luxury-service-card .icon-particles .particle{position:absolute;width:3px;height:3px;background:#D8B15A;border-radius:50%;opacity:0;pointer-events:none;transition:transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.luxury-service-card .icon-particles .p-1{top:10px;left:10px;}
.luxury-service-card .icon-particles .p-2{bottom:12px;right:15px;}
.luxury-service-card .icon-particles .p-3{top:40px;right:8px;}
.luxury-service-card:hover .icon-particles .particle{opacity:0.55;}
.luxury-service-card:hover .icon-particles .p-1{transform:translate(-10px, -8px) scale(1.2);}
.luxury-service-card:hover .icon-particles .p-2{transform:translate(12px, 10px) scale(1.2);}
.luxury-service-card:hover .icon-particles .p-3{transform:translate(14px, -4px) scale(1.2);}
.luxury-service-card .card-content{width:100%;position:relative;z-index:2;margin-top:1.2rem;margin-bottom:auto;}
.luxury-service-card .card-content h3{font-family:'Playfair Display', serif;font-size:1.4rem;font-weight:500;color:#f8faff;margin-bottom:0.6rem;letter-spacing:0.02em;line-height:1.25;}
.luxury-service-card .card-content p{font-family:'Outfit', sans-serif;font-size:0.88rem;color:rgba(248, 250, 255, 0.65);line-height:1.5;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;}
.luxury-service-card .card-bottom{width:100%;display:flex;justify-content:flex-start;position:relative;z-index:2;margin-top:0.8rem;}
.luxury-service-card .card-cta{width:36px;height:36px;border-radius:50%;border:1px solid rgba(216, 177, 90, 0.4);background:transparent;display:flex;align-items:center;justify-content:center;transition:background-color 0.5s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s cubic-bezier(0.16, 1, 0.3, 1);cursor:pointer;}
.luxury-service-card .card-cta svg.cta-arrow-svg{width:14px;height:14px;stroke:#D8B15A;stroke-width:1.5;transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.luxury-service-card .card-cta:hover{background-color:#D8B15A;border-color:#D8B15A;}
.luxury-service-card .card-cta:hover svg.cta-arrow-svg{stroke:#091021;transform:translateX(4px);}
.cultural-section{position:relative;overflow:hidden;background:transparent !important;}
.shooting-star-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1;}
.shooting-star{position:absolute;top:5%;left:85%;width:120px;height:1px;background:linear-gradient(90deg, rgba(255, 214, 80, 0.75), transparent);transform:rotate(-35deg);opacity:0;animation:shootingStarAnim 15s infinite linear;}
@keyframes shootingStarAnim{0%{transform:translate(0, 0) rotate(-35deg);opacity:0;}
1.5%{opacity:1;}
3.5%{transform:translate(-400px, 280px) rotate(-35deg);opacity:0;}
100%{transform:translate(-400px, 280px) rotate(-35deg);opacity:0;}
}
.premium-services-cta{position:relative;padding:var(--section-padding) 0;overflow:hidden;background:transparent !important;border-top:1px solid rgba(223, 168, 87, 0.2);border-bottom:1px solid rgba(223, 168, 87, 0.2);}
.services-cta-grid{display:grid;grid-template-columns:1.3fr 0.7fr;gap:6rem;align-items:center;text-align:left;position:relative;z-index:5;}
.services-cta-content{display:flex;flex-direction:column;align-items:flex-start;}
.services-cta-tag{font-size:0.75rem;font-weight:700;letter-spacing:3px;color:var(--accent-gold);text-transform:uppercase;display:block;margin-bottom:1.5rem;}
.services-cta-title{font-family:'Playfair Display', serif;font-size:clamp(2.4rem, 4.5vw, 3.8rem);line-height:1.15;color:var(--text-white);margin-bottom:1.8rem;font-weight:500;}
.services-cta-title .text-gold{color:#D8B15A;font-family:'Cormorant Garamond', serif;font-style:italic;font-weight:400;}
.services-cta-desc{font-family:'Outfit', sans-serif;font-size:1rem;color:rgba(248, 250, 255, 0.75);max-width:500px;line-height:1.7;margin-bottom:2.8rem;font-weight:300;}
.cta-actions-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;}
.btn-services-primary{display:inline-flex;align-items:center;gap:0.8rem;padding:1.1rem 2.6rem;border-radius:50px;background:#D8B15A;color:#020617;font-family:'Outfit', sans-serif;font-weight:600;font-size:0.95rem;letter-spacing:1px;box-shadow:0 4px 15px rgba(216, 177, 90, 0.2);transition:transform 500ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 500ms cubic-bezier(0.16, 1, 0.3, 1), background-color 500ms ease;}
.btn-services-primary svg.arrow-icon{width:16px;height:16px;stroke:currentColor;transition:transform 500ms cubic-bezier(0.16, 1, 0.3, 1);}
.btn-services-primary:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(216, 177, 90, 0.45);background-color:#e3c173;}
.btn-services-primary:hover svg.arrow-icon{transform:translateX(6px);}
.link-services-custom{font-family:'Outfit', sans-serif;font-size:0.9rem;color:rgba(248, 250, 255, 0.7);text-transform:uppercase;letter-spacing:2px;position:relative;padding-bottom:4px;transition:color 0.3s ease;}
.link-services-custom::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#D8B15A;transition:width 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.link-services-custom:hover{color:#f8faff;}
.link-services-custom:hover::after{width:100%;}
.cta-illustration-col{display:flex;justify-content:center;align-items:center;position:relative;}
.cta-parallax-illustration{--px:0px;--py:0px;width:100%;max-width:320px;height:auto;opacity:0.12;transform:translate3d(var(--px), var(--py), 0);animation:ctaIllustrationRotate 30s ease-in-out infinite;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);pointer-events:none;}
@keyframes ctaIllustrationRotate{0%{transform:translate3d(var(--px), var(--py), 0) rotate(0deg);}
50%{transform:translate3d(var(--px), var(--py), 0) rotate(1.8deg);}
100%{transform:translate3d(var(--px), var(--py), 0) rotate(0deg);}
}
.cta-effects-bg{position:absolute;inset:0;pointer-events:none;z-index:1;}
.services-firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffd778;box-shadow:0 0 12px 3px #dfa857;opacity:0.4;animation:floatFirefly 8s infinite ease-in-out alternate;}
.sf-1{top:25%;left:20%;--x:35px;--y:-40px;animation-duration:6s;}
.sf-2{top:65%;left:45%;--x:-45px;--y:35px;animation-duration:9s;}
.sf-3{top:40%;left:80%;--x:40px;--y:50px;animation-duration:7s;}
.services-particle{position:absolute;width:3px;height:3px;background:rgba(255, 255, 255, 0.3);border-radius:50%;animation:spFloat 12s infinite linear;}
.sp-1{top:75%;left:15%;animation-delay:0s;}
.sp-2{top:35%;left:70%;animation-delay:-5s;}
@keyframes spFloat{0%{transform:translateY(0) scale(1);opacity:0;}
10%{opacity:0.5;}
90%{opacity:0.5;}
100%{transform:translateY(-100px) scale(0.6);opacity:0;}
}
.services-rays{position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 60%);}
.services-shimmer{position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top, rgba(216, 177, 90, 0.03), transparent);mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 4px);-webkit-mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 4px);opacity:0.4;animation:servicesShimmerAnim 6s infinite ease-in-out;}
@keyframes servicesShimmerAnim{0%, 100%{opacity:0.3;}
50%{opacity:0.5;}
}
.services-mist{position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to top, rgba(10, 25, 50, 0.15) 0%, transparent 100%);filter:blur(15px);opacity:0.4;}
.services-star-streak{position:absolute;top:15%;left:30%;width:110px;height:1px;background:linear-gradient(90deg, rgba(255, 214, 80, 0.4), transparent);transform:rotate(-35deg);opacity:0;animation:servicesStreakAnim 28s infinite linear;}
@keyframes servicesStreakAnim{0%{transform:translate(0, 0) rotate(-35deg);opacity:0;}
1%{opacity:0.7;}
3%{transform:translate(-250px, 175px) rotate(-35deg);opacity:0;}
100%{transform:translate(-250px, 175px) rotate(-35deg);opacity:0;}
}
.premium-services-cta .services-cta-tag{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.premium-services-cta .services-cta-title{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:150ms;}
.premium-services-cta .services-cta-desc{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:250ms;}
.premium-services-cta .cta-actions-wrapper{opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:300ms;}
.premium-services-cta .cta-illustration-col{opacity:0;transform:scale(0.96);transition:opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1), transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:200ms;}
.premium-services-cta.active .services-cta-tag{opacity:1;transform:translateY(0);}
.premium-services-cta.active .services-cta-title{opacity:1;transform:translateY(0);}
.premium-services-cta.active .services-cta-desc{opacity:1;transform:translateY(0);}
.premium-services-cta.active .cta-actions-wrapper{opacity:1;transform:translateY(0);}
.premium-services-cta.active .cta-illustration-col{opacity:1;transform:scale(1);}
@media (max-width:768px){.services-cta-grid{grid-template-columns:1fr;gap:3.5rem;text-align:center;}
.services-cta-content{align-items:center;}
.cta-actions-wrapper{align-items:center;}
.cta-parallax-illustration{max-width:220px;}
}
.premium-contact-cta{position:relative;padding:var(--section-padding) 0;overflow:hidden;background:transparent !important;border-top:1px solid rgba(223, 168, 87, 0.2);border-bottom:1px solid rgba(223, 168, 87, 0.2);}
.contact-cta-container{position:relative;z-index:5;transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}
.contact-cta-title{font-family:'Playfair Display', serif;font-size:clamp(2.4rem, 4.5vw, 3.5rem);line-height:1.25;color:var(--text-white);margin-bottom:1.5rem;font-weight:500;}
.cta-header-icon-wrap{display:inline-block;vertical-align:middle;margin-right:0.8rem;opacity:0.8;}
.cta-crescent-moon-svg{width:26px;height:26px;stroke:#D8B15A;}
.contact-cta-title .text-gold{color:#D8B15A;font-family:'Cormorant Garamond', serif;font-style:italic;font-weight:400;}
.contact-cta-desc{font-family:'Outfit', sans-serif;font-size:1rem;color:rgba(248, 250, 255, 0.7);max-width:480px;margin:0 auto;line-height:1.7;}
.contact-cta-divider{width:80px;height:1px;background:linear-gradient(90deg, transparent, rgba(216, 177, 90, 0.4), transparent);margin:2rem auto;}
.contact-cta-btns{display:flex;justify-content:center;gap:1.5rem;}
.btn-premium-social{display:inline-flex;align-items:center;gap:0.6rem;padding:0.9rem 2.2rem;border-radius:50px;border:1px solid rgba(223, 168, 87, 0.3);background:rgba(4, 9, 24, 0.4);color:var(--text-white);font-family:'Outfit', sans-serif;font-weight:500;transition:transform 500ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 500ms cubic-bezier(0.16, 1, 0.3, 1), border-color 500ms ease, background-color 500ms ease;}
.btn-premium-social .btn-arrow-icon{transition:transform 500ms cubic-bezier(0.16, 1, 0.3, 1);}
.btn-premium-social:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 20px rgba(223, 168, 87, 0.25);border-color:var(--accent-gold);background-color:rgba(223, 168, 87, 0.1);color:var(--accent-gold);}
.btn-premium-social:hover .btn-arrow-icon{transform:translateX(5px);}
.contact-cta-effects{position:absolute;inset:0;pointer-events:none;z-index:1;}
.contact-firefly{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd778;box-shadow:0 0 10px 2px #dfa857;opacity:0.3;animation:floatFirefly 9s infinite ease-in-out alternate;}
.cf-1{top:30%;left:25%;--x:30px;--y:-30px;}
.cf-2{top:70%;left:70%;--x:-30px;--y:30px;animation-delay:-3s;}
.contact-particle{position:absolute;width:2px;height:2px;background:rgba(255, 255, 255, 0.2);border-radius:50%;top:60%;left:45%;animation:spFloat 15s infinite linear;}
.contact-shimmer{position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to top, rgba(216, 177, 90, 0.02), transparent);mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 4px);-webkit-mask-image:repeating-linear-gradient(0deg, black, black 1px, transparent 1px, transparent 4px);opacity:0.3;animation:servicesShimmerAnim 7s infinite ease-in-out;}
.contact-haze{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top, rgba(10, 25, 50, 0.08), transparent);filter:blur(10px);opacity:0.3;}
.contact-star-streak{position:absolute;top:10%;left:75%;width:100px;height:1px;background:linear-gradient(90deg, rgba(255, 214, 80, 0.3), transparent);transform:rotate(-35deg);opacity:0;animation:contactStreakAnim 27s infinite linear;}
@keyframes contactStreakAnim{0%{transform:translate(0, 0) rotate(-35deg);opacity:0;}
1%{opacity:0.6;}
3%{transform:translate(-200px, 140px) rotate(-35deg);opacity:0;}
100%{transform:translate(-200px, 140px) rotate(-35deg);opacity:0;}
}
.premium-contact-cta .contact-cta-title{opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);}
.premium-contact-cta .contact-cta-desc{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:150ms;}
.premium-contact-cta .contact-cta-divider{opacity:0;transition:opacity 1s ease;transition-delay:200ms;}
.premium-contact-cta .contact-cta-btns{opacity:0;transform:translateY(15px);transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:300ms;}
.premium-contact-cta.active .contact-cta-title{opacity:1;transform:translateY(0);}
.premium-contact-cta.active .contact-cta-desc{opacity:1;transform:translateY(0);}
.premium-contact-cta.active .contact-cta-divider{opacity:1;}
.premium-contact-cta.active .contact-cta-btns{opacity:1;transform:translateY(0);}
.welcome-about-section{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 35%, rgba(165, 210, 255, 0.08) 0%, rgba(7, 27, 57, 0.25) 30%, #061326 65%, #020617 100%);padding:7rem 0;z-index:2;}
.welcome-about-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 40px 60px, rgba(255, 255, 255, 0.45), transparent), radial-gradient(1.5px 1.5px at 120px 200px, rgba(255, 255, 255, 0.35), transparent), radial-gradient(1px 1px at 280px 140px, rgba(255, 255, 255, 0.25), transparent), radial-gradient(2px 2px at 420px 320px, rgba(255, 255, 255, 0.4), transparent), radial-gradient(1.5px 1.5px at 600px 240px, rgba(255, 255, 255, 0.3), transparent), radial-gradient(1px 1px at 800px 100px, rgba(255, 255, 255, 0.45), transparent), radial-gradient(2px 2px at 950px 450px, rgba(255, 255, 255, 0.35), transparent);background-size:1100px 550px;opacity:0.25;pointer-events:none;z-index:0;}
.welcome-moonlight-glow{position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(circle at 80% 40%, rgba(165, 210, 255, 0.15) 0%, rgba(7, 27, 57, 0) 65%);pointer-events:none;z-index:1;}
.welcome-fog-layer{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top, rgba(2, 6, 23, 0.45) 0%, transparent 100%);pointer-events:none;z-index:1;}
.welcome-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1;}
.welcome-particle{position:absolute;width:3px;height:3px;background-color:rgba(165, 210, 255, 0.35);border-radius:50%;filter:blur(0.5px);animation:welcomeParticleDrift 14s infinite ease-in-out;}
.welcome-particle.particle-1{top:20%;left:15%;animation-duration:12s;animation-delay:0s;}
.welcome-particle.particle-2{top:60%;left:45%;animation-duration:18s;animation-delay:2s;}
.welcome-particle.particle-3{top:30%;left:75%;animation-duration:15s;animation-delay:1s;}
.welcome-particle.particle-4{top:75%;left:80%;animation-duration:20s;animation-delay:3s;}
@keyframes welcomeParticleDrift{0%{transform:translate(0, 0);opacity:0.15;}
50%{transform:translate(25px, -25px);opacity:0.5;}
100%{transform:translate(0, 0);opacity:0.15;}
}
.welcome-section-moon{position:absolute;top:-20px;right:-250px;width:750px;height:750px;background-image:url('assets/moon_bg.webp');background-size:contain;background-repeat:no-repeat;opacity:0.16;z-index:1;pointer-events:none;filter:drop-shadow(0 0 80px rgba(165, 210, 255, 0.45));animation:welcomeMoonFloat 16s infinite ease-in-out alternate;}
@keyframes welcomeMoonFloat{0%{transform:translateY(0) rotate(0deg);}
100%{transform:translateY(25px) rotate(1.5deg);}
}
.kayak-paddler-bg{position:absolute;bottom:0;right:0;width:60vw;height:60%;max-height:500px;max-width:700px;background-image:url('assets/bg-kayak.webp');background-position:right bottom;background-repeat:no-repeat;background-size:200% 200%;pointer-events:none;z-index:1;opacity:0.75;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to top, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%), linear-gradient(to left, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%), linear-gradient(to left, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);mask-composite:intersect;}
.welcome-grid-container{display:flex;align-items:center;justify-content:space-between;gap:5.5rem;position:relative;z-index:3;}
.welcome-left-col{flex:0 0 45%;max-width:45%;display:flex;justify-content:center;align-items:center;}
.welcome-right-col{flex:0 0 55%;max-width:55%;position:relative;}
.featured-image-wrapper{position:relative;padding:1.5rem;width:100%;max-width:580px;transition:transform 800ms cubic-bezier(0.16, 1, 0.3, 1);animation:welcomeFrameFloat 8s infinite ease-in-out alternate;}
@keyframes welcomeFrameFloat{0%{transform:translateY(0);}
100%{transform:translateY(-4px);}
}
.featured-image-wrapper:hover{transform:translateY(-4px);}
.stars-bg-behind-card{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0;opacity:0.6;}
.featured-image-frame{position:relative;border-radius:52px 65px 45px 58px / 62px 48px 65px 52px;border:22px solid #091c3f;box-shadow:0 25px 60px rgba(0, 0, 0, 0.7), 0 0 50px rgba(165, 210, 255, 0.22), inset 0 0 25px rgba(0, 0, 0, 0.9);overflow:hidden;aspect-ratio:1.45;background:#020817;will-change:transform;z-index:1;filter:url(#brush-border-filter);transition:box-shadow 0.6s ease;}
.featured-image-frame::before{content:'';position:absolute;inset:-14px;border:6px solid #3F66B6;border-radius:48px 58px 40px 52px / 58px 45px 58px 48px;filter:url(#brush-border-filter);pointer-events:none;z-index:2;opacity:0.5;mix-blend-mode:screen;}
.featured-image-frame::after{content:'';position:absolute;inset:-22px;border:4px solid #020617;border-radius:54px 62px 48px 56px / 60px 50px 62px 50px;filter:url(#brush-border-filter);pointer-events:none;z-index:0;opacity:0.7;}
.featured-image-frame.v2{border:none;border-radius:16px;aspect-ratio:1.137;filter:none;box-shadow:0 20px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(165, 210, 255, 0.15);}
.featured-image-frame.v2::before, .featured-image-frame.v2::after{display:none;}
.featured-image-frame.v2 .destination-image{border-radius:12px;}
.glass-highlight{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 60%), radial-gradient(circle, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 100%);box-shadow:inset 0 0 22px rgba(9, 28, 63, 0.95);pointer-events:none;z-index:2;mix-blend-mode:multiply;}
.destination-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:35px 45px 30px 40px / 45px 35px 48px 38px;animation:welcomeKenBurns 20s infinite ease-in-out alternate;transform:scale(1.0);}
@keyframes welcomeKenBurns{0%{transform:scale(1.0);}
100%{transform:scale(1.03) translate(-0.5%, 0.2%);}
}
.badge-wrapper{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;}
.badge-since{font-family:'Poppins', sans-serif;font-size:0.85rem;font-weight:700;letter-spacing:5px;color:#C89A63;text-transform:uppercase;}
.badge-line{display:block;width:55px;height:3px;background:#C89A63;border-radius:4px;margin-top:0.4rem;opacity:0.85;}
.welcome-heading{display:flex;flex-direction:column;margin-bottom:1.5rem;}
.heading-welcome{font-family:'Selima', 'Alex Brush', 'Allura', cursive;font-size:3.4rem;color:#C89A63;line-height:0.85;font-weight:400;margin-bottom:0.2rem;transform:rotate(-2.5deg);transform-origin:left bottom;text-shadow:0 4px 10px rgba(0,0,0,0.25);}
.heading-brand{font-family:'Bebas Neue', sans-serif;font-size:clamp(3.2rem, 5.2vw, 5.5rem);font-weight:700;color:#ffffff;line-height:0.95;letter-spacing:4px;text-shadow:0 4px 18px rgba(0, 0, 0, 0.55);margin:0;}
.distressed-text{filter:url(#distressed-text-filter);}
.decorative-wave{margin-bottom:2rem;}
.wave-underline path{animation:welcomeWaveMotion 4s ease-in-out infinite alternate;}
@keyframes welcomeWaveMotion{0%{d:path("M0 6 Q10 0 20 6 T40 6 T60 6 T80 6");}
100%{d:path("M0 6 Q10 12 20 6 T40 6 T60 6 T80 6");}
}
.welcome-description{font-family:'Poppins', sans-serif;font-size:1.15rem;line-height:1.85;color:rgba(248, 250, 255, 0.78);max-width:500px;margin-bottom:3.5rem;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,0.4);}
.experience-icons-row{display:flex;align-items:stretch;gap:1.5rem;margin-bottom:3.5rem;max-width:580px;justify-content:space-between;}
.icon-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:0.5rem 0.2rem;position:relative;cursor:pointer;transition:transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);}
.icon-block:hover{transform:translateY(-6px);}
.icon-wrapper{color:#C89A63;margin-bottom:0.6rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}
.icon-wrapper svg{stroke:#C89A63;stroke-width:1.2px !important;width:32px;height:32px;transition:stroke-width 0.3s ease, transform 0.3s ease;}
.icon-block:hover .icon-wrapper svg{stroke-width:1.5px !important;transform:scale(1.1);}
.icon-underline{display:block;width:18px;height:1.5px;background-color:#C89A63;margin-top:0;margin-bottom:0.6rem;transition:width 0.3s ease;opacity:0.85;}
.icon-block:hover .icon-underline{width:32px;}
.icon-label{font-family:'Poppins', sans-serif;font-size:0.75rem;letter-spacing:2px;color:rgba(248, 250, 255, 0.85);text-transform:uppercase;font-weight:500;transition:color 0.3s ease;}
.icon-block:hover .icon-label{color:#C89A63;}
.icon-separator{width:1px;background-color:rgba(200, 154, 99, 0.22);margin:10px 0;align-self:stretch;}
.icon-block.fade-in-item{opacity:0;transform:translateY(20px);}
.welcome-about-section.active .icon-block.fade-in-item{animation:welcomeFadeInUpIcon 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;animation-delay:calc(var(--delay) * 150ms);}
@keyframes welcomeFadeInUpIcon{from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
.button-wrapper{margin-top:1rem;}
.btn-discover-story{display:inline-flex;align-items:center;gap:0.8rem;padding:1.1rem 2.8rem;border-radius:50px;border:1.5px solid #C89A63;background-color:transparent;color:#C89A63;font-family:'Poppins', sans-serif;font-size:0.95rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:all 300ms cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 0 0 rgba(200, 154, 99, 0);position:relative;z-index:1;}
.btn-discover-story:hover{color:#FFFFFF;box-shadow:0 10px 25px rgba(200, 154, 99, 0.25), 0 0 15px rgba(200, 154, 99, 0.15);transform:translateY(-4px);border-color:#C89A63;}
.paddle-icon{stroke:#C89A63;fill:none;transition:all 300ms ease;}
.btn-discover-story:hover .paddle-icon{stroke:#FFFFFF;transform:rotate(-15deg) translate(2px, -2px);}
.btn-discover-story:hover{animation:none;}
@media (max-width:1024px){.welcome-about-section{min-height:auto;padding:5rem 0;}
.welcome-grid-container{gap:3.5rem;}
.heading-welcome{font-size:2rem;}
.heading-brand{font-size:clamp(2.2rem, 4vw, 3.2rem);}
.welcome-description{font-size:1rem;margin-bottom:2.2rem;}
.experience-icons-row{gap:1.2rem;margin-bottom:2.8rem;}
.icon-label{font-size:0.78rem;}
}
@media (max-width:768px){.welcome-grid-container{flex-direction:column;text-align:center;gap:4rem;}
.welcome-left-col, .welcome-right-col{flex:0 0 100%;max-width:100%;align-items:center;display:flex;flex-direction:column;}
.badge-wrapper{align-items:center;}
.heading-welcome{transform:rotate(0deg);}
.welcome-description{max-width:100%;}
.experience-icons-row{width:100%;max-width:480px;flex-wrap:wrap;justify-content:center;gap:1rem;}
.icon-block{flex:0 0 45%;margin-bottom:1.5rem;}
.icon-separator{display:none;}
.btn-discover-story{width:100%;max-width:320px;justify-content:center;}
.kayak-paddler-bg{width:100%;height:40%;opacity:0.45;}
}
.editorial-culture-section{position:relative;min-height:900px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg, #041225 0%, #020617 100%);padding:7rem 0;z-index:2;}
.editorial-bg-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px, #ffffff, rgba(0,0,0,0)), radial-gradient(1.5px 1.5px at 150px 80px, #ffffff, rgba(0,0,0,0)), radial-gradient(1px 1px at 300px 200px, rgba(255,255,255,0.7), rgba(0,0,0,0)), radial-gradient(2px 2px at 450px 350px, #ffffff, rgba(0,0,0,0)), radial-gradient(1px 1px at 600px 120px, rgba(255,255,255,0.5), rgba(0,0,0,0)), radial-gradient(1.5px 1.5px at 750px 420px, #ffffff, rgba(0,0,0,0)), radial-gradient(2px 2px at 900px 250px, rgba(255,255,255,0.8), rgba(0,0,0,0)), radial-gradient(1px 1px at 1100px 180px, #ffffff, rgba(0,0,0,0));background-size:1200px 600px;background-repeat:repeat;opacity:0.25;animation:starsTwinkleGentle 4s ease-in-out infinite alternate;pointer-events:none;z-index:0;}
.editorial-bg-mist{position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to top, #041225 0%, transparent 100%);pointer-events:none;z-index:1;}
@keyframes starsTwinkleGentle{0%{opacity:0.18;}
100%{opacity:0.35;}
}
.editorial-grid{display:flex;align-items:center;justify-content:space-between;gap:3.5rem;position:relative;z-index:3;}
.editorial-left-col{flex:0 0 45%;max-width:45%;}
.editorial-right-col{flex:0 0 52%;max-width:52%;display:flex;flex-direction:column;align-items:flex-start;}
.editorial-badge-wrapper{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:1.8rem;}
.editorial-badge-text{font-family:'Poppins', 'Outfit', sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:3.5px;color:#D8A552;text-transform:uppercase;display:flex;align-items:center;gap:0.6rem;}
.badge-wave-icon{margin-bottom:2px;}
.editorial-badge-line{width:45px;height:1.5px;background-color:rgba(216, 165, 82, 0.45);margin-top:0.4rem;}
.editorial-heading{font-family:'Playfair Display', serif;font-size:clamp(2.8rem, 4.4vw, 4.4rem);font-weight:700;color:#ffffff;line-height:1.15;letter-spacing:-0.01em;margin-bottom:0.8rem;text-shadow:0 4px 20px rgba(0, 0, 0, 0.5);}
.editorial-heading-underline{width:140px;height:4px;background:linear-gradient(to right, transparent, #D8A552 20%, #D8A552 80%, transparent 100%);margin-bottom:2.2rem;border-radius:2px;}
.editorial-description{font-family:'Outfit', 'Poppins', sans-serif;font-size:1.06rem;line-height:1.8;color:#E5E5E5;max-width:500px;margin-bottom:3.5rem;font-weight:300;text-shadow:0 2px 8px rgba(0, 0, 0, 0.4);}
.experience-buttons-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.4rem;max-width:520px;}
.exp-card{border-radius:19px;border:1px solid rgba(216, 165, 82, 0.15);background:rgba(7, 27, 57, 0.9);padding:1.3rem 1.1rem;transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);cursor:pointer;box-shadow:0 4px 15px rgba(0, 0, 0, 0.9);}
.exp-card:hover{transform:translateY(-5px);border-color:#D8A552;box-shadow:0 10px 25px rgba(7, 27, 57, 0.45), 0 0 20px rgba(216, 165, 82, 0.25);}
.exp-card-inner{display:flex;align-items:center;gap:0.9rem;}
.exp-card-icon{color:#D8A552;flex-shrink:0;transition:transform 0.4s ease;}
.exp-card:hover .exp-card-icon{transform:scale(1.15) rotate(5deg);}
.exp-card-label{font-family:'Poppins', 'Outfit', sans-serif;font-size:0.8rem;font-weight:600;letter-spacing:1.2px;color:#ffffff;text-transform:uppercase;}
.editorial-image-frame-wrapper{position:relative;width:100%;padding:0;margin-bottom:1.5rem;}
.editorial-image-frame{position:relative;width:100%;aspect-ratio:0.95;border-radius:24px;border:1.5px solid rgba(216, 165, 82, 0.7);box-shadow:0 25px 60px rgba(0, 0, 0, 0.55), 0 10px 25px rgba(0, 0, 0, 0.25);overflow:visible;transform:none;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1);background:transparent;}
.editorial-image-frame-wrapper:hover .editorial-image-frame{transform:scale(1.01);box-shadow:0 35px 75px rgba(0, 0, 0, 0.65), 0 15px 35px rgba(0, 0, 0, 0.3);}
.editorial-image-inner{position:relative;width:100%;height:100%;border-radius:30.5px;overflow:hidden;will-change:transform;transform:translateZ(0);}
.editorial-featured-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;transition:transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);}
.editorial-image-frame-wrapper:hover .editorial-featured-image{transform:scale(1.05);}
.editorial-image-overlay{position:absolute;inset:0;border-radius:0;background:linear-gradient(to top, rgba(4, 18, 37, 0.45) 0%, transparent 60%);pointer-events:none;z-index:2;}
.paper-sticky-note{position:absolute;right:-25px;bottom:-25px;z-index:5;background-color:#f5eed3;background-image:radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1.5px), linear-gradient(rgba(0,0,0,0.015) 1px, transparent 1px);background-size:12px 12px, 100% 24px;padding:1.5rem 1.6rem;border-radius:4px;box-shadow:3px 12px 28px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.05);max-width:250px;transform:rotate(-4.5deg);transition:transform 0.4s ease;border-left:2px solid rgba(0,0,0,0.04);animation:stickyNoteFloat 4s ease-in-out infinite alternate;}
.editorial-image-frame-wrapper:hover .paper-sticky-note{transform:rotate(-3deg) translateY(-2px);}
.sticky-note-text{font-family:'Caveat', cursive;font-size:1.45rem;font-weight:600;line-height:1.25;color:#3b331f;margin-bottom:0.6rem;}
.sticky-note-heart{display:flex;justify-content:flex-end;}
.sticky-note-heart svg{color:#D8A552;fill:#D8A552;opacity:0.85;}
@keyframes stickyNoteFloat{0%{transform:rotate(-4.5deg) translate3d(0, 0, 0);}
100%{transform:rotate(-3.5deg) translate3d(-3px, -5px, 0);}
}
.editorial-location-caption{display:inline-flex;flex-direction:column;align-items:flex-start;margin-top:1rem;padding-left:1.8rem;}
.location-text{font-family:'Caveat', cursive;font-size:1.3rem;color:#D8A552;letter-spacing:0.5px;}
.location-underline{width:100%;height:1px;border-bottom:1px dashed rgba(216, 165, 82, 0.55);margin-top:2px;}
@media (max-width:1024px){.editorial-culture-section{min-height:auto;padding:5rem 0;}
.editorial-grid{gap:4rem;}
.editorial-heading{font-size:clamp(2.4rem, 3.8vw, 3.2rem);}
.editorial-description{font-size:1rem;margin-bottom:2.5rem;}
.experience-buttons-grid{gap:1rem;}
.exp-card{padding:1.1rem 0.9rem;}
.exp-card-label{font-size:0.76rem;}
}
@media (max-width:768px){.editorial-grid{flex-direction:column;text-align:left;gap:5rem;}
.editorial-left-col, .editorial-right-col{flex:0 0 100%;max-width:100%;}
.editorial-right-col{order:-1;align-items:center;}
.editorial-image-frame-wrapper{max-width:440px;padding:1rem;}
.editorial-description{max-width:100%;}
.experience-buttons-grid{grid-template-columns:1fr;width:100%;max-width:100%;}
.exp-card{width:100%;box-sizing:border-box;}
.paper-sticky-note{right:-10px;bottom:-10px;padding:1.2rem;max-width:190px;}
.sticky-note-text{font-size:1.25rem;}
.editorial-location-caption{padding-left:1rem;}
}
@media (max-width:768px){body{overflow-x:hidden !important;width:100% !important;}
.container{padding-left:20px !important;padding-right:20px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;}
section{padding:50px 0 !important;}
.parallax-bg, .bg-parallax, .desktop-moon-bg, .stars-container, .stars-layer{transform:none !important;transition:none !important;}
}
@media (max-width:768px){h1, .hero-title-luxury{font-size:clamp(2.4rem, 8vw, 3rem) !important;line-height:1.1 !important;}
h2, .section-title, .editorial-heading{font-size:clamp(2rem, 6.5vw, 2.4rem) !important;line-height:1.2 !important;}
h3, .card-front-title, .card-back-title{font-size:clamp(1.4rem, 5vw, 1.8rem) !important;}
p, .hero-tagline-luxury, .welcome-description, .editorial-description{font-size:16px !important;line-height:1.7 !important;}
.btn, a.btn, button.btn, .btn-primary-luxury, .btn-secondary-luxury, .btn-discover-story, .btn-premium-cta, .btn-editorial-primary, .btn-services-primary, .footer-whatsapp-btn{min-height:48px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
}
@media (max-width:480px){h1, .hero-title-luxury{font-size:38px !important;}
h2, .section-title, .editorial-heading{font-size:30px !important;}
.hero-subtitle-luxury, .cultural-sub-heading{font-size:24px !important;}
p, .welcome-description, .editorial-description{font-size:16px !important;}
.btn, a.btn, button.btn{font-size:16px !important;width:100% !important;}
}
@media (max-width:991px){.navbar{padding:0 32px !important;height:80px !important;top:0 !important;width:100% !important;border-radius:0 !important;background:rgba(2, 6, 23, 0.2) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border-bottom:1px solid rgba(255, 255, 255, 0.03) !important;box-shadow:none !important;}
.navbar.scrolled{height:68px !important;background:rgba(2, 6, 23, 0.88) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;border-bottom:1px solid rgba(255, 255, 255, 0.08) !important;box-shadow:0 4px 30px rgba(0, 0, 0, 0.35) !important;}
.nav-container{display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;max-width:100% !important;padding:0 !important;}
.brand-logo-icon{height:40px !important;}
.navbar.scrolled .brand-logo-icon{height:36px !important;}
.logo-title{font-size:1.5rem !important;letter-spacing:3px !important;}
.logo-tagline{font-size:1.0rem !important;}
.navbar.scrolled .logo-title{font-size:1.35rem !important;letter-spacing:2.5px !important;}
.navbar.scrolled .logo-tagline{font-size:0.9rem !important;}
.logo{gap:0.75rem !important;}
.logo::before{left:20px !important;width:52px !important;height:52px !important;}
.navbar.scrolled .logo::before{left:18px !important;width:46px !important;height:46px !important;}
.menu-btn{display:flex !important;z-index:1001 !important;}
.nav-links{display:flex !important;position:fixed !important;top:0 !important;right:0 !important;width:100% !important;height:100vh !important;height:100dvh !important;background:rgba(2, 6, 23, 0.97) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-left:none !important;box-shadow:none !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding:6rem 2rem !important;gap:2.5rem !important;z-index:1000 !important;transform:translateX(100%) !important;opacity:0 !important;pointer-events:none !important;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease !important;}
.nav-links.active{transform:translateX(0) !important;opacity:1 !important;pointer-events:auto !important;}
.nav-link{width:auto !important;text-align:center !important;padding:0.8rem 2rem !important;min-height:48px !important;font-size:1.6rem !important;letter-spacing:2px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-bottom:none !important;}
.nav-link::after{display:none !important;}
.nav-link:hover, .nav-link.active{color:#D8A25A !important;transform:none !important;}
}
@media (max-width:768px){.navbar{padding:0 20px !important;height:80px !important;}
.navbar.scrolled{height:64px !important;}
.brand-logo-icon{height:38px !important;}
.navbar.scrolled .brand-logo-icon{height:34px !important;}
.logo-title{font-size:1.05rem !important;letter-spacing:2px !important;}
.logo-tagline{font-size:0.85rem !important;}
.navbar.scrolled .logo-title{font-size:0.95rem !important;letter-spacing:1.5px !important;}
.navbar.scrolled .logo-tagline{font-size:0.75rem !important;}
.logo{gap:0.6rem !important;}
.logo::before{left:19px !important;width:50px !important;height:50px !important;}
.navbar.scrolled .logo::before{left:17px !important;width:44px !important;height:44px !important;}
}
@media (max-width:1024px) and (min-width:769px){.hero-premium{height:90vh !important;min-height:650px !important;padding:100px 0 70px !important;}
}
@media (max-width:768px){.hero-premium{position:relative !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:100svh !important;min-height:-webkit-fill-available !important;padding:100px 0 40px !important;margin:0 !important;border-radius:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;box-sizing:border-box !important;}
.hero-video-bg{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;border-radius:0 !important;margin:0 !important;padding:0 !important;z-index:1 !important;overflow:hidden !important;background-image:url('assets/hero_night_v2.webp') !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;pointer-events:none !important;}
.video-bg{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;border-radius:0 !important;}
.hero-video-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(to bottom, rgba(2, 8, 23, 0.4) 0%, rgba(2, 8, 23, 0.2) 50%, rgba(2, 8, 23, 0.45) 100%), linear-gradient(to right, rgba(2, 8, 23, 0.45) 0%, rgba(2, 8, 23, 0.1) 40%, rgba(2, 8, 23, 0.1) 60%, rgba(2, 8, 23, 0.35) 100%) !important;}
.home-page .hero-video-overlay {
    background: 
        /* Subtle top-heavy gradient for mobile navbar and centered text readability */
        linear-gradient(to bottom, rgba(2, 6, 23, 0.75) 0%, rgba(2, 6, 23, 0.5) 40%, rgba(2, 6, 23, 0.2) 70%, rgba(2, 6, 23, 0) 90%) !important;
}
.hero-split-container{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:space-between !important;text-align:center !important;min-height:calc(100svh - 140px) !important;min-height:calc(-webkit-fill-available - 140px) !important;width:100% !important;max-width:100% !important;padding:0 1.5rem !important;margin:0 !important;border-radius:0 !important;gap:1.5rem !important;box-sizing:border-box !important;z-index:10 !important;}
.hero-left{width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;}
.hero-content-premium{width:100% !important;max-width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}
.hero-label-luxury{justify-content:center !important;font-size:0.75rem !important;margin-bottom:0.85rem !important;}
.hero-title-luxury{text-align:center !important;font-size:2.6rem !important;line-height:1.1 !important;margin-bottom:0.6rem !important;}
.hero-subtitle-luxury{text-align:center !important;font-size:1.3rem !important;margin-bottom:0.85rem !important;}
.hero-tagline-luxury{text-align:center !important;font-size:0.95rem !important;line-height:1.6 !important;margin-bottom:1.5rem !important;max-width:480px !important;}
.hero-btns-wrapper{flex-direction:column !important;width:100% !important;max-width:290px !important;gap:0.85rem !important;margin:0 auto !important;}
.hero-btns-wrapper a{width:100% !important;justify-content:center !important;text-align:center !important;padding:0.85rem 2rem !important;font-size:0.85rem !important;}
.hero-features-row{flex-direction:column !important;align-items:center !important;gap:0.85rem !important;width:100% !important;margin-top:1.5rem !important;}
.hero-features-row .feature-divider{display:none !important;}
.feature-text{font-size:0.78rem !important;letter-spacing:1.5px !important;}
.feature-icon{width:18px !important;height:18px !important;}
.desktop-moon-bg{width:220px !important;height:220px !important;top:10% !important;right:5% !important;opacity:0.18 !important;}
}
@media (max-width:768px){.welcome-about-section{padding:5rem 0 !important;min-height:auto !important;}
.welcome-grid-container{display:flex !important;flex-direction:column !important;gap:3rem !important;text-align:center !important;padding:0 20px !important;}
.welcome-left-col{width:100% !important;max-width:100% !important;flex:1 1 100% !important;}
.welcome-right-col{width:100% !important;max-width:100% !important;flex:1 1 100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}
.welcome-heading{align-items:center !important;}
.heading-welcome{transform:rotate(-1.5deg) !important;font-size:2.8rem !important;}
.heading-brand{font-size:3rem !important;}
.welcome-description{max-width:100% !important;font-size:1.05rem !important;margin-bottom:2.5rem !important;}
.experience-icons-row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:2rem 1.5rem !important;margin-bottom:3rem !important;width:100% !important;max-width:450px !important;}
.icon-separator{display:none !important;}
.icon-block{width:100% !important;padding:0.8rem 0.5rem !important;}
.button-wrapper{width:100% !important;display:flex !important;justify-content:center !important;}
.btn-discover-story{width:100% !important;max-width:320px !important;justify-content:center !important;padding:1rem 2rem !important;}
.welcome-section-moon{width:400px !important;height:400px !important;right:-150px !important;top:20% !important;opacity:0.12 !important;}
.contact-form-wrapper{width:100% !important;max-width:100% !important;padding:1.5rem 1rem !important;}
.contact-form{display:flex !important;flex-direction:column !important;gap:1.2rem !important;}
.form-group{width:100% !important;}
.form-group input, .form-group textarea, .form-group select{width:100% !important;min-height:48px !important;box-sizing:border-box !important;}
.contact-submit-btn{width:100% !important;min-height:48px !important;justify-content:center !important;}
.luxury-service-card{width:100% !important;max-width:290px !important;margin:0 auto !important;}
}
.packages-preview .package-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;padding:3.5rem 2.5rem;text-align:center;transition:var(--transition);position:relative;display:flex;flex-direction:column;box-shadow:0 15px 35px rgba(0, 0, 0, 0.9);}
.packages-preview .package-card.popular{border-color:var(--accent-gold-glow);border-top:2px solid var(--accent-gold);transform:scale(1.04);background:rgba(223, 168, 87, 0.04);box-shadow:0 20px 45px rgba(0, 0, 0, 0.4), 0 0 25px rgba(223, 168, 87, 0.1);}
.packages-preview .badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #dfa857, #c59246);color:#020617;padding:0.4rem 1.4rem;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(223, 168, 87, 0.3);}
.packages-preview .package-card h3{font-size:1.65rem;margin-bottom:1.5rem;font-family:inherit;color:inherit;text-transform:none;}
.packages-preview .price{font-size:3.2rem;font-weight:600;margin-bottom:2.2rem;font-family:'Outfit', sans-serif;color:var(--text-white);}
.packages-preview .price span{font-size:1rem;color:var(--text-muted);font-weight:400;letter-spacing:1px;}
.packages-preview .package-features{margin-bottom:3rem;text-align:left;flex-grow:1;}
.packages-preview .package-features li{margin-bottom:0.9rem;color:var(--text-muted);display:flex;align-items:center;gap:0.8rem;font-size:0.95rem;}
.packages-preview .package-features li::before{content:'✓';color:var(--accent-gold);font-weight:bold;font-size:1.1rem;}
.packages-preview .package-card:hover{background:var(--glass-hover-bg);transform:translateY(-8px);border-color:var(--accent-gold-glow);box-shadow:0 25px 45px rgba(0, 0, 0, 0.4), 0 0 25px rgba(165, 210, 255, 0.15);}
.packages-preview .package-card.popular:hover{transform:translateY(-8px) scale(1.04);border-color:var(--accent-gold);box-shadow:0 25px 50px rgba(0, 0, 0, 0.45), 0 0 30px rgba(223, 168, 87, 0.25);}
@media (max-width:1024px){.packages-preview .package-card.popular{transform:none;}
.packages-preview .package-card.popular:hover{transform:translateY(-8px);}
}
.premium-footer {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #020813 0%, #051329 50%, #0a1f3d 100%) !important;
    padding: 100px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    z-index: 5;
}

.premium-footer .footer-grid {
    display: grid;
    grid-template-columns: 1.3fr 0.8fr 0.8fr 0.8fr 1.3fr;
    gap: 1.8rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    z-index: 5;
}

.premium-footer .footer-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 24px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
    width: 100%;
}

.premium-footer .footer-col:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(165, 210, 255, 0.15);
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2), 0 0 20px rgba(165, 210, 255, 0.05);
}

.premium-footer .footer-col-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.premium-footer .footer-logo {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    text-decoration: none;
}

.premium-footer .footer-logo .brand-logo-icon {
    height: 58px;
}

.premium-footer .footer-brand-desc {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    color: rgba(248, 250, 252, 0.85);
    line-height: 1.8;
    max-width: 100%;
    margin: 0;
}

.premium-footer .footer-col-title {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 600;
    color: #E5C07B;
    margin-top: 0;
    margin-bottom: 1.5rem;
    letter-spacing: 0.5px;
    position: relative;
}

.premium-footer .footer-links {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.premium-footer .footer-links li {
    margin: 0;
    padding: 0;
}

.premium-footer .footer-links li a {
    font-family: 'Outfit', sans-serif;
    font-size: 0.98rem;
    color: rgba(248, 250, 252, 0.75);
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), color 0.4s ease;
}

.premium-footer .footer-links li a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -4px;
    left: 0;
    background-color: #E5C07B;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.premium-footer .footer-links li a:hover {
    color: #E5C07B;
    transform: translateX(4px);
}

.premium-footer .footer-links li a:hover::after {
    transform: scaleX(1);
}

.premium-footer .footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    margin-bottom: 2rem;
    padding: 0;
    margin-top: 0;
    list-style: none;
}

.premium-footer .footer-contact-item {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    font-family: 'Outfit', sans-serif;
    font-size: 0.98rem;
    color: rgba(248, 250, 252, 0.8);
    line-height: 1.5;
}

.premium-footer .contact-icon-wrapper {
    color: #E5C07B;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.premium-footer .footer-contact-item:hover .contact-icon-wrapper {
    transform: scale(1.18);
}

.premium-footer .contact-icon {
    width: 16px;
    height: 16px;
}

.premium-footer .contact-link {
    transition: color 0.3s ease;
    color: inherit;
    text-decoration: none;
}

.premium-footer .contact-link:hover {
    color: #E5C07B;
}

.premium-footer .footer-whatsapp {
    margin-top: 1rem;
    width: 100%;
}

.premium-footer .footer-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
    border: 1px solid rgba(229, 192, 123, 0.2);
    border-radius: 50px;
    color: #E5C07B;
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    background: rgba(229, 192, 123, 0.05);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    width: 100%;
    box-sizing: border-box;
}

.premium-footer .footer-whatsapp-btn svg.whatsapp-icon {
    width: 18px;
    height: 18px;
    stroke: #E5C07B;
    fill: none;
    transition: transform 0.4s ease;
}

.premium-footer .footer-whatsapp-btn:hover {
    background: rgba(229, 192, 123, 0.15);
    border-color: #E5C07B;
    color: #E5C07B;
    box-shadow: 0 0 25px rgba(229, 192, 123, 0.3);
    transform: translateY(-3px);
}

.premium-footer .footer-whatsapp-btn:hover svg.whatsapp-icon {
    transform: scale(1.1) rotate(8deg);
}

.premium-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px 0;
    margin-top: 5rem;
    position: relative;
    z-index: 5;
}

.premium-footer .footer-bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.premium-footer .footer-bottom .copyright {
    font-family: 'Outfit', sans-serif;
    font-size: 0.92rem;
    color: rgba(248, 250, 255, 0.45);
    margin: 0;
}

.premium-footer .footer-socials {
    display: flex;
    gap: 1.2rem;
}

.premium-footer .social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(248, 250, 252, 0.7);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.premium-footer .social-btn svg {
    width: 20px;
    height: 20px;
    transition: transform 0.4s ease;
}

.premium-footer .social-btn:hover {
    transform: translateY(-4px) scale(1.08);
    background: rgba(229, 192, 123, 0.15);
    border-color: rgba(229, 192, 123, 0.4);
    color: #E5C07B;
    box-shadow: 0 0 20px rgba(229, 192, 123, 0.2);
}

.premium-footer .social-btn:hover svg {
    transform: rotate(8deg);
}

.premium-footer .footer-bottom-right .developer-link {
    font-family: 'Outfit', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: #E5C07B;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}

.premium-footer .footer-bottom-right .developer-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -3px;
    left: 0;
    background-color: #E5C07B;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease;
}

.premium-footer .footer-bottom-right .developer-link:hover::after {
    transform: scaleX(1);
}
@media (max-width:1024px){.premium-footer{padding-top:80px;}
.premium-footer .footer-grid{grid-template-columns:repeat(2, 1fr);gap:4rem 3rem;padding:0 30px;}
.premium-footer .footer-col-brand{grid-column:span 2;align-items:center;text-align:center;}
.premium-footer .footer-col-brand .footer-brand-desc{max-width:500px;}
.premium-footer .footer-col{align-items:center;text-align:center;background:transparent !important;border:none !important;padding:0 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;}
.premium-footer .footer-col:hover{background:transparent !important;border-color:transparent !important;transform:none !important;box-shadow:none !important;}
.premium-footer .footer-col-title{font-size:28px;margin-bottom:1.5rem;}
.premium-footer .footer-bottom-flex{padding:0 30px;}
.footer-bg-decor {display:none !important;}
.premium-footer::before {display:none !important;}
}
.footer-mobile-content{display:none;}
@media (max-width:768px){.premium-footer > .footer-desktop-content{display:none !important;}
.premium-footer .footer-mobile-content{display:block !important;background:linear-gradient(180deg, #07111F 0%, #0B1B35 100%) !important;padding:30px 20px 20px 20px !important;box-sizing:border-box !important;width:100% !important;}
.mobile-footer-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;}
.mobile-logo-section{display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:18px;text-align:center;opacity:0;transform:translateY(20px);animation:footerFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
.mobile-footer-logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:8px;}
.mobile-brand-logo-icon{width:110px !important;height:auto !important;}
.mobile-logo-text-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;}
.mobile-logo-text-wrapper .logo-title{font-family:'Bebas Neue', sans-serif !important;font-size:1.85rem !important;letter-spacing:4px !important;color:#FFFFFF !important;text-transform:uppercase !important;margin:0 !important;line-height:1.0 !important;}
.mobile-logo-text-wrapper .logo-tagline{font-family:'Selima', 'Alex Brush', 'Allura', cursive !important;font-size:1.35rem !important;color:#C89A63 !important;letter-spacing:0.5px !important;font-weight:400 !important;text-transform:none !important;font-style:italic !important;margin-top:1px !important;}
.mobile-footer-desc{font-family:'Outfit', sans-serif;font-size:15px;line-height:1.8;color:rgba(255, 255, 255, 0.72) !important;text-align:center;max-width:280px;margin:0 auto 24px auto !important;}
.mobile-social-icons{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:30px;}
.mobile-social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255, 255, 255, 0.15) !important;border:1px solid rgba(216, 177, 90, 0.15) !important;color:rgba(255, 255, 255, 0.7);transition:all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;}
.mobile-social-btn svg{width:20px;height:20px;stroke:rgba(255, 255, 255, 0.8);fill:none;transition:stroke 0.35s ease, transform 0.35s ease;}
.mobile-social-btn:hover, .mobile-social-btn:active{transform:scale(1.08) !important;background:rgba(216, 177, 90, 0.08) !important;border-color:#D8B15A !important;box-shadow:0 0 15px rgba(165, 210, 255, 0.4) !important;color:#D8B15A !important;}
.mobile-social-btn:hover svg, .mobile-social-btn:active svg{stroke:#D8B15A !important;transform:rotate(8deg);}
.mobile-nav-grid{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:12px;margin-bottom:28px;}
.mobile-nav-col{display:flex;flex-direction:column;align-items:center;text-align:center;}
.mobile-nav-title{font-family:'Playfair Display', serif;font-size:18px !important;font-weight:700 !important;color:#D8B15A !important;margin:0 0 16px 0 !important;}
.mobile-nav-links{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none;}
.mobile-nav-links li a{font-family:'Outfit', sans-serif;font-size:15px !important;color:#ffffff !important;text-decoration:none;opacity:0.85;position:relative;display:inline-block;transition:opacity 0.35s ease, color 0.35s ease;padding:2px 0;}
.mobile-nav-links li a::after{content:'';position:absolute;width:100%;height:1.5px;bottom:-2px;left:0;background-color:#D8B15A;transform:scaleX(0);transform-origin:bottom center;transition:transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);}
.mobile-nav-links li a:active::after, .mobile-nav-links li a:hover::after{transform:scaleX(1);}
.mobile-footer-divider{width:100%;height:1px;background-color:#D8B15A;opacity:0.40;margin:28px 0 !important;}
.mobile-contact-section{display:flex;flex-direction:column;width:100%;gap:14px;margin-bottom:28px;}
.mobile-contact-card{display:flex;align-items:center;background:rgba(255, 255, 255, 0.15) !important;border:1px solid rgba(255, 255, 255, 0.15) !important;border-radius:18px !important;padding:18px !important;gap:16px;box-sizing:border-box;text-align:left;opacity:0;transform:translateY(20px);animation:footerSlideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;}
.mobile-contact-card:nth-child(1){animation-delay:0.1s;}
.mobile-contact-card:nth-child(2){animation-delay:0.2s;}
.mobile-contact-card:nth-child(3){animation-delay:0.3s;}
.mobile-contact-card .card-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(216, 177, 90, 0.1);border:1px solid rgba(216, 177, 90, 0.2);}
.mobile-contact-card .card-info{display:flex;flex-direction:column;gap:4px;}
.mobile-contact-card .card-label{font-family:'Outfit', sans-serif;font-size:13px;color:rgba(255, 255, 255, 0.45);text-transform:uppercase;letter-spacing:1px;font-weight:600;}
.mobile-contact-card .card-value{font-family:'Outfit', sans-serif;font-size:15px;color:#ffffff !important;text-decoration:none;transition:color 0.35s ease;line-height:1.4;}
.mobile-contact-card a.card-value:hover, .mobile-contact-card a.card-value:active{color:#D8B15A !important;}
.mobile-copyright-section{text-align:center;margin-top:10px;margin-bottom:10px;}
.mobile-copyright{font-family:'Outfit', sans-serif;font-size:13px !important;color:rgba(255, 255, 255, 0.55) !important;line-height:1.6;margin:0;}
.mobile-developer-link-wrapper{margin-top:14px;text-align:center;}
.mobile-developer-link{font-family:'Outfit', sans-serif;font-size:12px !important;font-weight:600 !important;color:#D8B15A !important;text-decoration:none;letter-spacing:2px;text-transform:uppercase;position:relative;display:inline-block;transition:opacity 0.35s ease, color 0.35s ease;padding-bottom:3px;}
.mobile-developer-link::after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#D8B15A;transform:scaleX(0);transform-origin:bottom center;transition:transform 0.35s ease;}
.mobile-developer-link:active::after, .mobile-developer-link:hover::after{transform:scaleX(1);}
}
@keyframes footerFadeUp{from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes footerSlideUp{from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:translateY(0);}
}
@media (max-width:768px){.featured-image-frame, .featured-image-frame::before, .featured-image-frame::after, .distressed-text{filter:none !important;}
}

/* ==========================================================================
   Luxury Cinematic Hero Redesign Overrides
   ========================================================================== */



/* Responsive Two-Column Grid Layout */
.hero-split-container {
    display: grid !important;
    grid-template-columns: 1.25fr 0.75fr !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: calc(100dvh - 210px) !important;
    max-width: 1500px !important;
    padding: 0 50px !important;
    margin: 0 auto !important;
}

.hero-left {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
}

.hero-content-premium {
    max-width: 620px !important;
    width: 100% !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Hero background video — no transforms, no animations, keep hardware decode path open */
.hero-bg-video.video-bg {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    filter: none !important;
    transform: none !important;
    will-change: auto !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* videoZoomOnLoad keyframes removed — transforms on video degrade hardware decode */

/* Cinematic Dark Gradient Overlay — left-heavy, plus vignette on all edges */
.hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    pointer-events: none !important;
    background:
        /* Edge vignette */
        radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, 0.4) 100%),
        /* Left-heavy cinematic gradient */
        linear-gradient(
            90deg,
            rgba(4, 12, 24, 0.82) 0%,
            rgba(4, 12, 24, 0.64) 28%,
            rgba(4, 12, 24, 0.28) 58%,
            rgba(4, 12, 24, 0.06) 100%
        ) !important;
}

/* Vignette now handled inside .hero-video-overlay to avoid inset shadow compositing */

/* Primary Button Redesign (Brushed Gold Look) */
.btn-primary-luxury {
    background: linear-gradient(135deg, #f3e2be 0%, #d8a25a 50%, #ad752a 100%) !important;
    border: none !important;
    color: #020617 !important;
    font-weight: 700 !important;
    border-radius: 99px !important;
    padding: 1.15rem 2.8rem !important;
    box-shadow: 0 4px 15px rgba(216, 162, 90, 0.25) !important;
    transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.btn-primary-luxury::after {
    content: '→' !important;
    font-family: inherit !important;
    font-size: 1.1rem !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-primary-luxury:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 10px 25px rgba(216, 162, 90, 0.5), 0 0 15px rgba(255, 255, 255, 0.2) !important;
}

.btn-primary-luxury:hover::after {
    transform: translateX(5px) !important;
}

/* Secondary Button Redesign (Frosted Glass Border) */
.btn-secondary-luxury {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #FFFFFF !important;
    border-radius: 99px !important;
    padding: 1.15rem 2.5rem !important;
    transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: none !important;
}

.btn-secondary-luxury:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #D8A25A !important;
    color: #D8A25A !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(216, 162, 90, 0.2) !important;
}

/* Frosted Bottom Feature Cards block */
.hero-features-row {
    display: flex !important;
    grid-column: span 2 !important;
    align-items: center !important;
    justify-content: space-around !important;
    background: rgba(4, 12, 24, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-radius: 24px !important;
    padding: 1.25rem 2rem !important;
    width: 100% !important;
    margin-top: 40px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3) !important;
}

.feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
}

.feature-item:hover {
    transform: translateY(-4px) !important;
}

.feature-icon {
    width: 16px !important;
    height: 16px !important;
    color: #D8A25A !important;
}

.feature-text {
    font-size: 0.8rem !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.feature-divider {
    width: 1px !important;
    height: 20px !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

/* Timeline-Style Scroll Indicator (Far Right) */
.scroll-indicator-premium {
    position: absolute !important;
    right: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    z-index: 100 !important;
    height: 100px !important;
    justify-content: center !important;
}

.mouse-premium {
    display: none !important; /* Hide old mouse design */
}

.scroll-indicator-premium::before {
    content: '' !important;
    width: 1px !important;
    height: 80px !important;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0.15) 80%, transparent) !important;
    display: block !important;
}

.scroll-indicator-premium::after {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    background: #D8A25A !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px #D8A25A, 0 0 20px #D8A25A !important;
    position: absolute !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    animation: scrollDotDown 2.2s infinite ease-in-out !important;
}

@keyframes scrollDotDown {
    0% { top: 10px; opacity: 0; }
    15% { opacity: 1; }
    85% { opacity: 1; }
    100% { top: 90px; opacity: 0; }
}

/* Circular Play Badge redesign (Bottom Right Corner) */
.watch-experience-badge {
    position: absolute !important;
    right: 40px !important;
    bottom: 110px !important;
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    cursor: pointer !important;
}

.watch-circle-text {
    width: 100% !important;
    height: 100% !important;
    animation: spinBadgeBadge 20s linear infinite !important;
}

@keyframes spinBadgeBadge {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.play-btn-circle {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(4, 12, 24, 0.6) !important;
    border: 1.5px solid #D8A25A !important;
    box-shadow: 0 0 15px rgba(216, 162, 90, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    transition: all 0.3s ease !important;
}

.play-btn-circle::before {
    content: '' !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(216, 162, 90, 0.4) !important;
    animation: playBadgeRipple 2s infinite cubic-bezier(0.1, 0.8, 0.3, 1) !important;
    pointer-events: none !important;
}

@keyframes playBadgeRipple {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.4); opacity: 0; }
}

.watch-experience-badge:hover .play-btn-circle {
    background: #D8A25A !important;
    box-shadow: 0 0 25px rgba(216, 162, 90, 0.6) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.watch-experience-badge:hover .play-icon-arrow {
    fill: #020617 !important;
}

/* Staggered entrance animations */
.hero-label-luxury {
    animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.2s !important;
}
.hero-title-luxury {
    animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.32s !important;
}
.hero-subtitle-luxury {
    animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.44s !important;
}
.hero-tagline-luxury {
    animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.56s !important;
}
.hero-btns-wrapper {
    animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.68s !important;
}
.hero-features-row {
    animation: premiumFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.8s !important;
}

@keyframes premiumFadeUp {
    from {
        opacity: 0;
        transform: translateY(24px) translateZ(0);
    }
    to {
        opacity: 1;
        transform: translateY(0) translateZ(0);
    }
}

/* Mobile responsive fixes */
@media (max-width: 1024px) {
    .hero-split-container {
        grid-template-columns: 1fr !important;
        padding-top: 140px !important;
    }
    .watch-experience-badge {
        bottom: 40px !important;
        right: 20px !important;
    }
    .scroll-indicator-premium {
        display: none !important;
    }
}
@media (max-width: 768px) {

    .hero-features-row {
        flex-direction: row !important;
        justify-content: space-around !important;
        padding: 1rem !important;
    }
}

/* Prefers Reduced Motion Fallback for Hero Video Background */
@media (prefers-reduced-motion: reduce) {
    .video-bg {
        display: none !important;
    }
    .hero-video-bg {
        background-image: url('assets/hero_night_v2.webp') !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}

/* Home Page specific overlay and background cleanups */
.home-page .welcome-section-moon,
.home-page .moon-aura-pulse,
.home-page .moon-light-rays,
.home-page .moon-edge-scatter,
.home-page .mobile-moon-aura {
    display: none !important;
}

.home-page .welcome-about-section {
    background: transparent !important;
}

.home-page .hero-video-overlay {
    display: block !important;
    background: 
        /* 1. Subtle top gradient overlay behind the navigation bar to improve menu readability */
        linear-gradient(to bottom, rgba(2, 6, 23, 0.7) 0%, rgba(2, 6, 23, 0.3) 12%, rgba(2, 6, 23, 0) 25%),
        
        /* 2. Left-heavy cinematic gradient overlay that keeps the right side transparent and scenery clear */
        linear-gradient(to right, rgba(2, 6, 23, 0.92) 0%, rgba(2, 6, 23, 0.82) 20%, rgba(2, 6, 23, 0.5) 45%, rgba(2, 6, 23, 0.15) 68%, rgba(2, 6, 23, 0) 85%) !important;
}

/* Performance and GPU Optimization overrides */
.desktop-moon-bg,
.stars-layer-1-wrap,
.stars-layer-2-wrap,
.stars-layer-3-wrap,
.stars-layer-4-wrap,
.stars-layer-5-wrap,
.stars-layer-1-inner,
.stars-layer-2-inner,
.stars-layer-3-inner,
.stars-layer-4-inner,
.stars-layer-5-inner,
.nebula-mist,
.clouds-container,
.space-dust-container,
.fog-layer,
.flying-comet,
.firefly,
.welcome-particle {
    will-change: transform;
}

.welcome-section-moon,
.editorial-bg-moon,
.footer-moon {
    will-change: transform, filter;
}

/* Disable competing CSS floatMoon animation to prevent transform property conflict in JS */
.desktop-moon-bg {
    animation: none !important;
}


/* ═══════════════════════════════════════════════════════════════════
   LOCATION SECTION — "Find Us" — Contact Page
   ═══════════════════════════════════════════════════════════════════ */

.location-section {
    position: relative;
    padding: 110px 0 120px;
    overflow: hidden;
    background: transparent;
    z-index: 2;
}

/* ── Floating star particles ── */
.loc-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.loc-star {
    position: absolute;
    color: rgba(165, 210, 255, 0.35);
    font-size: 12px;
    animation: locStarTwinkle 4s ease-in-out infinite alternate;
    user-select: none;
}
.ls-1 { top: 8%;  left: 5%;  animation-delay: 0s;    font-size: 10px; }
.ls-2 { top: 15%; left: 60%; animation-delay: 1.2s;  font-size: 8px;  }
.ls-3 { top: 72%; left: 8%;  animation-delay: 0.6s;  font-size: 10px; }
.ls-4 { top: 85%; left: 75%; animation-delay: 1.8s;  font-size: 8px;  }
.ls-5 { top: 40%; left: 92%; animation-delay: 0.3s;  font-size: 16px; color: rgba(214, 168, 95, 0.3); }
.ls-6 { top: 55%; left: 3%;  animation-delay: 2.1s;  font-size: 18px; color: rgba(214, 168, 95, 0.2); }

@keyframes locStarTwinkle {
    from { opacity: 0.2; transform: scale(0.85); }
    to   { opacity: 0.9; transform: scale(1.15); }
}

/* ── Two-column layout ── */
.location-inner {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 64px;
    align-items: center;
    position: relative;
    z-index: 1;
}

/* ── Left text column ── */
.loc-text-col {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.loc-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #D6A85F;
    opacity: 0;
    transform: translateY(16px);
    animation: locFadeUp 0.85s cubic-bezier(0.16,1,0.3,1) forwards 0.15s;
}

.loc-label-icon {
    width: 16px;
    height: 16px;
    color: #D6A85F;
    flex-shrink: 0;
}

.loc-heading {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(2.2rem, 3.5vw, 3.2rem);
    font-weight: 700;
    line-height: 1.15;
    color: #f0e8d8;
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    animation: locFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards 0.3s;
}

.loc-desc {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    line-height: 1.75;
    color: rgba(200, 215, 235, 0.72);
    max-width: 440px;
    margin: 0;
    opacity: 0;
    transform: translateY(16px);
    animation: locFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards 0.45s;
}

.loc-address-detail {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    opacity: 0;
    transform: translateY(14px);
    animation: locFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards 0.58s;
}

.loc-pin-icon {
    width: 20px;
    height: 20px;
    color: #D6A85F;
    flex-shrink: 0;
    margin-top: 2px;
    filter: drop-shadow(0 0 5px rgba(214, 168, 95, 0.35));
}

.loc-address-detail strong {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: #e8dcc8;
    margin-bottom: 2px;
}

/* ── Maps CTA button ── */
.loc-maps-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 2rem;
    border-radius: 99px;
    background: linear-gradient(135deg, #f3e2be 0%, #d8a25a 50%, #ad752a 100%);
    color: #1a0e00;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    border: none;
    text-decoration: none;
    box-shadow: 0 8px 28px rgba(214, 168, 95, 0.28), 0 2px 8px rgba(0,0,0,0.3);
    transition: all 0.35s cubic-bezier(0.16,1,0.3,1);
    width: fit-content;
    opacity: 0;
    transform: translateY(14px);
    animation: locFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards 0.72s;
}

.loc-maps-btn:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 14px 36px rgba(214, 168, 95, 0.42), 0 4px 12px rgba(0,0,0,0.35);
}

.loc-btn-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.loc-btn-arrow {
    font-size: 1.1rem;
    transition: transform 0.3s ease;
}

.loc-maps-btn:hover .loc-btn-arrow {
    transform: translate(3px, -3px);
}

/* ── Right map column ── */
.loc-map-col {
    opacity: 0;
    transform: translateY(30px);
    animation: locFadeUp 1s cubic-bezier(0.16,1,0.3,1) forwards 0.5s;
}

/* ── The glass card ── */
.loc-map-card {
    position: relative;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(8, 20, 46, 0.75) 0%, rgba(4, 10, 28, 0.88) 100%);
    border: 1px solid rgba(165, 210, 255, 0.12);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255,255,255,0.04),
        inset 0 1px 0 rgba(255,255,255,0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),
                box-shadow 0.5s cubic-bezier(0.16,1,0.3,1),
                border-color 0.4s ease;
}

.loc-map-card:hover {
    transform: translateY(-6px);
    border-color: rgba(214, 168, 95, 0.22);
    box-shadow:
        0 44px 100px rgba(0, 0, 0, 0.6),
        0 0 60px rgba(165, 210, 255, 0.05),
        0 0 0 1px rgba(255,255,255,0.06),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

/* ── Glow pulse behind card ── */
.loc-card-glow {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(165, 210, 255, 0.1) 0%, transparent 70%);
    pointer-events: none;
    animation: locGlowPulse 5s ease-in-out infinite alternate;
    z-index: 0;
}

@keyframes locGlowPulse {
    from { opacity: 0.5; transform: scale(0.9); }
    to   { opacity: 1;   transform: scale(1.1); }
}

/* ── Card header ── */
.loc-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px 14px;
    border-bottom: 1px solid rgba(165, 210, 255, 0.08);
    position: relative;
    z-index: 2;
}

.loc-card-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(214, 168, 95, 0.12);
    border: 1px solid rgba(214, 168, 95, 0.25);
    border-radius: 99px;
    padding: 5px 14px 5px 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: #D6A85F;
    letter-spacing: 0.3px;
}

.loc-card-chip svg {
    width: 14px;
    height: 14px;
    color: #D6A85F;
    flex-shrink: 0;
}

.loc-card-tagline {
    font-family: 'Cormorant Garamond', serif;
    font-size: 0.88rem;
    font-style: italic;
    color: rgba(165, 210, 255, 0.55);
    letter-spacing: 0.2px;
}

/* ── Map iframe wrapper ── */
.loc-map-frame-wrapper {
    position: relative;
    width: 100%;
    height: 340px;
    overflow: hidden;
}

.loc-map-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    filter: saturate(0.7) brightness(0.85) contrast(1.05);
    transition: filter 0.4s ease;
}

.loc-map-card:hover .loc-map-iframe {
    filter: saturate(0.85) brightness(0.92) contrast(1.05);
}

/* Tint overlay — bottom fade only, so map stays interactive */
.loc-map-overlay-tint {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(4, 10, 28, 0.85) 0%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}

/* ── Card footer ── */
.loc-card-footer {
    padding: 14px 22px 18px;
    text-align: right;
    position: relative;
    z-index: 2;
    border-top: 1px solid rgba(165, 210, 255, 0.08);
}

.loc-card-open-link {
    font-family: 'Manrope', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(165, 210, 255, 0.65);
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}

.loc-card-open-link:hover {
    color: #D6A85F;
}

/* ── Shared fade-up animation ── */
@keyframes locFadeUp {
    from { opacity: 0; transform: translateY(var(--ty, 20px)); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ══════════════════════════════════════════════
   RESPONSIVE — Mobile
   ══════════════════════════════════════════════ */
@media (max-width: 900px) {
    .location-section {
        padding: 80px 0 90px;
    }

    .location-inner {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .loc-text-col {
        text-align: center;
        align-items: center;
    }

    .loc-desc {
        max-width: 100%;
        text-align: center;
    }

    .loc-address-detail {
        justify-content: center;
    }

    .loc-map-frame-wrapper {
        height: 280px;
    }

    .loc-card-tagline {
        display: none;
    }
}

@media (max-width: 480px) {
    .loc-heading {
        font-size: 2rem;
    }

    .loc-map-frame-wrapper {
        height: 240px;
    }

    .loc-maps-btn {
        font-size: 0.85rem;
        padding: 0.9rem 1.6rem;
    }
}