body {
            font-family: 'Asap Condensed', sans-serif;
            font-weight: 200; /* Regular weight as requested */
            background-color: #FDC3A1;
            color: #18181b;
            scroll-behavior: smooth;
        }

        /* Override bold globally if explicitly requested not to use bold */
        .no-bold { font-weight: 200 !important; }
        
        h1, h2, h3, h4, .heading {
            font-weight: 700; /* Keeping headings impactful but not "bold" font-weight if 200 is preferred */
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        /* Hero Slider */
        .slider-container {
            display: flex;
                        background-color: #FDEBD0;

        }

        /* Reveal on Scroll */
        .reveal {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.9s ease;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Comic Bounce Hover */
        .btn-bounce {
            transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .btn-bounce:hover {
            transform: scale(1.1) rotate(-1deg);
        }

        /* Custom Mixing Gradients */
        .blend-section {
            background: linear-gradient(180deg, #ffffff 0%, #B6F500 100%);
        }
        .fade-lime {
            background: linear-gradient(90deg, #ffffff 0%, #B6F500 50%, #ffffff 100%);
        }

        .glass-header {
            background: rgba(253, 235, 208, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(247, 82, 112, 0.1);
        }

/* Hide header on mobile when scrolling */
#mobile-menu.open {
    opacity: 1;
    pointer-events: auto;
}
#hamburger.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
#hamburger.open span:nth-child(2) {
    opacity: 0;
}
#hamburger.open span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}
        .hero-layered-img {
            clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
            transition: all 0.5s ease;
        }

        .nav-link {
            position: relative;
            transition: transform 0.3s ease, color 0.3s ease;

        }
        .nav-link:hover {
            color: #F75270;
            transform: scale(1.1);
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background: #F75270;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Card Header Styles */
        .card-header {
            background: #F75270;
            color: white;
            padding: 15px;
            text-align: center;
            font-weight: 700;
        }

        /* Page Management */
        .page-view { display: none; }
        .page-view.active { display: block; }

        /* Filter Chips */
        .chip {
            border: 1px solid #F75270;
            color: #F75270;
            cursor: pointer;
            transition: all 0.3s;
        }
        .chip.active {
            background: #F75270;
            color: white;
        }

        /* Custom Logo Placeholder handling */
        .logo-img {
            height: 180px;
            width: auto;
            object-fit: contain;
        }
        /* Header hidden by moving it up */
.header-hidden {
    transform: translateY(-150%);
    transition: transform 0.4s ease;
}
.reveal {
    opacity: 0;
    transform: translateY(20px);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease-out;
}
.class-item img {
    transition: transform 0.5s ease;
}
.class-item img:hover {
    transform: scale(1.05);
}