/* GENERATED by extractors/extract_page_assets.py — do not hand-edit.
   Lifted from an inline <style> in the source page; relative url()
   targets are rebased for this file's depth. */
/* --- JNIS DESIGN SYSTEM VARIABLES --- */
        :root {
            --primary-accent-blue: #38A6DD;
            --primary-dark-blue: #00285E;
            --white: #FFFFFF;
            --neutral-gray: #666666;

            /* Light Background Tones */
            --light-gray: #F8F9FA;
            --soft-academic-bg: #F5F8FF;
            --soft-blue-tint: #EEF3FB;

            /* Supporting Deep Text Tones */
            --text-deep: #17356F;
            --text-muted: #5C6E85;

            /* Typography */
            --font-body: 'Poppins', sans-serif;
            --font-ui: 'Montserrat', sans-serif;
            --font-heading: 'Playfair Display', serif;

            /* Border Radius Standards */
            --radius-md: 20px;
            --radius-lg: 24px;
        }

        /* --- SECTION BASE STYLE --- */
        /* .jnis-pta-section {
            background:
                radial-gradient(circle at 10% 15%, rgba(56, 166, 221, 0.10), transparent 28%),
                radial-gradient(circle at 88% 12%, rgba(56, 166, 221, 0.10), transparent 24%),
                linear-gradient(180deg, #f6fbff 0%, #ffffff 100%);
            padding: 34px 24px 72px;
            font-family: var(--font-body);
            color: var(--text-deep);
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        } */

        .pta-container {
            max-width: 1320px;
            width: 100%;
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(350px, 0.98fr);
            gap: 34px;
            align-items: stretch;
            padding: 32px;
            border-radius: 24px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 250, 255, 0.98)),
                radial-gradient(circle at top right, rgba(56, 166, 221, 0.08), transparent 24%);
            border: 1px solid rgba(56, 166, 221, 0.14);
            box-shadow: 0 20px 54px rgba(0, 40, 94, 0.10);
            position: relative;
            overflow: hidden;
        }

        .pta-container::before,
        .pta-container::after {
            content: "";
            position: absolute;
            pointer-events: none;
            border: 2px solid rgba(56, 166, 221, 0.12);
        }

        .pta-container::before {
            top: 18px;
            right: 18px;
            width: 132px;
            height: 132px;
            border-left: 0;
            border-bottom: 0;
        }

        .pta-container::after {
            bottom: 18px;
            left: 18px;
            width: 108px;
            height: 108px;
            border-right: 0;
            border-top: 0;
        }

        /* --- LEFT COLUMN: CONTENT --- */
        .pta-content-block {
            display: flex;
            flex-direction: column;
            gap: 22px;
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(56, 166, 221, 0.10);
            border-radius: 20px;
            padding: 28px 30px 30px;
            box-shadow: 0 14px 32px rgba(0, 40, 94, 0.06);
            position: relative;
            z-index: 1;
        }

        .pta-brand-header {
            display: flex;
            align-items: flex-start;
            gap: 18px;
        }

        .pta-logo {
            width: 74px;
            height: 74px;
            flex: 0 0 74px;
            object-fit: contain;
        }

        .pta-title-group h2 {
            font-family: var(--font-ui);
            font-weight: 700;
            font-size: clamp(1.4rem, 2vw, 1.92rem);
            color: var(--primary-dark-blue);
            letter-spacing: -0.03em;
            margin: 0;
            line-height: 1.2;
        }

        .pta-title-group .subtitle {
            font-family: var(--font-ui);
            font-weight: 600;
            font-size: 0.72rem;
            color: var(--primary-accent-blue);
            text-transform: uppercase;
            letter-spacing: 0.22em;
            margin-top: 8px;
        }

        /* Premium Quote Styling */
        .pta-quote-box {
            position: relative;
            padding-left: 24px;
            border-left: 4px solid var(--primary-accent-blue);
            margin: 8px 0 4px;
        }

        .pta-quote-text {
            font-family: var(--font-heading);
            font-style: italic;
            font-size: clamp(1.5rem, 2vw, 1.9rem);
            color: var(--primary-dark-blue);
            line-height: 1.32;
            margin: 0 0 8px 0;
        }

        .pta-quote-author {
            font-family: var(--font-ui);
            font-size: 0.92rem;
            text-transform: uppercase;
            letter-spacing: 0.14em;
            color: #5f6780;
            font-weight: 700;
        }

        /* Descriptive Paragraphs */
        .pta-description {
            font-family: var(--font-body);
            font-size: 0.98rem;
            line-height: 1.78;
            color: var(--text-muted);
            margin: 0;
        }

        .pta-description strong {
            color: var(--primary-dark-blue);
        }

        /* --- RIGHT COLUMN: ASYMMETRIC MOSAIC GALLERY --- */
        .pta-mosaic-gallery {
            display: grid;
            grid-template-columns: minmax(0, 0.96fr) minmax(0, 0.9fr);
            gap: 14px;
            position: relative;
            z-index: 1;
            min-height: 100%;
            align-content: center;
            align-items: center;
            justify-self: center;
            width: min(100%, 640px);
            padding: 8px 8px 18px;
        }

        /* Subtle Background Decorative Graphic behind the Gallery */
        .pta-mosaic-gallery::before {
            content: '';
            position: absolute;
            top: 14px;
            right: 6px;
            width: 88px;
            height: 88px;
            border-top: 2px solid rgba(56, 166, 221, 0.18);
            border-right: 2px solid rgba(56, 166, 221, 0.18);
            opacity: 0.9;
            pointer-events: none;
        }

        .pta-mosaic-gallery::after {
            content: '';
            position: absolute;
            left: 34px;
            bottom: 22px;
            width: 54px;
            height: 54px;
            background:
                linear-gradient(180deg, rgba(56, 166, 221, 0.18), rgba(56, 166, 221, 0.08));
            box-shadow:
                18px -18px 0 0 rgba(56, 166, 221, 0.10),
                36px 0 0 0 rgba(56, 166, 221, 0.06);
            pointer-events: none;
        }

        .mosaic-item {
            position: relative;
            border-radius: var(--radius-md);
            overflow: hidden;
            background-color: var(--white);
            padding: 4px;
            border: 1px solid rgba(56, 166, 221, 0.12);
            box-shadow: 0 16px 32px rgba(23, 53, 111, 0.14), 0 5px 12px rgba(56, 166, 221, 0.08);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
        }

        .mosaic-item img {
            width: 100%;
            height: 250px;
            object-fit: contain;
            display: block;
            background: #fff;
            border-radius: 14px;
            transition: transform 0.6s ease;
        }

        /* Option B Asymmetric Layout: Offsetting the columns */
        .mosaic-col-right {
            display: flex;
            flex-direction: column;
            gap: 14px;
            transform: translateY(-12px);
            align-items: flex-start;
        }

        .mosaic-col-left {
            display: flex;
            flex-direction: column;
            gap: 14px;
            padding-top: 42px;
            align-items: flex-end;
        }

        .mosaic-col-left .mosaic-item:first-child {
            width: 96%;
        }

        .mosaic-col-left .mosaic-item:last-child {
            width: 88%;
            margin-right: 8%;
        }

        .mosaic-col-right .mosaic-item:first-child {
            width: 92%;
        }

        .mosaic-col-right .mosaic-item:last-child {
            width: 100%;
            margin-left: -4%;
        }

        .mosaic-col-left .mosaic-item:first-child img,
        .mosaic-col-right .mosaic-item:last-child img {
            height: 264px;
        }

        .mosaic-col-left .mosaic-item:last-child img,
        .mosaic-col-right .mosaic-item:first-child img {
            height: 238px;
        }

        /* Hover Interactions */
        .mosaic-item:hover {
            transform: translateY(-6px);
            box-shadow: 0 22px 42px rgba(56, 166, 221, 0.16);
        }

        .mosaic-item:hover img {
            transform: scale(1.04);
        }

        /* --- PTA EXECUTIVE COMMITTEE SECTION --- */
        .pta-committee-section {
            padding: 0px 314px 0px;
            background:
                radial-gradient(circle at 12% 0%, rgba(56, 166, 221, 0.08), transparent 24%),
                linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
        }

        .pta-committee-shell {
            max-width: 1430px;
            margin: 0 auto;
            padding: 54px clamp(18px, 2.6vw, 40px) 56px;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 255, 0.98)),
                radial-gradient(circle at top right, rgba(56, 166, 221, 0.12), transparent 22%);
            border: 1px solid rgba(56, 166, 221, 0.14);
            border-radius: 30px;
            box-shadow: 0 24px 60px rgba(0, 40, 94, 0.10);
            position: relative;
            overflow: hidden;
        }

        .pta-committee-shell::before,
        .pta-committee-shell::after {
            content: "";
            position: absolute;
            border: 2px solid rgba(56, 166, 221, 0.12);
            pointer-events: none;
        }

        .pta-committee-shell::before {
            top: 16px;
            right: 18px;
            width: 110px;
            height: 110px;
            border-left: 0;
            border-bottom: 0;
        }

        .pta-committee-shell::after {
            left: 18px;
            bottom: 16px;
            width: 108px;
            height: 108px;
            border-right: 0;
            border-top: 0;
        }

        .pta-committee-header {
            position: relative;
            z-index: 1;
            text-align: center;
            max-width: 720px;
            margin: 0 auto 30px;
        }

        .pta-committee-kicker {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-family: var(--font-ui);
            font-size: 0.85rem;
            font-weight: 700;
            letter-spacing: 0.28em;
            text-transform: uppercase;
            color: var(--primary-accent-blue);
            margin-bottom: 14px;
        }

        .pta-committee-title {
            margin: 0;
            font-family: var(--font-heading);
            font-size: clamp(2rem, 4vw, 3.25rem);
            line-height: 1.08;
            color: var(--primary-dark-blue);
            font-weight: 600;
        }

        .pta-committee-title em {
            color: var(--primary-accent-blue);
            font-style: italic;
            font-weight: 500;
        }

        .pta-tabs-scroll {
            position: relative;
            z-index: 1;
        }

        .pta-tabs-arrow {
            display: none;
        }

        .pta-committee-tabs {
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;
            margin: 0 auto 34px;
        }

        .pta-committee-tab {
            font-family: var(--font-ui);
            font-weight: 700;
            font-size: 0.84rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 12px 22px;
            border-radius: 999px;
            border: 1.5px solid rgba(56, 166, 221, 0.26);
            background: #fff;
            color: #29486e;
            cursor: pointer;
            transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
        }

        .pta-committee-tab:hover,
        .pta-committee-tab[aria-selected="true"] {
            background: var(--primary-dark-blue);
            color: #fff;
            border-color: var(--primary-dark-blue);
            box-shadow: 0 16px 28px rgba(0, 40, 94, 0.18);
        }

        .pta-committee-tab:focus-visible {
            outline: 3px solid rgba(56, 166, 221, 0.24);
            outline-offset: 2px;
        }

        .pta-committee-panel {
            display: none;
            position: relative;
            z-index: 1;
        }

        .pta-committee-panel.is-active {
            display: block;
        }

        .pta-badge-wall {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 14px 16px;
            align-items: flex-start;
            max-width: 1066px;
            margin: 0 auto;
        }

        .pta-badge {
            display: flex;
            align-items: center;
            gap: 10px;
            min-height: 54px;
            flex: 0 1 auto;
            width: max-content;
            min-width: 178px;
            max-width: 270px;
            background: #fff;
            border-radius: 999px;
            padding: 7px 18px 7px 8px;
            border: 1px solid rgba(56, 166, 221, 0.16);
            box-shadow: 0 10px 24px rgba(0, 40, 94, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
        }

        .pta-badge:hover {
            transform: translateY(-4px);
            border-color: rgba(56, 166, 221, 0.3);
            box-shadow: 0 18px 30px rgba(56, 166, 221, 0.18);
        }

        .pta-badge-wall .pta-badge:first-child {
            border-color: var(--primary-accent-blue);
            box-shadow: 0 14px 28px rgba(56, 166, 221, 0.14);
        }

        .pta-badge-initials {
            width: 38px;
            height: 38px;
            flex: 0 0 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-accent-blue), var(--primary-dark-blue));
            color: #fff;
            font-family: var(--font-ui);
            font-size: 0.78rem;
            font-weight: 700;
        }

        .pta-badge-copy {
            min-width: 0;
        }

        .pta-badge-role {
            font-family: var(--font-ui);
            font-size: 0.55rem;
            line-height: 1.1;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--primary-accent-blue);
            font-weight: 700;
            white-space: nowrap;
        }

        .pta-badge-name {
            margin-top: 2px;
            font-family: var(--font-body);
            font-size: 0.82rem;
            line-height: 1.22;
            font-weight: 600;
            color: var(--primary-dark-blue);
            white-space: nowrap;
        }


        /* --- RESPONSIVE MEDIA QUERIES --- */

        /* Optimized for Large Laptops & Middle Resolutions (e.g., 1300x649) */
        @media (max-width: 1340px) {
            .pta-container {
                gap: 28px;
                padding: 26px;
            }

            .jnis-pta-section {
                padding: 28px 20px 60px;
            }

            .pta-title-group h2 {
                font-size: 1.35rem;
            }

            .pta-quote-text {
                font-size: 1.3rem;
            }

            .pta-mosaic-gallery {
                width: min(100%, 600px);
            }

            .mosaic-item img {
                height: 228px;
            }

            .mosaic-col-left .mosaic-item:first-child img,
            .mosaic-col-right .mosaic-item:last-child img {
                height: 240px;
            }

            .mosaic-col-left .mosaic-item:last-child img,
            .mosaic-col-right .mosaic-item:first-child img {
                height: 214px;
            }

            .mosaic-col-right {
                transform: translateY(-8px);
            }

            .mosaic-col-left {
                padding-top: 26px;
            }

            .pta-committee-section {
                padding: 0 clamp(20px, 6vw, 80px) 68px;
            }

            .pta-committee-shell {
                padding: 46px 26px 48px;
            }

            .pta-committee-tabs {
                flex-wrap: nowrap;
                gap: 8px;
            }

            .pta-committee-tab {
                white-space: nowrap;
                font-size: clamp(0.72rem, 0.9vw, 0.8rem);
                padding: 11px clamp(14px, 1.35vw, 18px);
                letter-spacing: 0.045em;
            }

            .pta-badge-wall {
                gap: 14px;
            }

            .pta-badge {
                min-height: 56px;
                padding-right: 14px;
                flex-basis: 252px;
                max-width: 252px;
            }

            .pta-badge-name {
                font-size: 0.83rem;
            }
        }

        /* Tablet Viewports */
        @media (max-width: 992px) {
            .pta-container {
                grid-template-columns: 1fr;
                gap: 50px;
                padding: 24px;
            }

            .pta-content-block {
                max-width: 800px;
                margin: 0 auto;
            }

            .pta-mosaic-gallery {
                max-width: 620px;
                margin: 0 auto;
                width: 100%;
            }

            .mosaic-col-right {
                transform: translateY(-10px);
            }

            .mosaic-col-left {
                padding-top: 34px;
            }

            .jnis-pta-section {
                padding: 60px 24px;
            }

            .pta-committee-section {
                padding: 0 20px 68px;
            }

            .pta-committee-shell {
                padding: 40px 22px 42px;
                border-radius: 24px;
            }

            .pta-committee-tabs {
                gap: 10px;
                margin-bottom: 28px;
                justify-content: flex-start;
                flex-wrap: nowrap;
                overflow-x: auto;
                padding: 0 54px 6px 0;
                scrollbar-width: none;
                scroll-behavior: smooth;
            }

            .pta-committee-tabs::-webkit-scrollbar {
                display: none;
            }

            .pta-tabs-arrow {
                position: absolute;
                top: 1px;
                right: -2px;
                z-index: 4;
                width: 42px;
                height: 42px;
                border: 1px solid rgba(56, 166, 221, 0.32);
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.94);
                color: var(--primary-accent-blue);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: 0.95rem;
                box-shadow: 0 12px 28px rgba(0, 40, 94, 0.14);
                cursor: pointer;
                transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
            }

            .pta-tabs-arrow:hover,
            .pta-tabs-arrow:focus-visible {
                background: var(--primary-accent-blue);
                border-color: var(--primary-accent-blue);
                color: #fff;
                transform: translateX(2px);
                outline: none;
            }

            .pta-tabs-arrow:active {
                transform: translateX(3px) scale(0.96);
            }

            .pta-tabs-arrow.is-hidden {
                opacity: 0;
                pointer-events: none;
            }

            .pta-committee-tab {
                font-size: 0.78rem;
                padding: 11px 18px;
                flex: 0 0 auto;
                white-space: nowrap;
            }

            .pta-badge-wall {
                max-width: 860px;
                gap: 14px 16px;
            }

            .pta-badge {
                min-width: 178px;
                max-width: 270px;
            }
        }

        /* Mobile Viewports */
        @media (max-width: 576px) {
            .jnis-pta-section {
                padding: 40px 16px;
            }

            .pta-brand-header {
                flex-direction: row;
                text-align: left;
                gap: 12px;
            }

            .pta-title-group h2 {
                font-size: 1.2rem;
            }

            .pta-title-group .subtitle {
                font-size: 0.95rem;
            }

            .pta-quote-box {
                padding-left: 20px;
            }

            .pta-quote-text {
                font-size: 1.15rem;
            }

            .pta-mosaic-gallery {
                grid-template-columns: minmax(0, 0.98fr) minmax(0, 0.92fr);
                gap: 12px;
                max-width: 500px;
                padding: 4px 0 16px;
            }

            .mosaic-col-left,
            .mosaic-col-right {
                gap: 12px;
            }

            .mosaic-col-left {
                padding-top: 28px;
            }

            .mosaic-col-right {
                transform: translateY(-8px);
            }

            .mosaic-item {
                border-radius: 14px;
                padding: 3px;
            }

            .mosaic-item img,
            .mosaic-col-left .mosaic-item:first-child img,
            .mosaic-col-right .mosaic-item:last-child img {
                height: 188px;
                border-radius: 11px;
            }

            .mosaic-col-left .mosaic-item:last-child img,
            .mosaic-col-right .mosaic-item:first-child img {
                height: 170px;
            }

            .pta-committee-section {
                padding: 0 16px 54px;
            }

            .pta-committee-shell {
                padding: 34px 0 px 36px;
                border-radius: 22px;
            }

            .pta-committee-shell::before,
            .pta-committee-shell::after {
                width: 64px;
                height: 64px;
            }

            .pta-committee-header {
                margin-bottom: 24px;
            }

            .pta-committee-kicker {
                font-size: 0.72rem;
                letter-spacing: 0.22em;
            }

            .pta-committee-tabs {
                margin: 0 -2px 24px;
            }

            .pta-badge-wall {
                gap: 12px;
            }

            .pta-badge {
                border-radius: 999px;
                min-height: 54px;
                align-items: center;
                padding: 7px 16px 7px 8px;
                width: 100%;
                min-width: 0;
                max-width: 320px;
            }

            .pta-badge-name {
                font-size: 0.82rem;
            }
        }

        /* ============================================================
     JNIS BRAND TOKENS
     ============================================================ */
        :root {
            --blue: #38A6DD;
            --dark: #00285E;
            --deep-2: #314967;
            --deep-3: #5C6E85;
            --bg-2: #F5F8FF;
            --bg-3: #EEF3FB;
            --r-lg: 24px;
            --r-xl: 30px;
            --r-pill: 999px;

            /* ---- card + deck geometry: the only values that change per breakpoint ---- */
            --card-w: 250px;
            --card-img-h: 150px;
            --deck-h: 380px;

            /* resting (closed) deck offsets */
            --rest-1: 180px;
            /* outer pair  (t0 / t4) */
            --rest-2: 90px;
            /* inner pair  (t1 / t3) */
            --rest-lift: 0px;

            /* fanned-open offsets — reachable via hover on desktop, or baked in as the
       permanent resting state on touch breakpoints (see tablet/mobile below) */
            --open-1: 320px;
            --open-2: 160px;
            --open-lift-outer: -10px;
            --open-lift-inner: -16px;
            --open-lift-center: -22px;

            --drawn-lift: -78px;
            --drawn-scale: 1.55;
            --drawn-deck-h: 470px;
        }

        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: 'Poppins', sans-serif;
            color: var(--deep-2);
            background: #F8F9FA;
        }

        .section-wrap {
            max-width: 1484px;
            margin: 0 auto;
            padding: 56px 24px;
        }

        .section-wrap.anand-mela-wrap {
            max-width: none;
            width: 100%;
            margin: 0;
            padding: 0;
            background:
                radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .98) 0 30%, rgba(245, 249, 255, .9) 58%, rgba(238, 245, 253, .78) 100%),
                linear-gradient(180deg, rgba(255, 255, 255, 0), #f7fbff 46%, rgba(255, 255, 255, 0));
        }

        h2 {
            margin: 0;
            font-family: 'Playfair Display', serif;
            color: var(--dark);
        }

        .kicker {
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            letter-spacing: .18em;
            font-size: 12.5px;
            font-weight: 600;
            color: var(--blue);
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }

        .accent {
            font-style: italic;
            color: var(--blue);
            font-weight: 500;
        }

        .section-head {
            text-align: center;
            max-width: 620px;
            margin: 0 auto 40px;
        }

        .section-head h2 {
            font-size: clamp(26px, 3.4vw, 36px);
            font-weight: 600;
            margin-top: 14px;
        }

        .section-head p {
            margin-top: 14px;
            font-size: 14.5px;
            color: var(--deep-3);
            line-height: 1.8;
        }

        .hover-hint {
            display: inline;
        }

        .touch-hint {
            display: none;
        }

        .mela {
            background: linear-gradient(160deg, #fff, var(--bg-2));
            border-radius: var(--r-xl);
            padding: 64px 40px 72px;
            box-shadow: 0 30px 60px -30px rgba(0, 40, 94, .25);
            position: relative;
            overflow: hidden;
        }

        .mela::before {
            content: '';
            position: absolute;
            width: 420px;
            height: 420px;
            border-radius: 50%;
            top: -220px;
            right: -140px;
            background: radial-gradient(circle, rgba(56, 166, 221, .18), transparent 70%);
        }

        .anand-mela-section {
            max-width: 1884px;
            margin: 0 auto;
            min-height: clamp(440px, 48vw, 560px);
            padding: clamp(42px, 5.2vw, 66px) clamp(18px, 4vw, 40px) clamp(34px, 4.6vw, 56px);
            border-radius: 0;
            isolation: isolate;
            background: transparent;
        }

        .anand-mela-section::before {
            content: none;
        }

        .anand-mela-section .anand-bg-elements,
        .anand-mela-section .anand-bg-elements span {
            position: absolute;
            pointer-events: none;
        }

        .anand-mela-section .anand-bg-elements {
            inset: 0;
            z-index: 0;
            overflow: hidden;
        }

        .anand-mela-section .anand-section-content {
            position: relative;
            z-index: 1;
            max-width: 1040px;
            margin: 0 auto;
        }

        .anand-mela-section .section-head {
            margin-bottom: clamp(28px, 4vw, 46px);
        }

        .anand-mela-section .section-head h2 {
            font-size: clamp(32px, 4.5vw, 54px);
            line-height: 1.02;
        }

        .anand-mela-section .section-head p {
            max-width: 640px;
            margin: 12px auto 0;
            font-size: clamp(12px, 1.08vw, 14px);
            line-height: 1.65;
        }

        .anand-mela-section .title-right {
            color: var(--blue);
            font-style: italic;
            font-weight: 500;
        }

        .anand-mela-section .anand-left-circle {
            left: clamp(-210px, -14vw, -90px);
            border-radius: 50%;
            border: 1px solid rgba(56, 166, 221, .08);
        }

        .anand-mela-section .anand-left-circle-1 {
            width: clamp(300px, 32vw, 636px);
            height: clamp(300px, 32vw, 634px);
            bottom: clamp(-55px, -6vw, -90px);
            background: rgba(56, 166, 221, .08);
        }

        .anand-mela-section .anand-left-circle-2 {
            width: clamp(230px, 25vw, 459px);
            height: clamp(230px, 28vw, 477px);
            bottom: clamp(-160px, -6vw, -58px);
            background: rgba(56, 166, 221, .12);
        }

        .anand-mela-section .anand-left-circle-3 {
            width: clamp(150px, 20vw, 604px);
            height: clamp(150px, 21vw, 480px);
            bottom: clamp(-92px, -6vw, 174px);
            background: rgba(56, 166, 221, .18);
        }

        .anand-mela-section .anand-small-circle {
            width: clamp(14px, 1.8vw, 26px);
            height: clamp(14px, 1.8vw, 26px);
            border-radius: 50%;
            background: #fff;
        }

        .anand-mela-section .circle-gold-top {
            top: clamp(42px, 8vw, 112px);
            left: clamp(76px, 13vw, 190px);
            border: 1.5px solid rgba(236, 164, 29, .9);
        }

        .anand-mela-section .circle-blue-bottom {
            left: clamp(132px, 19vw, 280px);
            bottom: clamp(54px, 8vw, 112px);
            border: 1.5px solid rgba(56, 166, 221, .78);
        }

        .anand-mela-section .anand-right-curve {
            width: clamp(170px, 20vw, 292px);
            aspect-ratio: 292 / 437;
            right: 0;
            top: 50%;
            opacity: .92;
            transform: translateY(-50%);
            background: url('../../images/last-section-rbg-element.webp') center right / contain no-repeat;
        }

        .anand-mela-section .anand-dot-pattern {
            display: none;
            width: clamp(72px, 8vw, 120px);
            height: clamp(86px, 9vw, 132px);
            right: clamp(84px, 12vw, 180px);
            bottom: clamp(58px, 9vw, 122px);
            opacity: .34;
            background-image: radial-gradient(rgba(56, 166, 221, .82) 1.45px, transparent 1.45px);
            background-size: 16px 16px;
        }

        .anand-mela-section .deck {
            height: clamp(220px, 25vw, var(--deck-h));
        }

        .deck {
            position: relative;
            height: var(--deck-h);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            transition: height .3s ease;
        }

        .deck.has-drawn-ticket {
            height: var(--drawn-deck-h);
            z-index: 2;
        }

        .ticket {
            position: absolute;
            width: var(--card-w);
            background: #fff;
            border: 2px solid #3cbcec;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 20px 40px -18px rgba(0, 40, 94, .4);
            backface-visibility: hidden;
            cursor: pointer;
            transform-origin: center center;
            transition: transform .38s cubic-bezier(.2, .8, .2, 1), box-shadow .38s ease, opacity .26s ease, width .3s ease;
            will-change: transform;
        }

        .ticket img {
            width: 100%;
            height: var(--card-img-h);
            object-fit: cover;
            display: block;
            background: var(--bg-3);
            transition: height .3s ease;
        }

        .ticket img.img-fallback {
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, var(--blue), var(--dark));
        }

        .ticket .stub {
            position: relative;
            padding: 14px 16px 18px;
            border-top: 2px dashed var(--blue);
        }

        .ticket .stub::before,
        .ticket .stub::after {
            content: '';
            position: absolute;
            top: -9px;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: var(--bg-2);
        }

        .ticket .stub::before {
            left: -9px;
        }

        .ticket .stub::after {
            right: -9px;
        }

        .ticket .tag {
            font-family: 'Montserrat', sans-serif;
            font-size: 9.5px;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--blue);
            font-weight: 600;
        }

        .ticket h4 {
            font-family: 'Playfair Display', serif;
            font-size: 16px;
            font-style: italic;
            color: var(--dark);
            margin: 6px 0 0;
            font-weight: 600;
        }

        .ticket .num {
            position: absolute;
            top: 12px;
            right: 14px;
            font-family: 'Montserrat', sans-serif;
            font-size: 9px;
            color: #fff;
            letter-spacing: .05em;
            background: rgba(0, 40, 94, .55);
            padding: 3px 8px;
            border-radius: 6px;
        }

        .deck .t0 {
            transform: translateX(calc(var(--open-1) * -1)) rotate(-14deg) translateY(var(--open-lift-outer));
            z-index: 1;
        }

        .deck .t1 {
            transform: translateX(calc(var(--open-2) * -1)) rotate(-7deg) translateY(var(--open-lift-inner));
            z-index: 2;
        }

        .deck .t2 {
            transform: translateX(0) rotate(0deg) translateY(var(--open-lift-center));
            z-index: 3;
        }

        .deck .t3 {
            transform: translateX(var(--open-2)) rotate(7deg) translateY(var(--open-lift-inner));
            z-index: 2;
        }

        .deck .t4 {
            transform: translateX(var(--open-1)) rotate(14deg) translateY(var(--open-lift-outer));
            z-index: 1;
        }

        .deck .ticket {
            transform: translateX(var(--ticket-x, 0px)) rotate(var(--ticket-rot, 0deg)) translateY(var(--ticket-y, var(--open-lift-center)));
            z-index: var(--ticket-z, 1);
        }

        .deck.has-drawn-ticket .ticket:not(.is-drawn) {
            opacity: .58;
        }

        .deck .ticket.is-drawn {
            border-color: rgba(0, 40, 94, .24);
            transform: translateX(0) rotate(0deg) translateY(var(--drawn-lift)) scale(var(--drawn-scale)) !important;
            box-shadow: 0 36px 62px -18px rgba(0, 40, 94, .58);
            opacity: 1;
            z-index: 20 !important;
        }

        .mela-arrows {
            display: none;
        }

        .pill-btn {
            display: inline-flex;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 12.5px;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: 14px 30px;
            border-radius: var(--r-pill);
            background: var(--blue);
            color: #fff;
            border: none;
            cursor: pointer;
            box-shadow: 0 14px 26px -12px rgba(56, 166, 221, .55);
            transition: transform .3s, box-shadow .3s;
        }

        .pill-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 20px 32px -12px rgba(56, 166, 221, .65);
        }

        .center {
            text-align: center;
            margin-top: 40px;
            position: relative;
            z-index: 1;
        }

        /* ============================================================
     RESPONSIVE BREAKPOINTS — only the variables change; every rule
     above stays exactly the same at every screen size.
     ============================================================ */

        /* Laptops / small desktops — e.g. 1300×649 and similar wide-but-short viewports.
     Still hover-capable, so resting = closed deck, hover = fan (just scaled down). */
        @media (max-width:1300px) {
            :root {
                --card-w: 220px;
                --card-img-h: 132px;
                --deck-h: 340px;
                --rest-1: 158px;
                --rest-2: 79px;
                --open-1: 280px;
                --open-2: 140px;
                --drawn-lift: -66px;
                --drawn-scale: 1.42;
                --drawn-deck-h: 420px;
            }

            .mela {
                padding: 56px 32px 64px;
            }
        }

        @media (min-width:901px) and (max-width:1300px) {
            .anand-mela-section {
                min-height: 520px;
            }

            .anand-mela-section .anand-left-circle {
                left: -238px;
                opacity: .64;
            }

            .anand-mela-section .anand-left-circle-1 {
                width: 520px;
                height: 520px;
                bottom: -292px;
            }

            .anand-mela-section .anand-left-circle-2 {
                width: 410px;
                height: 410px;
                bottom: -232px;
            }

            .anand-mela-section .anand-left-circle-3 {
                width: 300px;
                height: 300px;
                bottom: -170px;
            }

            .anand-mela-section .circle-blue-bottom {
                bottom: 42px;
            }

            .anand-mela-section .anand-right-curve {
                width: 246px;
                right: -46px;
                opacity: .78;
            }
        }

        /* Tablets — no reliable hover, so the "resting" state IS the fanned look.
     (--open-* is simply never triggered here since .can-hover won't usually apply.) */
        @media (max-width:900px) {
            :root {
                --card-w: 180px;
                --card-img-h: 104px;
                --deck-h: 300px;
                --rest-1: 150px;
                --rest-2: 75px;
                --rest-lift: -9px;
                --drawn-lift: -48px;
                --drawn-scale: 1.32;
                --drawn-deck-h: 360px;
            }

            .mela {
                padding: 48px 26px 56px;
            }

            .anand-mela-section {
                min-height: 430px;
                padding-inline: 20px;
            }

            .anand-mela-section .anand-section-content {
                max-width: 760px;
            }

            .anand-mela-section .section-head {
                margin-bottom: 20px;
            }

            .anand-mela-section .anand-left-circle {
                left: -180px;
            }

            .anand-mela-section .anand-right-curve {
                width: 230px;
                right: -72px;
                opacity: .62;
            }

            .anand-mela-section .anand-dot-pattern {
                right: 42px;
                bottom: 54px;
                opacity: .26;
            }

            .hover-hint {
                display: none;
            }

            .touch-hint {
                display: inline;
            }
        }

        /* Mobile — matches the approved 390px fan preview exactly:
     outer ±108px, inner ±54px, -4px lift, 150px cards. */
        @media (max-width:600px) {
            :root {
                --card-w: 150px;
                --card-img-h: 88px;
                --deck-h: 280px;
                --rest-1: 108px;
                --rest-2: 54px;
                --rest-lift: -4px;
                --drawn-lift: -32px;
                --drawn-scale: 1.18;
                --drawn-deck-h: 320px;
            }

            .mela {
                padding: 40px 16px 56px;
                border-radius: var(--r-lg);
            }

            .anand-mela-section {
                min-height: 430px;
                padding: 34px 14px 44px;
            }

            .anand-mela-section .section-head p {
                max-width: 92%;
                line-height: 1.55;
            }

            .anand-mela-section .anand-left-circle {
                left: -103px;
                opacity: .72;
            }

            .anand-mela-section .circle-gold-top {
                top: 42px;
                left: 11%;
            }

            .anand-mela-section .circle-blue-bottom,
            .anand-mela-section .anand-dot-pattern {
                display: none;
            }

            .anand-mela-section .anand-right-curve {
                width: 150px;
                height: auto;
                right: -82px;
                top: 52%;
                opacity: .38;
            }

            .ticket {
                border-radius: 10px;
            }

            .mela-arrows {
                display: flex;
                justify-content: center;
                gap: 14px;
                margin-top: -14px;
                position: relative;
                z-index: 3;
            }

            .mela-arrow {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                border: 1px solid rgba(56, 166, 221, .34);
                background: rgba(255, 255, 255, .92);
                color: var(--dark);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                line-height: 1;
                box-shadow: 0 14px 30px rgba(8, 38, 82, .14);
                cursor: pointer;
                transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
            }

            .mela-arrow:hover,
            .mela-arrow:focus-visible {
                background: var(--blue);
                border-color: var(--blue);
                color: #fff;
                box-shadow: 0 18px 34px rgba(56, 166, 221, .34);
                transform: translateY(-1px);
                outline: none;
            }

            .mela-arrow:active {
                transform: translateY(1px) scale(.96);
            }

            .ticket .stub {
                padding: 9px 10px 12px;
            }

            .ticket .stub::before,
            .ticket .stub::after {
                width: 12px;
                height: 12px;
                top: -6px;
            }

            .ticket .tag {
                font-size: 8px;
            }

            .ticket h4 {
                font-size: 12.5px;
            }

            .ticket .num {
                font-size: 7.5px;
                padding: 2px 6px;
                top: 8px;
                right: 9px;
            }

            .section-head p {
                font-size: 13px;
            }
        }

        :root {
            --jnis-blue: #38A6DD;
            --jnis-blue-dark: #00285E;
            --jnis-blue-rich: #17356F;
            --jnis-text: #314967;
            --jnis-muted: #5C6E85;
            --jnis-white: #FFFFFF;
            --jnis-bg: #F5F8FF;
            --jnis-bg-soft: #EEF3FB;
            --jnis-line: rgba(56, 166, 221, 0.24);
            --jnis-shadow: 0 24px 65px rgba(0, 40, 94, 0.12);
            --jnis-card-shadow: 0 16px 38px rgba(0, 40, 94, 0.14);
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            color: var(--jnis-text);
            background: #fff;
            font-family: "Poppins", sans-serif;
        }

        img {
            display: block;
            width: 100%;
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        /* =========================
       PTA INTRO SECTION
       ========================= */
        .pta-intro {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            padding: clamp(42px, 6vw, 24px) -1px;
            background:
                radial-gradient(circle at 12% 14%, rgba(56, 166, 221, 0.13), transparent 28%),
                radial-gradient(circle at 88% 82%, rgba(56, 166, 221, 0.10), transparent 26%),
                linear-gradient(135deg, #ffffff 0%, var(--jnis-bg) 58%, #ffffff 100%);
        }

        .pta-intro::before,
        .pta-intro::after {
            content: "";
            position: absolute;
            z-index: -1;
            pointer-events: none;
        }

        .pta-intro::before {
            width: 220px;
            height: 220px;
            top: -100px;
            right: -65px;
            border: 1px solid rgba(56, 166, 221, 0.20);
            border-radius: 50%;
            box-shadow:
                0 0 0 34px rgba(56, 166, 221, 0.035),
                0 0 0 70px rgba(56, 166, 221, 0.025);
        }

        .pta-intro::after {
            width: 120px;
            height: 72px;
            left: 3.5%;
            bottom: 7%;
            opacity: 0.55;
            background-image: radial-gradient(var(--jnis-blue) 1.6px, transparent 1.6px);
            background-size: 15px 15px;
        }

        .pta-intro__shell {
            position: relative;
            max-width: 1440px;
            margin: 0 auto;
            padding: clamp(24px, 3vw, 46px);
            border: 1px solid rgba(56, 166, 221, 0.16);
            border-radius: clamp(22px, 2.6vw, 30px);
            background: rgba(255, 255, 255, 0.78);
            box-shadow: var(--jnis-shadow);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            margin-top: -35px;

        }

        .pta-intro__grid {
            display: grid;
            grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
            gap: clamp(34px, 5vw, 76px);
            align-items: center;
        }

        /* COPY */
        .pta-intro__copy {
            min-width: 0;
            max-width: 623px;
            margin-top: -52px;
        }

        .pta-intro__title {
            margin: 0 0 18px;
            color: var(--jnis-blue-dark);
            font-family: "Playfair Display", serif;
            font-size: clamp(31px, 1.5vw, 50px);
            font-weight: 500;
            letter-spacing: -0.045em;
            line-height: 0.9;
        }

        .pta-intro__title span {
            color: var(--jnis-blue);
            font-weight: 500;
        }

        .pta-intro__subtitle {
            margin: 0 0 24px;
            color: var(--jnis-blue-dark);
            font-family: "Playfair Display", serif;
            font-size: clamp(30px, 3.2vw, 38px);
            font-weight: 500;
            line-height: 1;
        }

        .pta-intro__subtitle em {
            color: var(--jnis-blue);
            font-style: italic;
        }

        .pta-quote {
            position: relative;
            margin: 0 0 clamp(20px, 2.4vw, 28px);
            padding: 18px 22px 18px 68px;
            overflow: hidden;
            border: 1px solid rgba(56, 166, 221, 0.12);
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: 0 10px 26px rgba(0, 40, 94, 0.10);
        }

        .pta-quote::before {
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 5px;
            background: var(--jnis-blue);
        }

        .pta-quote::after {
            content: "“";
            position: absolute;
            top: 13px;
            left: 23px;
            color: var(--jnis-blue);
            font: 600 58px/1 "Playfair Display", serif;
        }

        .pta-quote__text {
            position: relative;
            z-index: 1;
            margin: 0;
            color: var(--jnis-blue-dark);
            font-family: "Playfair Display", serif;
            font-size: clamp(17px, 1.35vw, 21px);
            font-style: italic;
            font-weight: 500;
            line-height: 1.55;
            text-wrap: balance;
        }

        .pta-quote__author {
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 8px;
            color: var(--jnis-blue);
            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0;
            text-transform: none;
        }

        .pta-quote__author::before {
            content: "";
            width: 34px;
            height: 2px;
            flex: 0 0 auto;
            background: var(--jnis-blue);
        }

        .pta-intro__text {
            position: relative;
            padding-left: 0;
        }

        .pta-intro__text::before {
            display: none;
        }

        .pta-intro__text p {
            margin: 0;
            color: var(--jnis-text);
            font-size: clamp(14px, 1.02vw, 15.5px);
            line-height: 2.15;
            margin-bottom: -49px;
            margin-top: 44px;
        }

        .pta-intro__text p+p {
            margin-top: clamp(17px, 2vw, 24px);
        }

        .pta-intro__text strong {
            color: var(--jnis-blue-dark);
            font-weight: 600;
        }

        /* COLLAGE */
        .pta-collage {
            position: relative;
            min-height: clamp(560px, 47vw, 680px);
            perspective: 1200px;
        }

        /* .pta-collage::before {
            content: "";
            position: absolute;
            left: 23%;
            right: 12%;
            top: 23%;
            bottom: 3%;
            z-index: -2;
            border-radius: 6px;
            background: linear-gradient(180deg, var(--jnis-blue-dark), #062b66);
            transform: rotate(3deg);
            box-shadow: 0 22px 44px rgba(0, 40, 94, 0.18);
        } */

        .pta-collage::after {
            content: "";
            position: absolute;
            width: 118px;
            height: 100px;
            top: 0;
            right: 4%;
            z-index: -1;
            opacity: 0.72;
            background-image: radial-gradient(var(--jnis-blue) 1.6px, transparent 1.6px);
            background-size: 15px 15px;
        }

        .pta-photo {
            position: absolute;
            margin: 0;
            overflow: visible;
            border: 8px solid rgba(255, 255, 255, 0.98);
            border-radius: 10px;
            background: #fff;
            box-shadow: var(--jnis-card-shadow);
            transition:
                transform 420ms cubic-bezier(.2, .8, .2, 1),
                box-shadow 420ms ease;
            will-change: transform;
        }

        .pta-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 4px;
        }

        .pta-photo::before {
            content: "";
            position: absolute;
            z-index: 2;
            top: -14px;
            left: 50%;
            width: 76px;
            height: 20px;
            border-radius: 3px;
            background: #38a6dd;
            box-shadow: 0 3px 7px rgba(0, 40, 94, 0.08);
            transform: translateX(-50%) rotate(-2deg);
            backdrop-filter: blur(2px);
        }

        .pta-photo:hover,
        .pta-photo:focus-within {
            box-shadow: 0 26px 55px rgba(0, 40, 94, 0.20);
            transition-delay: 0s;
        }

        .pta-photo--one {
            top: 4%;
            left: 12%;
            width: 68%;
            height: 35%;
            z-index: 2;
            transform: rotate(-4deg);
        }

        .pta-photo--one:hover {
            transform: rotate(-4deg);
        }

        .pta-photo--two {
            left: 2%;
            top: 30%;
            width: 43%;
            height: 30%;
            z-index: 4;
            transform: rotate(-2deg);
        }

        .pta-photo--two:hover {
            transform: rotate(-2deg);
        }

        .pta-photo--three {
            right: 4%;
            top: 32%;
            width: 53%;
            height: 29%;
            z-index: 5;
            transform: rotate(3deg);
        }

        .pta-photo--three:hover {
            transform: rotate(3deg);
        }

        .pta-photo--four {
            right: 11%;
            bottom: 7%;
            width: 62%;
            height: 36%;
            z-index: 6;
            transform: rotate(-1deg);
        }

        .pta-photo--four:hover {
            transform: rotate(-1deg);
        }

        .pta-collage__seal {
            position: absolute;
            top: 11%;
            right: 7%;
            z-index: 7;
            width: 104px;
            height: 104px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.95);
            border: 7px solid #fff;
            box-shadow: 0 16px 32px rgba(0, 40, 94, 0.14);
        }

        .pta-collage__seal img {
            width: 72%;
            height: 72%;
            object-fit: contain;
        }

        .pta-collage__mission {
            position: absolute;
            left: -3%;
            bottom: 8%;
            z-index: 8;
            width: min(215px, 39%);
            padding: 18px 18px 18px 78px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 18px 38px rgba(0, 40, 94, 0.14);
        }

        .pta-collage__mission-icon {
            position: absolute;
            left: 18px;
            top: 18px;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--jnis-blue);
            color: #fff;
            font-size: 17px;
        }

        .pta-collage__mission-title {
            margin: 0 0 5px;
            color: var(--jnis-blue);
            font-family: "Montserrat", sans-serif;
            font-size: 12px;
            font-weight: 700;
        }

        .pta-collage__mission-text {
            margin: 0;
            color: var(--jnis-text);
            font-size: 11px;
            line-height: 1.45;
        }

        /* Small reveal animation */
        [data-reveal] {
            opacity: 0;
            transform: translateY(24px);
            transition:
                opacity 760ms ease,
                transform 760ms cubic-bezier(.2, .75, .25, 1);
        }

        [data-reveal].is-visible {
            opacity: 1;
            transform: none;
        }

        .pta-photo[data-reveal] {
            transform: translateY(26px) scale(0.97);
        }

        .pta-photo[data-reveal].is-visible.pta-photo--one {
            transform: rotate(-4deg);
        }

        .pta-photo[data-reveal].is-visible.pta-photo--two {
            transform: rotate(-2deg);
        }

        .pta-photo[data-reveal].is-visible.pta-photo--three {
            transform: rotate(3deg);
        }

        .pta-photo[data-reveal].is-visible.pta-photo--four {
            transform: rotate(-1deg);
        }

        /* =========================
       RESPONSIVE
       ========================= */
        @media (max-width: 1050px) {
            .pta-intro__grid {
                grid-template-columns: 1fr;
            }

            .pta-intro__copy {
                max-width: 780px;
            }

            .pta-collage {
                min-height: 650px;
                max-width: 780px;
                width: 100%;
                margin: 0 auto;
            }
        }

        @media (max-width: 760px) {
            .pta-intro {
                padding-inline: 14px;
            }

            .pta-intro__shell {
                padding: 22px 18px 24px;
                border-radius: 22px;
            }

            .pta-quote {
                padding: 18px 18px 18px 58px;
                border-radius: 10px;
            }

            .pta-intro__text {
                padding-left: 0;
            }

            .pta-collage {
                display: block;
                min-height: 620px;
                padding-top: 8px;
            }

            .pta-collage::before {
                left: 24%;
                right: 11%;
                top: 25%;
                bottom: 4%;
                border-radius: 6px;
                transform: rotate(3deg);
            }

            .pta-collage::after {
                width: 86px;
                height: 72px;
                right: 0;
            }

            .pta-photo,
            .pta-photo--one,
            .pta-photo--two,
            .pta-photo--three,
            .pta-photo--four {
                border-width: 6px;
                border-radius: 15px;
            }

            .pta-photo--one {
                top: 4%;
                left: 6%;
                width: 74%;
                height: 33%;
            }

            .pta-photo--two {
                left: 1%;
                top: 30%;
                width: 44%;
                height: 29%;
            }

            .pta-photo--three {
                right: 1%;
                top: 32%;
                width: 55%;
                height: 28%;
            }

            .pta-photo--four {
                right: 8%;
                bottom: 7%;
                width: 68%;
                height: 36%;
            }

            .pta-photo:hover {
                box-shadow: 0 26px 55px rgba(0, 40, 94, 0.20);
            }

            .pta-collage__seal {
                top: 10%;
                right: 1%;
                width: 86px;
                height: 86px;
                border-width: 6px;
            }

            .pta-collage__mission {
                left: 0;
                bottom: 8%;
                width: min(205px, 48%);
                padding: 15px 14px 15px 64px;
            }

            .pta-collage__mission-icon {
                left: 14px;
                top: 15px;
                width: 38px;
                height: 38px;
            }
        }

        @media (max-width: 480px) {
            .pta-intro__shell {
                padding-inline: 15px;
            }

            .pta-quote__author {
                align-items: flex-start;
                line-height: 1.5;
            }

            .pta-intro__title {
                font-size: clamp(50px, 15vw, 68px);
            }

            .pta-intro__subtitle {
                font-size: clamp(25px, 8vw, 34px);
            }

            .pta-intro__text p {
                line-height: 1.72;
            }

            .pta-collage {
                min-height: 520px;
            }

            .pta-photo {
                border-width: 5px;
                border-radius: 13px;
            }

            .pta-photo::before {
                width: 50px;
                height: 15px;
                top: -10px;
            }

            .pta-collage__seal {
                width: 68px;
                height: 68px;
            }

            .pta-collage__mission {
                width: 52%;
                padding: 12px 12px 12px 52px;
            }

            .pta-collage__mission-icon {
                left: 12px;
                top: 12px;
                width: 31px;
                height: 31px;
                font-size: 13px;
            }

            .pta-collage__mission-title {
                font-size: 10.5px;
            }

            .pta-collage__mission-text {
                font-size: 9.5px;
            }
        }

        /* Special tuning for 1300 × 649 and other short laptop screens */
        @media (min-width: 1060px) and (max-height: 700px) {
            .pta-intro {
                padding-block: 28px;
            }

            .pta-intro__shell {
                padding-block: 28px;
            }

            .pta-intro__grid {
                gap: 42px;
            }

            .pta-quote {
                margin-bottom: 20px;
                padding-block: 16px;
            }

            .pta-quote__text {
                font-size: clamp(16px, 1.18vw, 19px);
            }

            .pta-intro__text p {
                font-size: 13.6px;
                line-height: 1.68;
            }

            .pta-collage {
                min-height: 520px;
            }
        }

        @media (prefers-reduced-motion: reduce) {

            *,
            *::before,
            *::after {
                scroll-behavior: auto !important;
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }

            [data-reveal] {
                opacity: 1;
                transform: none;
            }
        }

        .intro {
            font-size: 2.5rem !important;
        }

        .intro .two {
            font-size: 2.5rem !important;
        }

        @media (max-width: 767px) {
            .pta-intro__copy {
                margin-top: 0;
            }

            .pta-intro__heading {
                margin-bottom: -20px;
                margin-top: 20px;
            }

            .pta-intro__heading .section-title {
                line-height: 1.08;
                margin: 0 0 4px;
            }

            .pta-intro__heading .intro {
                font-size: clamp(1.5rem, 6.8vw, 1.8rem) !important;
                line-height: 1.08;
            }
        }

        .pta-container,
        .pta-committee-shell,
        .pta-intro__shell,
        .mela {
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }

        .anand-mela-section {
            background: transparent;
        }

        .pta-container::before,
        .pta-container::after,
        .pta-committee-shell::before,
        .pta-committee-shell::after {
            opacity: 0.34;
        }

        .pta-content-block {
            background: rgba(255, 255, 255, 0.58);
            border-color: rgba(56, 166, 221, 0.08);
            box-shadow: none;
        }

        .pta-committee-section,
        .pta-intro {
            background:
                radial-gradient(circle at 12% 10%, rgba(56, 166, 221, 0.08), transparent 28%),
                radial-gradient(circle at 88% 82%, rgba(56, 166, 221, 0.06), transparent 24%),
                linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(245, 248, 255, 0.42));
        }

        .mela::before {
            opacity: 0.58;
        }

        .section-wrap {
            background: transparent;
        }