@media (max-width: 800px) {
        .topmenu {
            display: none;
        }
    }

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        background: #080014;
    }

    .comedy-page {
        background:
            radial-gradient(circle at 70% 20%, rgba(255, 0, 140, .45), transparent 30%),
            radial-gradient(circle at 30% 50%, rgba(0, 210, 255, .22), transparent 30%),
            linear-gradient(180deg, #14001f 0%, #32002e 45%, #05010c 100%);
        color: #fff;
        overflow-x: hidden;
        font-family: Arial, Helvetica, sans-serif;
    }

    .comedy-hero {
        position: relative;
        min-height: 92vh;
        padding: 40px 20px 0;
        overflow: hidden;
    }

    .comedy-stars {
        position: absolute;
        inset: 0;
        background-image:
            radial-gradient(#fff 1px, transparent 1px),
            radial-gradient(rgba(255,255,255,.6) 1px, transparent 1px);
        background-size: 90px 90px, 140px 140px;
        opacity: .35;
        transform: translateY(var(--starMove, 0px));
    }

    .comedy-lights {
        position: absolute;
        top: 0;
        left: 50%;
        width: min(1300px, 140vw);
        transform: translateX(-50%) translateY(var(--lightsMove, 0px));
        z-index: 5;
        pointer-events: none;
    }

    .comedy-tree {
        position: absolute;
        left: -80px;
        top: 40px;
        height: 88vh;
        max-height: 900px;
        z-index: 4;
        transform: translateY(var(--treeMove, 0px));
        pointer-events: none;
    }

    .comedy-title {
        position: relative;
        z-index: 8;
        display: block;
        width: min(850px, 88vw);
        margin: 60px auto 10px;
        filter: drop-shadow(0 0 20px rgba(255, 0, 140, .65));
    }

    .comedy-marty {
        position: absolute;
        right: 5%;
        top: 28%;
        width: min(260px, 24vw);
        z-index: 9;
        filter: drop-shadow(0 0 18px rgba(255, 105, 180, .6));
    }

    .comedy-mic {
        position: absolute;
        left: 50%;
        bottom: 2%;
        height: min(620px, 62vh);
        z-index: 10;
        transform: translateX(-50%) translateY(var(--micMove, 0px));
        filter: drop-shadow(0 0 18px rgba(255, 220, 220, .5));
    }

    .comedy-city {
        position: absolute;
        left: 50%;
        bottom: -40px;
        width: min(1500px, 150vw);
        transform: translateX(-50%) translateY(var(--cityMove, 0px));
        z-index: 3;
        pointer-events: none;
    }

    .comedy-hero-info {
        position: absolute;
        left: 5%;
        bottom: 7%;
        z-index: 12;
        max-width: 360px;
    }

    .comedy-hero-info h1 {
        font-size: clamp(2rem, 5vw, 4rem);
        color: #fff36b;
        text-shadow: 0 0 12px #ff1493;
        margin: 0 0 10px;
        line-height: 1;
    }

    .comedy-hero-info p {
        font-size: clamp(1.3rem, 3vw, 2rem);
        color: #64fff1;
        font-weight: 900;
        margin: 0;
        text-shadow: 0 0 12px #00eaff;
    }

    .comedy-icon-row {
        position: relative;
        z-index: 20;
        display: flex;
        justify-content: center;
        gap: 22px;
        flex-wrap: wrap;
        padding: 20px;
        background: rgba(0,0,0,.55);
        border-top: 1px solid rgba(255,255,255,.15);
        border-bottom: 1px solid rgba(255,255,255,.15);
    }

    .comedy-icon-row img {
        max-height: 90px;
        max-width: 280px;
        object-fit: contain;
    }

    .comedy-section {
        position: relative;
        z-index: 15;
        max-width: 1100px;
        margin: 0 auto;
        padding: 60px 20px;
    }

    .comedy-card {
        background: rgba(8, 0, 20, .82);
        border: 1px solid rgba(255, 120, 210, .45);
        border-radius: 22px;
        padding: 28px;
        box-shadow: 0 0 24px rgba(255, 0, 140, .25);
        backdrop-filter: blur(6px);
    }

    .comedy-section h2 {
        color: #fff36b;
        font-size: clamp(2rem, 4vw, 3.2rem);
        margin-top: 0;
        text-shadow: 0 0 14px #ff1493;
    }

    .comedy-section h3 {
        color: #64fff1;
        font-size: 1.6rem;
        margin-top: 0;
    }

    .comedy-section p,
    .comedy-section li {
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .read-more-content {
        display: none;
    }

    .read-more-content.open {
        display: block;
    }

    .read-more-button {
        margin-top: 12px;
        padding: 10px 16px;
        border: 0;
        border-radius: 999px;
        background: #fff36b;
        color: #130018;
        font-weight: 900;
        cursor: pointer;
    }

    .countdown {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin: 18px 0;
    }

    .countdown-box {
        flex: 1;
        min-width: 75px;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 14px;
        padding: 12px;
        text-align: center;
    }

    .countdown-number {
        display: block;
        font-size: 2rem;
        font-weight: 900;
        color: #64fff1;
    }

    .countdown-label {
        font-size: .85rem;
        text-transform: uppercase;
    }

    .comedy-button {
        display: inline-block;
        margin: 12px 8px 0 0;
        padding: 12px 18px;
        border-radius: 999px;
        color: #fff;
        background: #e91e73;
        text-decoration: none;
        font-weight: 900;
        box-shadow: 0 0 16px rgba(233, 30, 115, .75);
    }

    .video-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }

    .video-embed {
        aspect-ratio: 16 / 9;
        width: 100%;
        border: 0;
        border-radius: 16px;
        box-shadow: 0 0 18px rgba(255,255,255,.18);
    }

    .poster-img {
        display: block;
        width: min(520px, 100%);
        margin: 20px auto 0;
        border-radius: 18px;
        box-shadow: 0 0 28px rgba(255, 0, 140, .45);
    }

    @media (max-width: 800px) {
        .comedy-hero {
            min-height: 620px;
            padding: 15px 0 0;
        }

        .comedy-title {
            width: 96vw;
            margin: 25px auto 0;
        }

        .comedy-city {
            bottom: 120px;
            width: 150vw;
        }

        .comedy-marty {
            top: 255px;
            right: 10px;
            width: 125px;
        }

        .comedy-mic {
            height: 360px;
            bottom: 35px;
        }

        .comedy-hero-info {
            left: 16px;
            right: 150px;
            bottom: 185px;
            max-width: none;
        }

        .comedy-hero-info h1 {
            font-size: 2.5rem;
        }

        .comedy-hero-info p {
            font-size: 1.05rem;
        }

        .comedy-tree {
            height: 520px;
            left: -125px;
            opacity: .6;
        }

        .comedy-lights {
            width: 190vw;
        }

        .comedy-section {
            padding: 35px 14px;
        }

        .comedy-card {
            padding: 20px;
        }

        .comedy-icon-row {
            gap: 12px;
            padding: 14px 8px;
        }

        .comedy-icon-row img {
            max-height: 58px;
            max-width: 31%;
        }

        .comedy-button {
            display: block;
            text-align: center;
            margin-right: 0;
        }
    }
    @media (min-width: 801px) {
        .topmenu {
            display: flex;
        }

        .comedy-hero {
            min-height: 760px;
            max-height: 900px;
            padding-top: 35px;
        }

        .comedy-title {
            width: min(760px, 62vw);
            margin-top: 55px;
        }

        .comedy-marty {
            width: 210px;
            top: 250px;
            right: 8%;
        }

        .comedy-hero-info {
            left: 8%;
            bottom: 145px;
            max-width: 420px;
        }

        .comedy-city {
            bottom: -25px;
            width: min(1300px, 115vw);
        }

        .comedy-mic {
            height: 540px;
            bottom: 25px;
        }

        .comedy-tree {
            height: 760px;
            left: -55px;
            top: 35px;
        }

        .comedy-section {
            max-width: 920px;
            padding: 42px 20px;
        }

        .comedy-card {
            padding: 24px 30px;
            max-width: 860px;
            margin: 0 auto;
        }

        .comedy-section h2 {
            font-size: 2.35rem;
            line-height: 1.1;
        }

        .comedy-section h3 {
            font-size: 1.4rem;
        }

        .comedy-section p,
        .comedy-section li {
            font-size: 1rem;
            line-height: 1.5;
        }

        .countdown {
            max-width: 520px;
        }

        .countdown-box {
            max-width: 150px;
        }

        .countdown-number {
            font-size: 1.8rem;
        }

        .comedy-icon-row img {
            max-height: 78px;
        }
    }