/* ==================================================
           ACTIVITIES-COMING SOON PAGE
        =================================================== */

        .activities-coming-soon-page {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            background: url('../images/Characters_Activities.jpg') no-repeat center / cover;
        }

        .activities-coming-soon-page::before {
            content: '';
            position: absolute;
            inset: 0;
            /* background: radial-gradient(ellipse at 50% 50%, rgba(15,12,8,.4) 0%, rgba(15,12,8,.92) 70%); */
            background: radial-gradient(ellipse at 50% 50%, rgba(15,12,8,.15) 0%, rgba(15,12,8,.6) 70%);
            z-index: 0;
        }

        .activities-coming-soon-content {
            position: relative;
            z-index: 5;
            max-width: 700px;
            padding: 60px 20px;
        }

        .activities-coming-soon-title {
            font-family: 'Cinzel', serif;
            font-size: 3.4rem;
            color: #fff;
            margin: 20px 0;
            line-height: 1.15;
        }

        .activities-coming-soon-text {
            color: var(--muted);
            font-size: 1.1rem;
            max-width: 550px;
            line-height: 1.8;
        }

        .activities-coming-soon-divider {
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, transparent, var(--gold), transparent);
            margin: 30px auto;
            border-radius: 2px;
            box-shadow: 0 0 15px rgba(255,211,63,.4);
        }

        .activities-coming-soon-glow {
            font-size: 2.8rem;
            margin: 10px 0 20px;
            animation: activitiesCsGlowPulse 3s ease-in-out infinite;
            filter: drop-shadow(0 0 20px rgba(255,211,63,.6));
        }

        @keyframes activitiesCsGlowPulse {
            0%, 100% { transform: scale(1); opacity: .7; }
            50% { transform: scale(1.3); opacity: 1; }
        }


        /* ==================================================
           ACTIVITIES-CS ICON CONTAINER
        =================================================== */

        .activities-cs-icons {
            position: absolute;
            inset: 0;
            z-index: 1;
            pointer-events: none;
        }

        .activities-cs-icon {
            position: absolute;
            will-change: transform, opacity;
        }


        /* ==================================================
           15 THEMED DIV SHAPES
        =================================================== */

        /* 1. Gold Particle Dot */
        .activities-cs-gold-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--gold);
            box-shadow: 0 0 6px rgba(255,211,63,.7), 0 0 14px rgba(255,211,63,.3);
        }

        /* 2. Crystal / Diamond */
        .activities-cs-crystal {
            width: 12px;
            height: 12px;
            background: rgba(255,211,63,.12);
            border: 1px solid rgba(255,211,63,.4);
            border-radius: 2px;
            box-shadow: 0 0 8px rgba(255,211,63,.15);
        }

        /* 3. Mini Book */
        .activities-cs-mini-book {
            width: 18px;
            height: 26px;
            border: 1px solid rgba(255,211,63,.35);
            border-radius: 2px 4px 4px 2px;
            background: rgba(255,211,63,.04);
            box-shadow: 0 0 8px rgba(255,211,63,.1);
            position: relative;
        }

        .activities-cs-mini-book::before {
            content: '';
            position: absolute;
            left: 4px;
            top: 5px;
            right: 4px;
            height: 1px;
            background: rgba(255,211,63,.2);
            box-shadow: 0 3px 0 rgba(255,211,63,.15), 0 6px 0 rgba(255,211,63,.1);
        }

        /* 4. Hexagonal Gem */
        .activities-cs-hex {
            width: 14px;
            height: 14px;
            background: rgba(255,211,63,.08);
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            filter: drop-shadow(0 0 4px rgba(255,211,63,.2));
        }

        /* 5. Mountain Triangle */
        .activities-cs-mountain {
            width: 0;
            height: 0;
            border-left: 16px solid transparent;
            border-right: 16px solid transparent;
            border-bottom: 22px solid rgba(255,211,63,.12);
            filter: drop-shadow(0 0 6px rgba(255,211,63,.15));
        }

        /* 6. Lantern */
        .activities-cs-lantern {
            width: 10px;
            height: 14px;
            border: 1px solid rgba(255,211,63,.4);
            border-radius: 50% 50% 30% 30%;
            background: rgba(255,211,63,.06);
            box-shadow: 0 0 12px rgba(255,211,63,.25), 0 0 25px rgba(255,211,63,.1);
            position: relative;
        }

        .activities-cs-lantern::before {
            content: '';
            position: absolute;
            top: -4px;
            left: 50%;
            transform: translateX(-50%);
            width: 6px;
            height: 3px;
            border: 1px solid rgba(255,211,63,.35);
            border-bottom: none;
            border-radius: 3px 3px 0 0;
            background: transparent;
        }

        /* 7. Treasure Chest */
        .activities-cs-chest {
            width: 24px;
            height: 14px;
            border: 1px solid rgba(255,211,63,.35);
            border-radius: 3px 3px 1px 1px;
            background: rgba(255,211,63,.04);
            position: relative;
            box-shadow: 0 2px 0 rgba(255,211,63,.1);
        }

        .activities-cs-chest::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 6px;
            height: 6px;
            border: 1px solid rgba(255,211,63,.45);
            border-radius: 50%;
            background: rgba(255,211,63,.1);
        }

        .activities-cs-chest::after {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            right: -1px;
            height: 5px;
            border: 1px solid rgba(255,211,63,.3);
            border-radius: 3px 3px 0 0;
            background: rgba(255,211,63,.06);
        }

        /* 8. Key */
        .activities-cs-key {
            width: 8px;
            height: 8px;
            border: 1.5px solid rgba(255,211,63,.45);
            border-radius: 50%;
            background: transparent;
            position: relative;
        }

        .activities-cs-key::after {
            content: '';
            position: absolute;
            top: 8px;
            left: 50%;
            transform: translateX(-50%);
            width: 1.5px;
            height: 14px;
            background: rgba(255,211,63,.4);
            border-radius: 0 0 1px 1px;
        }

        /* 9. Scroll / Map */
        .activities-cs-scroll {
            width: 14px;
            height: 20px;
            border: 1px solid rgba(255,211,63,.3);
            border-radius: 7px;
            background: rgba(255,211,63,.03);
            position: relative;
        }

        .activities-cs-scroll::before,
        .activities-cs-scroll::after {
            content: '';
            position: absolute;
            left: -2px;
            right: -2px;
            height: 3px;
            background: rgba(255,211,63,.25);
            border-radius: 2px;
        }

        .activities-cs-scroll::before { top: -2px; }
        .activities-cs-scroll::after { bottom: -2px; }

        /* 10. Cart Wheel */
        .activities-cs-wheel {
            width: 14px;
            height: 14px;
            border: 1.5px solid rgba(255,211,63,.35);
            border-radius: 50%;
            background: transparent;
            position: relative;
        }

        .activities-cs-wheel::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 9px;
            height: 1px;
            background: rgba(255,211,63,.25);
        }

        .activities-cs-wheel::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(90deg);
            width: 9px;
            height: 1px;
            background: rgba(255,211,63,.25);
        }

        /* 11. Cave Arch */
        .activities-cs-cave {
            width: 30px;
            height: 18px;
            border: 1.5px solid rgba(255,211,63,.25);
            border-bottom: none;
            border-radius: 15px 15px 0 0;
            background: rgba(0,0,0,.25);
            box-shadow: inset 0 4px 10px rgba(0,0,0,.3);
        }

        /* 12. Rail Track */
        .activities-cs-rail {
            width: 32px;
            height: 2px;
            background: rgba(255,211,63,.25);
            position: relative;
            border-radius: 1px;
        }

        .activities-cs-rail::before,
        .activities-cs-rail::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 6px;
            background: rgba(255,211,63,.18);
            top: -2px;
            border-radius: 1px;
        }

        .activities-cs-rail::before { left: 5px; }
        .activities-cs-rail::after { right: 5px; }

        /* 13. Compass */
        .activities-cs-compass {
            width: 18px;
            height: 18px;
            border: 1.5px solid rgba(255,211,63,.35);
            border-radius: 50%;
            background: transparent;
            position: relative;
        }

        .activities-cs-compass::before {
            content: '';
            position: absolute;
            top: 3px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 7px solid rgba(255,211,63,.5);
        }

        .activities-cs-compass::after {
            content: '';
            position: absolute;
            bottom: 3px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 2px solid transparent;
            border-right: 2px solid transparent;
            border-top: 5px solid rgba(255,211,63,.2);
        }

        /* 14. Fossil Shell */
        .activities-cs-fossil {
            width: 18px;
            height: 12px;
            border: 1px solid rgba(255,211,63,.25);
            border-bottom: none;
            border-radius: 50% 50% 0 0;
            background: transparent;
            position: relative;
        }

        .activities-cs-fossil::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 1px;
            height: 10px;
            background: rgba(255,211,63,.15);
        }

        /* 15. Pickaxe */
        .activities-cs-pickaxe {
            width: 24px;
            height: 24px;
            position: relative;
        }

        .activities-cs-pickaxe::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%) rotate(-30deg);
            transform-origin: bottom center;
            width: 2px;
            height: 18px;
            background: rgba(255,211,63,.35);
            border-radius: 1px;
        }

        .activities-cs-pickaxe::after {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-30%);
            width: 14px;
            height: 7px;
            border: 1.5px solid rgba(255,211,63,.4);
            border-radius: 2px 10px 10px 2px;
            background: rgba(255,211,63,.04);
        }


        /* ==================================================
           7 ANIMATIONS
        =================================================== */

        .activities-cs-float {
            animation-name: activitiesCsFloat;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        @keyframes activitiesCsFloat {
            0%, 100% { transform: translateY(0) scale(1); }
            30% { transform: translateY(-18px) scale(1.06); }
            60% { transform: translateY(-8px) scale(0.94); }
        }

        .activities-cs-spin {
            animation-name: activitiesCsSpin;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

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

        .activities-cs-pulse {
            animation-name: activitiesCsPulse;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        @keyframes activitiesCsPulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.45); }
        }

        .activities-cs-drift {
            animation-name: activitiesCsDrift;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        @keyframes activitiesCsDrift {
            0%, 100% { transform: translateX(0) translateY(0); }
            25% { transform: translateX(16px) translateY(-10px); }
            50% { transform: translateX(-10px) translateY(7px); }
            75% { transform: translateX(13px) translateY(-12px); }
        }

        .activities-cs-twinkle {
            animation-name: activitiesCsTwinkle;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        @keyframes activitiesCsTwinkle {
            0%, 100% { opacity: 0.03; transform: scale(0.5); }
            25% { opacity: 0.7; transform: scale(1.15); }
            50% { opacity: 0.05; transform: scale(0.7); }
            75% { opacity: 0.5; transform: scale(1.05); }
        }

        .activities-cs-orbit {
            animation-name: activitiesCsOrbit;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @keyframes activitiesCsOrbit {
            from { transform: rotate(0deg) translateX(10px) rotate(0deg); }
            to { transform: rotate(360deg) translateX(10px) rotate(-360deg); }
        }

        .activities-cs-wobble {
            animation-name: activitiesCsWobble;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }

        @keyframes activitiesCsWobble {
            0%, 100% { transform: rotate(0deg) translateY(0); }
            20% { transform: rotate(14deg) translateY(-7px); }
            40% { transform: rotate(-11deg) translateY(4px); }
            60% { transform: rotate(9deg) translateY(-10px); }
            80% { transform: rotate(-7deg) translateY(3px); }
        }


        /* ==================================================
           RESPONSIVE
        =================================================== */

        @media (max-width: 768px) {
            .activities-coming-soon-title { font-size: 2.2rem; }
            .activities-coming-soon-text { font-size: 1rem; }
        }

        @media (max-width: 576px) {
            .activities-coming-soon-title { font-size: 1.8rem; }
            .activities-coming-soon-text { font-size: .92rem; }
            .activities-coming-soon-glow { font-size: 2.2rem; }
        }

/* ==========================
   activities-coming SOON PAGE
========================== */

.activities-coming-soon-page {
    min-height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 65px;

    padding: 0 20px;
}

/* .activities-coming-soon-page::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(circle at center,
            rgba(255, 211, 63, 0.12),
            transparent 70%);

    pointer-events: none;
} */



.activities-coming-soon-content {
    max-width: 850px;

    padding: 60px;

    background: rgba(26, 20, 13, 0.85);

    border: 1px solid rgba(255, 211, 63, .15);

    border-radius: 35px;

    backdrop-filter: blur(10px);

    box-shadow:
        0 0 40px rgba(255, 211, 63, .08);

    text-align: center;

    margin: 0 auto;

}

.activities-coming-soon-title {
    font-size: 4rem;

    margin: 20px 0;

    color: var(--cream);
}

.activities-coming-soon-text {
    max-width: 650px;

    color: var(--muted);

    font-size: 1.1rem;

    line-height: 1.9;
}

.activities-coming-soon-glow {
    font-size: 6rem;

    margin-top: 30px;

    color: var(--gold);

    animation: glowFloat 4s ease-in-out infinite;

    text-shadow:
        0 0 20px rgba(255, 211, 63, .6),
        0 0 40px rgba(255, 211, 63, .4);
}

@keyframes glowFloat {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

@media(max-width:768px) {

    .activities-coming-soon-content {
        padding: 40px 25px;
    }

    .activities-coming-soon-title {
        font-size: 2.5rem;
    }

    .activities-coming-soon-glow {
        font-size: 4rem;
    }
}

/* ==================================================
   ACTIVITIES PAGE
================================================== */


.teacher-card {

    height: 100%;

    padding: 40px;

    background: #1a140d;

    border-radius: 25px;

    border: 1px solid rgba(255, 211, 63, .15);

    transition: .4s;
}

.teacher-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 0 25px rgba(255, 211, 63, .2);
}

.printable-card {

    height: 100%;

    padding: 35px;

    text-align: center;

    background: #1a140d;

    border-radius: 25px;

    border: 1px solid rgba(255, 211, 63, .15);

    transition: .4s;
}

.printable-card:hover {

    transform: translateY(-8px);

    box-shadow: 0 0 25px rgba(255, 211, 63, .2);
}

.download-center {

    background: #1a140d;

    border-radius: 30px;

    padding: 40px;

    border: 1px solid rgba(255, 211, 63, .15);
}

.download-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 25px 0;

    border-bottom: 1px solid rgba(255, 211, 63, .1);
}

.download-item:last-child {
    border-bottom: none;
}

.download-item p {
    margin: 0;
}

@media(max-width:768px) {

    .download-item {

        flex-direction: column;

        gap: 20px;

        text-align: center;
    }

}

/* ==================================================
           ACTIVITIES-HORIZON SECTION
        =================================================== */

        .activities-horizon-section {
            padding: 100px 0 120px;
            background: var(--bg);
            position: relative;
        }

        .activities-horizon-section .activities-section-title {
            font-family: 'Cinzel', serif;
            font-size: 3rem;
            color: #fff;
            text-align: center;
            margin-bottom: 12px;
        }

        .activities-horizon-subtitle {
            text-align: center;
            color: var(--muted);
            font-size: 1.05rem;
            max-width: 600px;
            margin: 0 auto 15px;
        }

        .activities-horizon-divider {
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, transparent, var(--gold), transparent);
            margin: 0 auto 60px;
            border-radius: 2px;
            box-shadow: 0 0 15px rgba(255,211,63,.4);
        }

        /* ==================================================
           CARDS GRID
        =================================================== */

        .activities-horizon-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            max-width: 1100px;
            margin: 0 auto;
        }

        /* ==================================================
           INDIVIDUAL CARD
        =================================================== */

        .activities-horizon-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 24px;
            overflow: hidden;
            text-align: center;
            transition: .4s;
        }

        .activities-horizon-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 0 40px rgba(255,211,63,.2);
            border-color: rgba(255,211,63,.35);
        }

        /* --- Scene Illustration Area --- */
        .activities-horizon-scene {
            height: 220px;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .activities-horizon-scene img {
            height: 120px;
            width: auto;
            position: relative;
            z-index: 3;
            filter: drop-shadow(0 0 15px rgba(255,211,63,.3));
            transition: .4s;
        }

        .activities-horizon-card:hover .activities-horizon-scene img {
            transform: scale(1.08);
            filter: drop-shadow(0 0 25px rgba(255,211,63,.5));
        }

        /* --- Card Text --- */
        .activities-horizon-card h3 {
            font-family: 'Cinzel', serif;
            font-size: 1.15rem;
            color: var(--gold);
            padding: 22px 20px 8px;
            margin: 0;
        }

        .activities-horizon-card p {
            color: var(--muted);
            font-size: .9rem;
            padding: 0 20px;
            line-height: 1.6;
            margin: 0;
        }

        /* --- Coming Soon Badge --- */
        .activities-horizon-soon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin: 18px auto 22px;
            padding: 10px 28px;
            border: 1px solid rgba(255,211,63,.25);
            border-radius: 50px;
            background: rgba(255,211,63,.05);
            position: relative;
        }

        .activities-horizon-soon::before {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 54px;
            background: radial-gradient(ellipse at center, rgba(255,211,63,.08) 0%, transparent 70%);
            animation: activitiesHorizonBreathe 3s ease-in-out infinite;
            pointer-events: none;
        }

        @keyframes activitiesHorizonBreathe {
            0%, 100% { opacity: .4; transform: scale(.95); }
            50% { opacity: 1; transform: scale(1); }
        }

        .activities-horizon-soon-dot {
            width: 5px;
            height: 5px;
            background: var(--gold);
            border-radius: 50%;
            box-shadow: 0 0 6px rgba(255,211,63,.6);
            animation: activitiesHorizonDotPulse 2s ease-in-out infinite;
            flex-shrink: 0;
        }

        .activities-horizon-soon-dot:last-child {
            animation-delay: 1s;
        }

        @keyframes activitiesHorizonDotPulse {
            0%, 100% { opacity: .5; }
            50% { opacity: 1; box-shadow: 0 0 10px rgba(255,211,63,.9); }
        }

        .activities-horizon-soon-text {
            font-family: 'Cinzel', serif;
            font-size: .75rem;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 40%, var(--gold) 60%, var(--gold-dark) 100%);
            background-size: 200% 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: activitiesHorizonShimmer 3s ease-in-out infinite;
        }

        @keyframes activitiesHorizonShimmer {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }


        /* ==================================================
           SCENE 1 — COLORING PAGES
        =================================================== */

        .activities-scene-coloring {
            background: linear-gradient(180deg, #1a140d 0%, #241a11 50%, #1a140d 100%);
        }

        .activities-scene-splash {
            position: absolute;
            border-radius: 50%;
            z-index: 1;
            opacity: .15;
        }

        .activities-scene-splash.s1 { width: 30px; height: 30px; background: #ff6b6b; top: 15px; left: 20px; }
        .activities-scene-splash.s2 { width: 20px; height: 20px; background: #4ecdc4; top: 40px; right: 30px; }
        .activities-scene-splash.s3 { width: 25px; height: 25px; background: #ffd33f; bottom: 50px; left: 40px; }
        .activities-scene-splash.s4 { width: 15px; height: 15px; background: #a78bfa; top: 25px; right: 60px; }


        /* ==================================================
           SCENE 2 — TREASURE HUNTS
        =================================================== */

        .activities-scene-treasure {
            background: linear-gradient(180deg, #0f0c08 0%, #1a140d 50%, #0f0c08 100%);
        }

        .activities-scene-dirt {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(139,105,20,.25);
            border-radius: 50%;
            z-index: 1;
        }

        .activities-scene-dirt.d1 { bottom: 15px; left: 30%; }
        .activities-scene-dirt.d2 { bottom: 10px; left: 60%; }
        .activities-scene-dirt.d3 { bottom: 18px; left: 45%; }
        .activities-scene-dirt.d4 { bottom: 8px; left: 75%; }
        .activities-scene-dirt.d5 { bottom: 12px; left: 20%; }


        /* ==================================================
           SCENE 3 — ACTIVITY SHEETS
        =================================================== */

        .activities-scene-sheets {
            background: linear-gradient(180deg, #1a140d 0%, #21180f 50%, #1a140d 100%);
        }


        /* ==================================================
           SCENE 4 — EDUCATIONAL GAMES
        =================================================== */

        .activities-scene-games {
            background: linear-gradient(180deg, #0f0c08 0%, #1a140d 50%, #0f0c08 100%);
        }


        /* ==================================================
           SCENE 5 — VIDEOS & SONGS
        =================================================== */

        .activities-scene-videos {
            background: linear-gradient(180deg, #1a140d 0%, #21180f 50%, #1a140d 100%);
        }

        .activities-prop-note {
            position: absolute;
            z-index: 2;
            font-size: 18px;
            color: var(--gold);
            opacity: .4;
        }

        .activities-prop-note.n1 { top: 20px; left: 25px; animation: activitiesNoteFloat 3s ease-in-out infinite; }
        .activities-prop-note.n2 { top: 35px; right: 30px; font-size: 14px; animation: activitiesNoteFloat 3.5s ease-in-out infinite 1s; }
        .activities-prop-note.n3 { top: 15px; right: 55px; font-size: 12px; animation: activitiesNoteFloat 4s ease-in-out infinite .5s; }

        @keyframes activitiesNoteFloat {
            0%, 100% { transform: translateY(0) rotate(0deg); opacity: .3; }
            50% { transform: translateY(-8px) rotate(10deg); opacity: .6; }
        }


        /* ==================================================
           SCENE 6 — ADVENTURE CHALLENGES
        =================================================== */

        .activities-scene-adventure {
            background: linear-gradient(180deg, #0f0c08 0%, #1a140d 50%, #0f0c08 100%);
        }

        @keyframes activitiesFlagWave {
            0%, 100% { transform: skewY(0deg); }
            50% { transform: skewY(-5deg); }
        }

        .activities-prop-star {
            position: absolute;
            z-index: 1;
            color: var(--gold);
            opacity: .2;
        }

        .activities-prop-star.st1 { top: 15px; left: 20px; font-size: 8px; }
        .activities-prop-star.st2 { top: 25px; right: 35px; font-size: 6px; }
        .activities-prop-star.st3 { top: 40px; left: 45px; font-size: 5px; }
        .activities-prop-star.st4 { top: 10px; right: 65px; font-size: 7px; }


        /* ==================================================
           RESPONSIVE
        =================================================== */

        @media (max-width: 992px) {
            .activities-horizon-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
            }
        }

        @media (max-width: 576px) {
            .activities-horizon-section .activities-section-title {
                font-size: 2rem;
            }

            .activities-horizon-grid {
                grid-template-columns: 1fr;
                max-width: 380px;
            }

            .activities-horizon-scene {
                height: 200px;
            }

            .activities-horizon-scene img {
                height: 100px;
            }
        }

        /* Explore More button for active activities */
.activities-card-btn {
    display: inline-block;
    padding: 10px 28px;
    border: 1px solid rgba(255, 211, 63, .35);
    border-radius: 50px;
    color: var(--gold);
    font-family: 'Cinzel', serif;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: .4s;
    margin: 18px auto 22px;
    background: transparent;
}

.activities-card-btn:hover {
    background: rgba(255, 211, 63, .12);
    border-color: var(--gold);
    box-shadow: 0 0 20px rgba(255, 211, 63, .2);
    color: var(--gold);
}