/* ================================================================
   SANGEETACHARYA KANEBUVA FOUNDATION
   MAIN STYLESHEET
================================================================ */


/* ================================================================
   ROOT
================================================================ */

:root {

    --ink: #17130f;
    --paper: #fffdf9;
    --cream: #f5ede2;

    --orange: #c97832;
    --gold: #d9a64e;

    --muted: #756b61;

    --dark: #191411;

    --line: #ded3c6;

    --heritage-bg: #f6f0e4;

    --max: 1240px;

}


/* ================================================================
   RESET
================================================================ */

* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {

    margin: 0;

    background: var(--paper);

    color: var(--ink);

    font-family:
        "Manrope",
        Arial,
        sans-serif;

    line-height: 1.6;

}


img {

    display: block;

    max-width: 100%;

}


a {

    color: inherit;

    text-decoration: none;

}


button {

    font: inherit;

}


/* ================================================================
   CONTAINER
================================================================ */

.wrap {

    width: min(
        calc(100% - 48px),
        var(--max)
    );

    margin: 0 auto;

}


/* ================================================================
   HEADER
================================================================ */

.header {

    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    z-index: 100;

    min-height: 100px;

    background:
        rgba(12, 10, 9, 0.88);

    backdrop-filter: blur(16px);

    color: #fff;

    border-bottom:
        1px solid
        rgba(255,255,255,0.08);

}


.nav {

    position: relative;

    min-height: 100px;

    display: flex;

    align-items: center;

    gap: 20px;

}


.header-logo {

    display: flex;

    align-items: center;

    flex-shrink: 0;

}


.header-logo img {

    width: auto;

    height: 64px;

    max-width: 140px;

    object-fit: contain;

}


.left-logo {
    margin-right: 8px;
}


.right-logo {
    margin-left: 10px;
}


.foundation-name {

    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 280px;

    margin-right: auto;

    color: #fff;

    line-height: 1;

    white-space: nowrap;

}


.foundation-name span {

    display: block;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 30px;

    font-weight: 700;

}


.foundation-name strong {

    display: block;

    margin-top: 7px;

    color: var(--gold);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;

    text-transform: uppercase;

}


/* ================================================================
   NAVIGATION
================================================================ */

.header nav {

    display: flex;

    align-items: center;

    gap: 22px;

    font-size: 12px;

}


.header nav a {

    display: block;

    white-space: nowrap;

    opacity: .85;

    transition:
        color .25s ease,
        opacity .25s ease;

}


.header nav a:hover {

    color: var(--gold);

    opacity: 1;

}


.header nav .donate {

    padding: 10px 16px;

    border:
        1px solid
        rgba(224,174,104,.55);

    border-radius: 99px;

    opacity: 1;

}


.header nav .donate:hover {

    background: var(--gold);

    color: var(--ink);

}


/* ================================================================
   HAMBURGER
================================================================ */

.hamb {

    display: none;

    width: 44px;

    height: 44px;

    padding: 8px;

    border: 0;

    background: transparent;

    cursor: pointer;

}


.hamb i {

    display: block;

    width: 26px;

    height: 2px;

    margin: 5px auto;

    background: #fff;

    transition:
        transform .25s ease,
        opacity .25s ease;

}


.hamb.active i:nth-child(1) {

    transform:
        translateY(7px)
        rotate(45deg);

}


.hamb.active i:nth-child(2) {

    opacity: 0;

}


.hamb.active i:nth-child(3) {

    transform:
        translateY(-7px)
        rotate(-45deg);

}


/* ================================================================
   HERO
================================================================ */

.hero {

    position: relative;

    min-height: 100svh;

    height: 100svh;

    display: flex;

    align-items: center;

    overflow: hidden;

    color: #fff;

}


.hero video {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.shade {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(
            90deg,
            rgba(9,7,5,.86),
            rgba(9,7,5,.46) 50%,
            rgba(9,7,5,.10)
        ),

        linear-gradient(
            0deg,
            rgba(9,7,5,.65),
            transparent 60%
        );

}


.heroText {

    position: relative;

    z-index: 2;

    width: min(
        760px,
        calc(100% - 48px)
    );

    margin-left:
        max(
            24px,
            calc(
                (100vw - var(--max)) / 2
            )
        );

    padding-top: 70px;

}


.heroText h3 {

    margin: 0 0 14px;

    color: var(--gold);

    font-size: clamp(20px, 1.7vw, 26px);

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 1.2px;

    text-transform: uppercase;

}


.heroText h1 {

    margin: 0 0 12px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            60px,
            8vw,
            110px
        );

    font-weight: 600;

    line-height: .82;

}


.heroText h1 em {

    color: var(--gold);

    font-style: italic;

}


.heroText h4 {

    margin: 0 0 24px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            24px,
            3vw,
            38px
        );

    font-weight: 500;

}


.heroText p {

    max-width: 570px;

    margin: 0;

    color:
        rgba(
            255,
            251,
            208,
            .78
        );

    font-size: 15px;

}


.actions {

    display: flex;

    gap: 12px;

    margin-top: 32px;

}


.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 14px 20px;

    border: 1px solid transparent;

    border-radius: 99px;

    font-size: 11px;

    font-weight: 700;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;

}


.btn:hover {

    transform:
        translateY(-2px);

}


.primary {

    background: #d9924d;

    color: #17110c;

}


.ghost {

    border-color:
        rgba(255,255,255,.4);

    color: #fff;

}


.lightbtn {

    background: #f5eee4;

    color: #17130f;

}


/* ================================================================
   SCROLL
================================================================ */

.scroll {

    position: absolute;

    right: 30px;

    bottom: 30px;

    z-index: 3;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 10px;

    color: #fff;

    font-size: 9px;

    letter-spacing: 2px;

}


.scroll span {

    width: 1px;

    height: 55px;

    background: var(--gold);

}


/* ================================================================
   TICKER
================================================================ */

.ticker {

    min-height: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 28px;

    padding: 8px 20px;

    overflow: hidden;

    background: #b96b31;

    color: #fff;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 18px;

}

.ticker .music-separator {

    color: #fff2df;

    font-family: Georgia, serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 1;

    transform: translateY(-1px);

}

/* ================================================================
   STORY + HERITAGE
================================================================ */

.story-heritage {

    position: relative;

    /*
     * REDUCED FROM 88px 0 96px
     * This is what removes the excessive blank space.
     */
    padding: 78px 0 28px;

    background:

        radial-gradient(
            circle at 8% 20%,
            rgba(198,151,35,.055),
            transparent 28%
        ),

        radial-gradient(
            circle at 92% 80%,
            rgba(198,151,35,.045),
            transparent 28%
        ),

        var(--heritage-bg);

    overflow: hidden;

}


.story-heritage .wrap {

    max-width: 1120px;

}


.story-heritage-grid {

    display: grid;

    grid-template-columns:
        minmax(0,.88fr)
        55px
        minmax(0,1fr);

    gap: 34px;

}


/* ================================================================
   SECTION LABEL
================================================================ */

.section-label {

    display: flex;

    align-items: center;

    gap: 11px;

    color: #806b53;

    font-size: 10px;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.section-label i {

    width: 36px;

    height: 1px;

    background: #c79527;

}


/* ================================================================
   STORY
================================================================ */

.story-panel {

    padding-right: 10px;

}


.story-panel h2,
.heritage-panel h2 {

    margin: 18px 0 0;

    color: #3d2415;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            38px,
            3.4vw,
            50px
        );

    font-weight: 500;

    line-height: 1.02;

}


.story-panel h2 em,
.heritage-panel h2 em {

    display: block;

    color: #a87308;

    font-style: italic;

}


.ornament {

    display: flex;

    align-items: center;

    gap: 10px;

    width: 115px;

    margin: 18px 0 22px;

}


.ornament span {

    flex: 1;

    height: 1px;

    background: #c79527;

}


.ornament i {

    color: #b47b08;

    font-size: 11px;

    font-style: normal;

}


.story-panel p {

    max-width: 470px;

    margin: 0 0 14px;

    color: #705b45;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    line-height: 1.65;

}


.story-panel .story-lead {

    color: #4e3827;

    font-size: 16px;

    line-height: 1.55;

}


.story-button {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    min-width: 190px;

    margin-top: 5px;

    padding: 10px 15px;

    border: 1px solid #bc8618;

    color: #704a10;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;

}


.story-button:hover {

    background: #bc8618;

    color: #fff;

    transform:
        translateY(-2px);

}


.story-button strong {

    font-size: 18px;

    font-weight: 400;

}


.story-note {

    display: flex;

    gap: 10px;

    max-width: 300px;

    margin-top: 22px;

    padding-top: 12px;

    border-top:
        1px solid
        rgba(173,127,32,.25);

}


.story-note > span {

    flex: 0 0 auto;

    width: 6px;

    height: 6px;

    margin-top: 7px;

    border-radius: 50%;

    background: #b9820c;

}


.story-note p {

    margin: 0;

    color: #9a7a4d;

    font-size: 12px;

    line-height: 1.45;

    font-style: italic;

}


/* ================================================================
   DIVIDER
================================================================ */

.heritage-divider {

    display: flex;

    flex-direction: column;

    align-items: center;

    min-height: 100%;

}


.divider-top,
.divider-bottom {

    width: 7px;

    height: 7px;

    border:
        1px solid
        #b98518;

    transform:
        rotate(45deg);

}


.divider-line {

    flex: 1;

    width: 1px;

    margin: 8px 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(184,133,24,.6),
            transparent
        );

}


.divider-diamond {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    border:
        1px solid
        #bd8a1d;

    background: var(--heritage-bg);

    transform:
        rotate(45deg);

}


.divider-diamond span {

    color: #b77e0d;

    font-size: 13px;

    transform:
        rotate(-45deg);

}


/* ================================================================
   HERITAGE
================================================================ */

.heritage-heading {

    max-width: 520px;

    margin-bottom: 24px;

}


.heritage-heading h2 {

    font-size:
        clamp(
            36px,
            3vw,
            46px
        );

}


.heritage-heading p {

    max-width: 480px;

    margin: 13px 0 0;

    color: #806b53;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;

    line-height: 1.5;

}


/* ================================================================
   TIMELINE
================================================================ */

.heritage-timeline {

    position: relative;

    padding-left: 29px;

}


.heritage-timeline::before {

    content: "";

    position: absolute;

    top: 6px;

    bottom: 6px;

    left: 5px;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #c28b18 5%,
            #c28b18 95%,
            transparent
        );

}


.heritage-item {

    position: relative;

    padding-bottom: 16px;

    transition:
        transform .25s ease;

}


.heritage-item:last-child {

    padding-bottom: 0;

}


.heritage-item:hover {

    transform:
        translateX(4px);

}


.heritage-dot {

    position: absolute;

    left: -29px;

    top: 3px;

    width: 12px;

    height: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #c18a15;

    box-shadow:
        0 0 0 4px var(--heritage-bg),
        0 0 0 5px rgba(193,138,21,.22);

}


.heritage-dot span {

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: #f9f3e7;

}


.heritage-year {

    display: block;

    margin-bottom: 2px;

    color: #b17805;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;

    font-weight: 700;

}


.heritage-content {

    padding-bottom: 11px;

    border-bottom:
        1px dashed
        rgba(174,126,27,.25);

}


.heritage-item:last-child
.heritage-content {

    border-bottom: 0;

}


.heritage-content h3 {

    margin: 0 0 3px;

    color: #4a2b18;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

    line-height: 1.22;

}


.heritage-content p {

    max-width: 480px;

    margin: 0;

    color: #7c654d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;

    line-height: 1.45;

}


/* ================================================================
   PHOTO CAROUSEL
================================================================ */

.photo-carousel-section {

    /*
     * VERY IMPORTANT:
     * Small top padding connects the carousel to Heritage.
     */
    padding: 16px 0 52px;

    background: var(--heritage-bg);

}


.carousel-heading {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 16px;

    color: #8a6b39;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;

}


.carousel-heading i {

    width: 35px;

    height: 1px;

    background: #c79527;

}


/* ================================================================
   CAROUSEL
================================================================ */

.photo-carousel {

    position: relative;

    width: min(
        980px,
        100%
    );

    /*
     * Reduced slightly so it feels like a small
     * photographic strip rather than another hero.
     */
    height: 235px;

    margin: 0 auto;

    overflow: hidden;

    background: #2c2119;

    border-radius: 2px;

    box-shadow:
        0 12px 32px
        rgba(60,38,20,.12);

}


.carousel-track {

    display: flex;

    width: 100%;

    height: 100%;

    transition:
        transform .8s
        cubic-bezier(
            .77,
            0,
            .18,
            1
        );

}


.carousel-slide {

    flex: 0 0 100%;

    width: 100%;

    height: 100%;

}


.carousel-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}


.photo-carousel::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(20,12,7,.15),
            transparent 35%,
            transparent 65%,
            rgba(20,12,7,.15)
        );

}


/* ================================================================
   CAROUSEL ARROWS
================================================================ */

.carousel-arrow {

    position: absolute;

    top: 50%;

    z-index: 5;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border:
        1px solid
        rgba(255,255,255,.55);

    border-radius: 50%;

    background:
        rgba(35,23,14,.35);

    color: #fff;

    font-size: 15px;

    cursor: pointer;

    transform:
        translateY(-50%);

    backdrop-filter:
        blur(4px);

}


.carousel-arrow:hover {

    background:
        rgba(35,23,14,.7);

    border-color: #fff;

}


.carousel-prev {

    left: 16px;

}


.carousel-next {

    right: 16px;

}


/* ================================================================
   CAROUSEL DOTS
================================================================ */

.carousel-dots {

    position: absolute;

    left: 50%;

    bottom: 13px;

    z-index: 5;

    display: flex;

    align-items: center;

    gap: 7px;

    transform:
        translateX(-50%);

}


.carousel-dot {

    width: 6px;

    height: 6px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(255,255,255,.55);

    cursor: pointer;

}


.carousel-dot.active {

    width: 20px;

    border-radius: 10px;

    background: #fff;

}


.carousel-empty {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 160px;

    background: #eee5d8;

}


.carousel-empty p {

    margin: 0;

}


/* ================================================================
   IN FOCUS
================================================================ */

.dark {

    padding: 100px 0;

    background: var(--dark);

    color: #fff;

}


.focus {

    display: grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap: 65px;

    align-items: center;

}


.focus h2 {

    margin: 26px 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            58px,
            7vw,
            94px
        );

    font-weight: 500;

    line-height: .9;

}


.focus h2 em {

    color: var(--gold);

}


.focus p {

    max-width: 450px;

    margin-bottom: 26px;

    color: #b9aea2;

}


.focus figure {

    position: relative;

    margin: 0;

}


.focus figure img {

    width: 100%;

    height: 500px;

    object-fit: cover;

}


.focus figcaption {

    position: absolute;

    left: 18px;

    bottom: 18px;

    padding: 9px 12px;

    background:
        rgba(23,18,15,.85);

    font-size: 9px;

    letter-spacing: 1px;

}


/* ================================================================
   GENERAL SECTIONS
================================================================ */

.section {

    padding: 100px 0;

}


.head {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 40px;

}


.label {

    display: flex;

    align-items: center;

    gap: 11px;

    color: var(--muted);

    font-size: 10px;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.label i {

    width: 36px;

    height: 1px;

    background: var(--gold);

}


.section h2 {

    margin: 15px 0 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            48px,
            6vw,
            78px
        );

    font-weight: 500;

    line-height: .92;

}


.section h2 em {

    color: var(--orange);

}


/* ================================================================
   EVENTS
================================================================ */

.cards {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 22px;

}


.cards article {

    background: var(--cream);

    border:
        1px solid
        var(--line);

}


.cardimg {

    position: relative;

    aspect-ratio: 1.4;

    overflow: hidden;

}


.cardimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.cards article:hover
.cardimg img {

    transform:
        scale(1.04);

}


.cardimg span {

    position: absolute;

    top: 13px;

    left: 13px;

    padding: 6px 9px;

    background: #fff;

    font-size: 8px;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.cardbody {

    padding: 22px;

}


.cardbody small {

    color: var(--orange);

    font-size: 8px;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.cardbody h3 {

    margin: 10px 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 29px;

    line-height: 1;

}


.cardbody p {

    color: var(--muted);

    font-size: 13px;

}


.cardbody a {

    color: var(--orange);

    font-size: 10px;

    font-weight: 700;

}


/* ================================================================
   QUOTE
================================================================ */

.quote {

    padding: 105px 0;

    background: #e9dac6;

    text-align: center;

}


.quote b {

    color: var(--orange);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 95px;

    line-height: .5;

}


blockquote {

    margin: 25px 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            38px,
            5vw,
            64px
        );

    font-weight: 500;

    line-height: .98;

}


blockquote em {

    color: var(--orange);

}


.quote small {

    color: #806e5d;

    font-size: 9px;

    letter-spacing: 2px;

    text-transform: uppercase;

}


/* ================================================================
   GALLERY
================================================================ */

.masonry {

    display: grid;

    grid-template-columns:
        1.15fr
        .85fr
        .85fr;

    grid-template-rows:
        250px
        250px;

    gap: 12px;

}


.masonry > a {

    position: relative;

    overflow: hidden;

    background: #ddd;

}


.masonry img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.masonry > a:hover img {

    transform:
        scale(1.05);

}


.masonry > a::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(0,0,0,.7),
            transparent 60%
        );

}


.masonry div {

    position: absolute;

    left: 17px;

    bottom: 16px;

    z-index: 2;

    color: #fff;

}


.masonry small {

    display: block;

    color: var(--gold);

    font-size: 8px;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.masonry strong {

    display: block;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 25px;

    font-weight: 500;

}


.g1 {

    grid-row:
        span 2;

}


/* ================================================================
   CTA
================================================================ */

.cta {

    padding: 90px 0;

    background: var(--dark);

    color: #fff;

}


.cta .wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}


.cta label {

    color: var(--gold);

    font-size: 9px;

    letter-spacing: 3px;

    font-weight: 700;

}


.cta h2 {

    margin: 15px 0 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            50px,
            6vw,
            80px
        );

    line-height: .9;

}


.cta h2 em {

    color: var(--gold);

}


/* ================================================================
   FOOTER
================================================================ */

.footer {

    padding: 60px 0 20px;

    background: #0f0d0b;

    color: #bdb3a8;

}


.footgrid {

    display: grid;

    grid-template-columns:
        2fr
        1fr
        1fr;

    gap: 50px;

    padding-bottom: 45px;

}


.footer p {

    max-width: 390px;

}


.footer h4 {

    color: #fff;

    font-size: 10px;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.footer > div a:not(.logo) {

    display: block;

    margin: 8px 0;

    font-size: 11px;

}


.footbottom {

    display: flex;

    justify-content: space-between;

    gap: 20px;

    padding-top: 16px;

    border-top:
        1px solid
        rgba(255,255,255,.08);

    font-size: 8px;

    letter-spacing: 1px;

    text-transform: uppercase;

}


/* ================================================================
   EMPTY
================================================================ */

.empty {

    padding: 50px;

    background: var(--cream);

    border:
        1px solid
        var(--line);

    text-align: center;

}


/* ================================================================
   PAGE HERO
================================================================ */

.pagehero {

    min-height: 58vh;

    display: flex;

    align-items: flex-end;

    padding: 170px 0 90px;

    background:
        linear-gradient(
            110deg,
            #1b1511,
            #704020,
            #b16c36
        );

    color: #fff;

}


.pagehero h1 {

    margin: 20px 0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            65px,
            9vw,
            120px
        );

    font-weight: 600;

    line-height: .82;

}


.pagehero p {

    max-width: 600px;

    color: #e3d4c4;

}


/* ================================================================
   CONTACT
================================================================ */

.contact {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 70px;

}


.contact form {

    display: flex;

    flex-direction: column;

    gap: 12px;

}


.contact input,
.contact textarea {

    padding: 14px;

    background: #faf7f1;

    border:
        1px solid
        var(--line);

    outline: none;

    font-size: 12px;

}


.contact input:focus,
.contact textarea:focus {

    border-color:
        var(--orange);

}


.contact button {

    align-self: flex-start;

    border: 0;

    cursor: pointer;

}


/* ================================================================
   TABLET
================================================================ */

@media (max-width: 1100px) {

    .header-logo img {

        height: 55px;

        max-width: 115px;

    }


    .foundation-name {

        min-width: 220px;

    }


    .foundation-name span {

        font-size: 25px;

    }


    .header nav {

        gap: 14px;

    }

}


/* ================================================================
   TABLET / MOBILE NAV
================================================================ */

@media (max-width: 900px) {

    .wrap {

        width:
            calc(100% - 32px);

    }


    .header {

        min-height: 82px;

    }


    .nav {

        min-height: 82px;

    }


    .hamb {

        display: block;

        margin-left: auto;

    }


    .right-logo {

        display: none;

    }


    .header nav {

        position: absolute;

        top: 82px;

        left: 16px;

        right: 16px;

        display: none;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        padding: 14px;

        background:
            rgba(23,18,15,.98);

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

        border-radius:
            0 0 14px 14px;

    }


    .header nav.open {

        display: flex;

    }


    .header nav a {

        width: 100%;

        padding: 14px 12px;

        color: #fff;

        opacity: 1;

        border-radius: 8px;

    }


    .header nav a:hover {

        background:
            rgba(224,174,104,.1);

        color: var(--gold);

    }


    .header nav .donate {

        width: 100%;

        margin-top: 8px;

        text-align: center;

    }


    .story-heritage-grid {

        grid-template-columns:
            minmax(0,.9fr)
            35px
            minmax(0,1fr);

        gap: 24px;

    }


    .focus {

        grid-template-columns:
            1fr;

        gap: 45px;

    }


    .cards {

        grid-template-columns:
            repeat(2,1fr);

    }


    .masonry {

        grid-template-columns:
            repeat(2,1fr);

        grid-template-rows:
            220px
            220px
            220px;

    }


    .g1 {

        grid-row:
            span 2;

    }

}


/* ================================================================
   MOBILE
================================================================ */

@media (max-width: 700px) {

    .wrap {

        width:
            calc(100% - 24px);

    }


    .header {

        min-height: 74px;

    }


    .nav {

        min-height: 74px;

        gap: 8px;

    }


    .header-logo img {

        height: 44px;

        max-width: 75px;

    }


    .foundation-name {

        min-width: 0;

        flex: 1;

    }


    .foundation-name span {

        font-size: 18px;

    }


    .foundation-name strong {

        margin-top: 4px;

        font-size: 6px;

        letter-spacing: 1.4px;

    }


    .header nav {

        top: 74px;

        left: 12px;

        right: 12px;

    }


    /* HERO */

    .hero {

        min-height: 100svh;

    }


    .heroText {

        width:
            calc(100% - 32px);

        margin: 0 16px;

        padding-top: 50px;

    }


    .heroText h3 {

        font-size: 17px;

        letter-spacing: .8px;

    }


    .heroText h1 {

        font-size: 58px;

    }


    .heroText h4 {

        font-size: 25px;

    }


    .heroText p {

        font-size: 13px;

    }


    .actions {

        flex-direction: column;

        align-items: flex-start;

    }


    .scroll {

        display: none;

    }


    /* TICKER */

    .ticker {

        justify-content: flex-start;

        gap: 14px;

        padding:
            0 14px;

        white-space: nowrap;

        overflow: hidden;

        font-size: 15px;

    }


    /* STORY */

    .story-heritage {

        padding:
            60px 0 20px;

    }


    .story-heritage-grid {

        display: block;

    }


    .story-panel {

        padding: 0;

    }


    .story-panel h2,
    .heritage-panel h2 {

        font-size: 36px;

    }


    .story-panel .story-lead {

        font-size: 16px;

    }


    /* DIVIDER */

    .heritage-divider {

        position: relative;

        display: flex;

        flex-direction: row;

        width: 100%;

        height: 38px;

        min-height: 38px;

        margin: 34px 0;

    }


    .divider-top,
    .divider-bottom {

        display: none;

    }


    .divider-line {

        width: 100%;

        height: 1px;

        margin: 0;

        background:
            linear-gradient(
                to right,
                transparent,
                rgba(184,133,24,.6),
                transparent
            );

    }


    .divider-diamond {

        position: absolute;

        left: 50%;

        width: 36px;

        height: 36px;

        transform:
            translateX(-50%)
            rotate(45deg);

    }


    /* TIMELINE */

    .heritage-heading {

        margin-bottom: 24px;

    }


    .heritage-timeline {

        padding-left: 28px;

    }


    .heritage-dot {

        left: -28px;

    }


    /* CAROUSEL */

    .photo-carousel-section {

        padding:
            10px 0 42px;

    }


    .carousel-heading {

        margin-bottom: 12px;

    }


    .photo-carousel {

        height: 190px;

    }


    .carousel-arrow {

        width: 32px;

        height: 32px;

        font-size: 13px;

    }


    .carousel-prev {

        left: 10px;

    }


    .carousel-next {

        right: 10px;

    }


    /* FOCUS */

    .dark {

        padding:
            75px 0;

    }


    .focus h2 {

        font-size: 58px;

    }


    .focus figure img {

        height: 400px;

    }


    /* SECTIONS */

    .section {

        padding:
            75px 0;

    }


    .head {

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

        margin-bottom: 30px;

    }


    .section h2 {

        font-size: 50px;

    }


    /* EVENTS */

    .cards {

        grid-template-columns:
            1fr;

    }


    /* GALLERY */

    .masonry {

        grid-template-columns:
            1fr;

        grid-template-rows:
            repeat(6,230px);

    }


    .g1 {

        grid-row: auto;

    }


    /* QUOTE */

    .quote {

        padding:
            90px 0;

    }


    blockquote {

        font-size: 38px;

    }


    /* CTA */

    .cta {

        padding:
            75px 0;

    }


    .cta .wrap {

        flex-direction: column;

        align-items: flex-start;

    }


    /* FOOTER */

    .footgrid {

        grid-template-columns:
            1fr 1fr;

        gap: 30px;

    }


    .footgrid > div:first-child {

        grid-column:
            1 / -1;

    }


    .footbottom {

        flex-direction: column;

        gap: 8px;

    }


    /* CONTACT */

    .contact {

        grid-template-columns:
            1fr;

        gap: 40px;

    }


    /* PAGE HERO */

    .pagehero {

        min-height: 55vh;

        padding-top: 140px;

    }

}

/* Events archive column layout (kept last to win the cascade). */
.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 22px}.event-card-image{height:310px}.event-card-copy{padding:27px 28px 30px}.event-card-copy h2{font-size:36px}.event-card-copy p{min-height:70px}
@media(max-width:980px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card-image{height:320px}.event-card-copy p{min-height:48px}}
@media(max-width:680px){.events-grid{grid-template-columns:1fr}.event-card-image{height:300px}.event-card-copy p{min-height:0}}

/* Initiatives */
.initiatives-grid,.workshops-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.initiative-card-image,.workshop-card-image{display:grid;place-items:center;height:285px}
.initiative-card-image:after,.workshop-card-image:after{pointer-events:none}
.initiative-card-image>.initiative-image-placeholder,.workshop-card-image>.workshop-image-placeholder{position:static;z-index:1;padding:0;background:transparent;color:#dc965b;font:500 76px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0;text-transform:none}
.initiative-card .event-card-copy p,.workshop-card .event-card-copy p{min-height:0;white-space:normal}
.initiative-detail-placeholder,.workshop-detail-placeholder{display:grid;width:100%;min-height:470px;place-items:center;background:#1a1410;color:#dc965b;font:500 110px/1 'Cormorant Garamond',Georgia,serif}
@media(max-width:980px){.initiatives-grid,.workshops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.initiatives-grid,.workshops-grid{grid-template-columns:1fr}.initiative-card-image,.workshop-card-image{height:280px}}

/* Compact event and initiative cards */
.events-listing .event-card-image{height:265px}
.events-listing .event-card-copy{padding:22px 24px 24px}
.events-listing .event-card-copy h2{margin:8px 0 9px;font-size:32px;line-height:1.02}
.events-listing .event-card-copy p{display:-webkit-box;overflow:hidden;min-height:0;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:12px;line-height:1.65}
.events-listing .event-card-link{margin-top:17px}
@media(max-width:680px){.events-listing .event-card-image{height:245px}.events-listing .event-card-copy{padding:20px 21px 22px}}

/* Visits — a photographic archive rather than event cards */
.visits-gallery-section{padding:34px 0 100px;background:#f8f3eb}
.visits-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visit-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#1b1410;cursor:zoom-in}
.visit-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .45s ease}
.visit-photo:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(18,10,7,.9));opacity:0;transition:opacity .35s ease}
.visit-photo-caption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:28px;color:#fff;transform:translateY(18px);opacity:0;transition:opacity .35s ease,transform .35s ease}
.visit-photo-caption small{display:block;margin-bottom:7px;color:#e3a05b;font:700 10px/1.2 'Manrope',sans-serif;letter-spacing:2px;text-transform:uppercase}
.visit-photo-caption strong{display:block;font:600 clamp(25px,2.3vw,37px)/1.02 'Cormorant Garamond',serif}
.visit-photo-caption em{display:block;margin-top:8px;color:#eadfd5;font:400 12px/1.55 'Manrope',sans-serif;font-style:normal}
.visit-photo:hover>img,.visit-photo:focus-visible>img{transform:scale(1.045);filter:brightness(.78)}
.visit-photo:hover:after,.visit-photo:focus-visible:after,.visit-photo:hover .visit-photo-caption,.visit-photo:focus-visible .visit-photo-caption{opacity:1}
.visit-photo:hover .visit-photo-caption,.visit-photo:focus-visible .visit-photo-caption{transform:none}
@media(max-width:900px){.visits-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-photo:after{opacity:1}.visit-photo-caption{opacity:1;transform:none}}
@media(max-width:560px){.visits-gallery-section{padding:20px 0 65px}.visits-photo-grid{grid-template-columns:1fr;gap:14px}.visit-photo{aspect-ratio:5/6}.visit-photo-caption{padding:22px}}

/* Preserve the complete cover image inside the fixed detail-page frame */
.event-hero .event-hero-grid>img{display:block;width:100%;height:520px;object-fit:contain;object-position:center;background:#eee3d5}
@media(max-width:900px){.event-hero .event-hero-grid>img{height:420px}}
@media(max-width:560px){.event-hero .event-hero-grid>img{height:300px}}

/* Homepage Foundation title hierarchy */
.heroText .hero-foundation-name{font-size:clamp(31px,2.6vw,44px);line-height:1.08;letter-spacing:1px}
@media(max-width:600px){.heroText .hero-foundation-name{font-size:clamp(24px,7vw,30px);line-height:1.12}}

/* Homepage archive captions appear on hover or keyboard focus */
.masonry>a>div{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}
.masonry>a:hover>div,.masonry>a:focus-visible>div{opacity:1;transform:translateY(0)}
.masonry>a:focus-visible{outline:3px solid #dc965b;outline-offset:3px}
@media(hover:none){.masonry>a>div{opacity:1;transform:none}}

/* High-contrast captions for Moments in Music */
.masonry>a>div{left:0;right:0;bottom:0;padding:72px 19px 18px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.68) 48%,transparent 100%);color:#fff}
.masonry>a>div strong{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.masonry>a>div small{color:#f2b76f}

/* Videos */
.videos-masthead{background:radial-gradient(circle at 82% 30%,rgba(203,120,50,.24),transparent 30%),linear-gradient(120deg,#120e0c 0%,#2b1c15 58%,#743c1e 130%)}
.videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-card-image .video-play{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#b85f2c;font-size:25px;font-style:normal;box-shadow:0 12px 30px rgba(0,0,0,.28);transform:translate(-50%,-50%);transition:transform .25s ease,background .25s ease}
.video-card:hover .video-play{background:#dc965b;color:#fff;transform:translate(-50%,-50%) scale(1.08)}
.video-card .event-card-copy p{min-height:0}
@media(max-width:980px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.videos-grid{grid-template-columns:1fr}.video-card-image .video-play{width:58px;height:58px;font-size:21px}}

/* Student pathway on the Contact page */
.support-page .support-hero h1{max-width:900px;white-space:normal;font-size:clamp(54px,6.3vw,92px)}
.support-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.support-hero-actions .btn{margin:0}
.support-hero-actions .outline{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.04);color:#fff}
.student-invitation{padding:85px 0;background:#ead7be}
.student-invitation-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}
.student-invitation h2{margin:18px 0 0;font:600 clamp(52px,6vw,80px)/.88 'Cormorant Garamond',serif;letter-spacing:-1px}
.student-invitation h2 em{display:block;color:#a95828}
.student-invitation-copy{padding-left:38px;border-left:1px solid rgba(89,52,28,.25)}
.student-invitation-copy p{max-width:700px;margin:0 0 14px;color:#584336;font-size:14px;line-height:1.8}
.student-invitation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px}
.student-call-link{color:#783f21;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.support-message form select{width:100%;padding:14px;background:#faf7f1;border:1px solid var(--line);outline:none;font:12px Manrope,Arial,sans-serif;color:#30251f}
.support-message form select:focus{border-color:var(--orange)}
@media(max-width:980px){.student-invitation-grid{grid-template-columns:1fr;gap:42px}.student-invitation-copy{padding-left:0;padding-top:28px;border-left:0;border-top:1px solid rgba(89,52,28,.25)}}
@media(max-width:620px){.support-page .support-hero h1{font-size:clamp(43px,12vw,58px)}.student-invitation{padding:58px 0}.support-hero-actions,.student-invitation-actions{align-items:stretch;flex-direction:column}.support-hero-actions .btn,.student-invitation-actions .btn{text-align:center}.student-call-link{text-align:center}}

/* Videos */
.videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.video-card-image:after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.38));opacity:1}
.video-card-image .video-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:66px;height:66px;place-items:center;padding-left:4px;border-radius:50%;background:rgba(190,105,47,.94);color:#fff;font-size:24px;font-style:normal;transform:translate(-50%,-50%);box-shadow:0 12px 32px rgba(0,0,0,.28);transition:transform .25s ease,background .25s ease}
.video-card:hover .video-play{background:#d88442;transform:translate(-50%,-50%) scale(1.08)}
.video-card-image img{object-position:center}
@media(max-width:980px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.videos-grid{grid-template-columns:1fr}.video-card-image .video-play{width:58px;height:58px;font-size:21px}}

/* Homepage carousel original-image viewer */
.image-lightbox{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;padding:46px;background:rgba(9,6,4,.96)}.image-lightbox.open{display:flex}.lightbox-overlay{position:absolute;inset:0}.lightbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.lightbox-image-wrap{display:flex;align-items:center;justify-content:center;max-width:calc(100vw - 150px);max-height:calc(100vh - 90px)}.lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 90px);width:auto;height:auto;object-fit:contain}.image-lightbox button{position:absolute;z-index:2;border:0;color:#fff;background:rgba(255,255,255,.1);cursor:pointer}.lightbox-close{top:-25px;right:-22px;width:46px;height:46px;border-radius:50%;font-size:27px}.lightbox-prev,.lightbox-next{top:50%;width:48px;height:64px;transform:translateY(-50%);font-size:28px}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-counter{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);color:#cdbfb5;font-size:10px;letter-spacing:2px}.lightbox-active{overflow:hidden}.carousel-slide img{cursor:zoom-in}
@media(max-width:680px){.image-lightbox{padding:15px}.lightbox-image-wrap{max-width:calc(100vw - 30px)}.lightbox-prev,.lightbox-next{top:auto;bottom:-2px;height:44px;transform:none}.lightbox-counter{bottom:8px}.lightbox-close{top:0;right:0}}

/* Five-up homepage carousel with every image filling its frame. */
.photo-carousel-section .wrap{width:min(calc(100% - 48px),1500px)}
.photo-carousel-section .photo-carousel{width:100%;max-width:none;height:390px;background:#e9dfd2}
.carousel-track{gap:0}.carousel-slide{flex:0 0 20%;width:20%;padding:12px 6px}.carousel-slide:first-child{padding-left:12px}.carousel-slide:last-child{padding-right:12px}.carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center;background:#e9dfd2;box-shadow:0 5px 18px rgba(38,24,15,.14)}.photo-carousel:after{background:linear-gradient(90deg,rgba(20,12,7,.08),transparent 9%,transparent 91%,rgba(20,12,7,.08))}.carousel-arrow{z-index:4}.carousel-dots{z-index:4}
@media(max-width:900px){.photo-carousel-section .wrap{width:calc(100% - 32px)}.carousel-slide{flex-basis:50%;width:50%}.photo-carousel-section .photo-carousel{height:340px}}
@media(max-width:620px){.photo-carousel-section .wrap{width:calc(100% - 24px)}.carousel-slide{flex-basis:100%;width:100%;padding:10px}.photo-carousel-section .photo-carousel{height:310px}}
@media(max-width:420px){.photo-carousel-section .photo-carousel{height:280px}}

/* About page: admin-managed Pratishthan activity highlights. */
.about-highlights{padding:76px 0 86px;background:#eadbc8;color:#201712}.about-highlights-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,410px);gap:50px;align-items:end}.about-highlights-head h2{max-width:780px;margin:18px 0 0;font:500 clamp(48px,6vw,78px)/.92 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.5px}.about-highlights-head h2 em{color:#bd6d31;font-weight:500}.about-highlights-head>p{margin:0 0 5px;color:#6e5d50;font-size:13px;line-height:1.75}.about-activity-carousel{height:360px;margin-top:38px;background:#dcc7ad}.about-activity-carousel .highlight-slide{position:relative;overflow:hidden}.about-activity-carousel .highlight-slide:after{content:"";position:absolute;z-index:1;left:6px;right:6px;bottom:12px;height:58%;pointer-events:none;background:linear-gradient(transparent,rgba(15,9,6,.86));opacity:0;transition:opacity .3s}.about-activity-carousel .highlight-slide-title{position:absolute;z-index:2;left:29px;right:29px;bottom:34px;color:#fff;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.about-activity-carousel .highlight-slide-title small{display:block;margin-bottom:5px;color:#e6a064;font-size:8px;letter-spacing:2px;text-transform:uppercase}.about-activity-carousel .highlight-slide-title strong{display:block;font:600 25px/1.05 'Cormorant Garamond',Georgia,serif;text-shadow:0 1px 5px rgba(0,0,0,.5)}.about-activity-carousel .highlight-slide:hover:after{opacity:1}.about-activity-carousel .highlight-slide:hover .highlight-slide-title{opacity:1;transform:none}.about-highlights-empty{margin-top:34px;padding:48px;border:1px solid rgba(104,71,48,.25);text-align:center;color:#705f52}.lightbox-title{position:absolute;z-index:3;left:50%;bottom:34px;max-width:min(720px,75vw);transform:translateX(-50%);padding:10px 18px;background:rgba(20,13,9,.8);color:#fff;font:600 22px/1.15 'Cormorant Garamond',Georgia,serif;text-align:center}.image-lightbox .lightbox-counter{bottom:10px}
@media(max-width:900px){.about-highlights{padding:60px 0 68px}.about-highlights-head{grid-template-columns:1fr;gap:18px}.about-highlights-head>p{max-width:620px}.about-activity-carousel{height:310px;margin-top:28px}}
@media(max-width:620px){.about-highlights{padding:48px 0 54px}.about-highlights-head h2{font-size:45px}.about-activity-carousel{height:290px}.about-activity-carousel .highlight-slide:after{left:10px;right:10px;bottom:10px;opacity:1}.about-activity-carousel .highlight-slide-title{left:30px;right:30px;bottom:31px;opacity:1;transform:none}.lightbox-title{bottom:62px;max-width:calc(100vw - 100px);font-size:18px}.image-lightbox .lightbox-counter{bottom:18px}}

/* Five-up Pratishthan highlights carousel. */
.about-highlights-head{display:block}.about-highlights-head h2{max-width:none;white-space:nowrap;font-size:clamp(22px,5vw,72px)}.about-activity-carousel{width:100%;max-width:none;height:300px}.about-activity-carousel .carousel-slide{flex-basis:20%;width:20%}.about-activity-carousel .carousel-prev,.about-activity-carousel .carousel-next{display:grid;place-items:center;background:rgba(30,20,14,.82);color:#fff;border:1px solid rgba(255,255,255,.55)}
@media(max-width:900px){.about-highlights-head h2{font-size:clamp(27px,6vw,52px)}.about-activity-carousel .carousel-slide{flex-basis:50%;width:50%}}
@media(max-width:620px){.about-highlights-head h2{font-size:clamp(20px,5.5vw,34px)}.about-activity-carousel .carousel-slide{flex-basis:100%;width:100%}}

/* Event detail */
.event-hero{padding:150px 0 90px;background:#f5eee5}.event-hero-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr);gap:70px;align-items:center}.event-hero h1{font:500 clamp(52px,6vw,92px)/.95 'Cormorant Garamond',serif;margin:18px 0 25px}.event-hero p{color:#6f6156;line-height:1.8}.event-hero time,.event-kicker{display:block;color:#bd6d31;font-size:11px;letter-spacing:2px;text-transform:uppercase}.event-hero time{margin-top:25px}.event-hero img{width:100%;height:520px;object-fit:cover}.event-gallery{background:#fbf8f3}.event-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-photo-grid a{position:relative;display:block;overflow:hidden;background:#211914}.event-photo-grid img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .4s}.event-photo-grid a:hover img{transform:scale(1.035)}.event-photo-grid span{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 14px;color:#fff;font-size:11px;background:linear-gradient(transparent,rgba(0,0,0,.75))}
@media(max-width:900px){.event-hero{padding:110px 0 60px}.event-hero-grid{grid-template-columns:1fr;gap:35px}.event-hero img{height:420px}.event-photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.event-hero img{height:300px}.event-photo-grid{grid-template-columns:1fr}.event-photo-grid img{height:260px}}

/* Events archive */
.events-index{background:#f8f4ed}.events-masthead{position:relative;overflow:hidden;padding:170px 0 95px;background:radial-gradient(circle at 82% 30%,rgba(203,120,50,.2),transparent 28%),linear-gradient(120deg,#17110e 0%,#332016 55%,#9b5627 130%);color:#fff}.events-masthead:after{content:"";position:absolute;right:-120px;bottom:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.events-eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2.4px}.events-eyebrow span{color:#dc965b}.events-eyebrow i{display:block;width:42px;height:1px;background:#dc965b}.events-eyebrow b{font-weight:500}.events-title-row{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:55px;margin-top:30px}.events-title-row h1{max-width:920px;margin:0;font:500 clamp(64px,8vw,112px)/.82 'Cormorant Garamond',Georgia,serif;letter-spacing:-3px}.events-title-row h1 em{color:#dc965b;font-weight:500}.events-title-row p{margin:0 0 8px;color:#dbcfc6;font-size:13px;line-height:1.8}.events-listing{padding:100px 0 120px}.events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}.event-card{overflow:hidden;background:#f1e7da;border:1px solid #e1d3c3;transition:transform .35s,box-shadow .35s}.event-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(52,32,20,.12)}.event-card-image{position:relative;display:block;height:390px;overflow:hidden;background:#1a1410}.event-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 55%,rgba(0,0,0,.5));opacity:.75}.event-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.event-card:hover .event-card-image img{transform:scale(1.045)}.event-card-image>span{position:absolute;z-index:2;top:20px;left:20px;padding:9px 12px;background:#fff;color:#251a14;font-size:8px;letter-spacing:1.6px;text-transform:uppercase}.event-card-image>b{position:absolute;z-index:2;right:22px;bottom:20px;color:#fff;font-size:10px;letter-spacing:1px;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.3s}.event-card:hover .event-card-image>b{opacity:1;transform:none}.event-card-image>b i{color:#dc965b;font-style:normal}.event-card-copy{padding:32px 34px 35px}.event-card-copy small{color:#bd6d31;font-size:9px;letter-spacing:2.2px;text-transform:uppercase}.event-card-copy h2{margin:10px 0 12px;font:600 42px/1 'Cormorant Garamond',Georgia,serif}.event-card-copy h2 a{color:#1b1511}.event-card-copy p{min-height:48px;margin:0;color:#76675b;font-size:13px;line-height:1.75}.event-card-link{display:inline-flex;align-items:center;gap:22px;margin-top:24px;color:#9e5827;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.event-card-link span{font-size:17px;transition:transform .25s}.event-card-link:hover span{transform:translateX(5px)}.events-empty{text-align:center;padding:90px;background:#f1e7da}.events-empty>span{color:#bd6d31;font-size:34px}.events-empty h2{font:600 46px 'Cormorant Garamond',serif;margin:15px 0}

/* Original-size event photo viewer */
.gallery-intro{margin:14px 0 34px;color:#76675b;font-size:12px}.event-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.event-photo{aspect-ratio:4/3}.event-photo-grid img{height:100%}.event-photo>i{position:absolute;z-index:2;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(20,14,11,.72);color:#fff;font-size:18px;font-style:normal;opacity:0;transform:scale(.8);transition:.3s}.event-photo:hover>i{opacity:1;transform:scale(1)}.event-lightbox{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;padding:44px;background:rgba(10,7,5,.96)}.event-lightbox.open{display:flex}.event-lightbox img{display:block;max-width:calc(100vw - 110px);max-height:calc(100vh - 100px);width:auto;height:auto;object-fit:contain}.event-lightbox button{position:absolute;z-index:2;border:0;color:#fff;background:rgba(255,255,255,.1);cursor:pointer}.event-lightbox-close{top:22px;right:25px;width:46px;height:46px;border-radius:50%;font-size:27px}.event-lightbox-prev,.event-lightbox-next{top:50%;width:48px;height:64px;transform:translateY(-50%);font-size:28px}.event-lightbox-prev{left:20px}.event-lightbox-next{right:20px}.event-lightbox-count{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#cdbfb5;font-size:10px;letter-spacing:2px}.event-lightbox-backdrop{position:absolute;inset:0}.event-lightbox-active{overflow:hidden}
@media(max-width:900px){.events-title-row{grid-template-columns:1fr}.events-title-row p{max-width:480px}.event-card-image{height:320px}.event-card-copy h2{font-size:36px}}
@media(max-width:680px){.events-masthead{padding:130px 0 75px}.events-title-row h1{font-size:62px;letter-spacing:-1px}.events-listing{padding:65px 0 85px}.events-grid{grid-template-columns:1fr;gap:30px}.event-card-image{height:300px}.event-card-copy{padding:26px}.event-card-copy p{min-height:0}.event-photo-grid{grid-template-columns:1fr}.event-lightbox{padding:15px}.event-lightbox img{max-width:calc(100vw - 30px);max-height:calc(100vh - 100px)}.event-lightbox-prev,.event-lightbox-next{top:auto;bottom:18px;transform:none;height:44px}.event-lightbox-count{bottom:31px}}

.events-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 22px}.event-card-image{height:310px}.event-card-copy{padding:27px 28px 30px}.event-card-copy h2{font-size:36px}.event-card-copy p{min-height:70px}
@media(max-width:980px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card-image{height:320px}.event-card-copy p{min-height:48px}}
@media(max-width:680px){.events-grid{grid-template-columns:1fr}.event-card-image{height:300px}.event-card-copy p{min-height:0}}


/* ================================================================
   VERY SMALL PHONES
================================================================ */

@media (max-width: 420px) {

    .foundation-name span {

        font-size: 16px;

    }


    .foundation-name strong {

        font-size: 5px;

        letter-spacing: 1px;

    }


    .heroText h1 {

        font-size: 50px;

    }


    .heroText h4 {

        font-size: 22px;

    }


    .story-panel h2,
    .heritage-panel h2 {

        font-size: 32px;

    }


    .photo-carousel {

        height: 175px;

    }


    .focus h2 {

        font-size: 50px;

    }

}

/* Gurukul — The Art of Sadhana */
.dark{padding:72px 0}.gurukul-feature{grid-template-columns:1.15fr .85fr;gap:68px}.gurukul-copy h2{margin:20px 0 22px;font-size:clamp(58px,6.5vw,92px)}.gurukul-copy p{max-width:610px;margin:0 0 14px;font-size:13px;line-height:1.85}.gurukul-copy .btn{margin-top:12px}.gurukul-visual{min-height:430px;display:flex;align-items:center;justify-content:center;padding:54px 45px 82px;background:radial-gradient(circle at 50% 42%,#f8eee0 0%,#e7d1b5 70%,#d9b990 100%);overflow:hidden;border-radius:32px}.focus .gurukul-visual img{width:min(310px,78%);height:auto;max-height:285px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(46,26,13,.18))}.gurukul-visual:before,.gurukul-visual:after{content:"";position:absolute;border:1px solid rgba(151,88,41,.25);border-radius:50%}.gurukul-visual:before{width:390px;height:390px}.gurukul-visual:after{width:315px;height:315px}.gurukul-visual img{position:relative;z-index:1}.focus .gurukul-visual figcaption{z-index:2;left:24px;right:24px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:15px 18px;background:#17120f}.gurukul-visual figcaption strong{font:600 20px 'Cormorant Garamond',serif}.gurukul-visual figcaption span{color:#c9b8aa;font-size:8px;letter-spacing:1.3px;text-transform:uppercase}
@media(max-width:900px){.dark{padding:60px 0}.gurukul-feature{grid-template-columns:1fr;gap:38px}.gurukul-visual{min-height:380px}.gurukul-copy p{max-width:none}}
@media(max-width:560px){.dark{padding:48px 0}.gurukul-copy h2{font-size:52px}.gurukul-visual{min-height:320px;padding:35px 25px 75px}.focus .gurukul-visual img{max-height:215px}.focus .gurukul-visual figcaption{align-items:flex-start;flex-direction:column}.gurukul-visual:before{width:290px;height:290px}.gurukul-visual:after{width:235px;height:235px}}

.gurukul-copy h2 strong{display:block;font-weight:700;font-size:.72em;line-height:.95}.gurukul-copy h2 em{display:block;margin-top:10px;font-size:.62em;line-height:1;font-weight:500}.gurukul-visual{padding-bottom:54px}.focus .gurukul-visual figcaption{display:none}
@media(max-width:560px){.gurukul-copy h2 strong{font-size:.78em}.gurukul-copy h2 em{font-size:.68em}.gurukul-visual{padding-bottom:35px}}

/* The homepage Gurukul emblem sits inside a true circular panel. */
.focus .gurukul-visual{
    width:min(540px,100%);
    min-height:0;
    aspect-ratio:1 / 1;
    justify-self:center;
    padding:54px;
    border-radius:50%;
}
@media(max-width:560px){
    .focus .gurukul-visual{width:min(360px,100%);min-height:0;padding:38px}
}

/* Stronger primary navigation */
.header nav{font-size:13px;font-weight:700}.header nav a{opacity:.95}.header nav .donate{font-weight:700}

/* Gurukul page */
.gurukul-page{background:#f8f3eb}.gurukul-page-hero{padding:160px 0 95px;background:radial-gradient(circle at 78% 42%,#57371f 0%,#211610 36%,#120e0b 75%);color:#fff;overflow:hidden}.gurukul-page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.gurukul-page-hero h1{max-width:760px;margin:28px 0 25px;font:600 clamp(66px,8vw,112px)/.82 'Cormorant Garamond',serif;letter-spacing:-2px}.gurukul-page-hero h1 em{display:block;color:#dc965b;font-weight:500}.gurukul-page-hero p{max-width:630px;color:#c9bbb0;font-size:14px;line-height:1.85}.gurukul-page-hero .btn{margin-top:20px}.gurukul-page-logo{position:relative;display:grid;place-items:center;min-height:440px}.gurukul-page-logo:before,.gurukul-page-logo:after{content:"";position:absolute;border:1px solid rgba(220,150,91,.25);border-radius:50%}.gurukul-page-logo:before{width:440px;height:440px}.gurukul-page-logo:after{width:340px;height:340px}.gurukul-page-logo img{position:relative;z-index:1;width:min(310px,75%);max-height:330px;object-fit:contain;filter:drop-shadow(0 22px 32px rgba(0,0,0,.35))}.gurukul-about{padding:100px 0}.gurukul-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.gurukul-about h2{margin:22px 0 0;font:600 clamp(52px,6vw,80px)/.92 'Cormorant Garamond',serif}.gurukul-about h2 em{display:block;color:#bd6d31}.gurukul-about-grid>div:last-child{padding-top:15px}.gurukul-about p{margin:0 0 20px;color:#6f6258;font-size:14px;line-height:1.9}.gurukul-values{padding:0 0 100px}.gurukul-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9c9b8;border-bottom:1px solid #d9c9b8}.gurukul-value-grid article{padding:45px 38px;border-right:1px solid #d9c9b8}.gurukul-value-grid article:last-child{border:0}.gurukul-value-grid span{color:#bd6d31;font-size:10px;letter-spacing:2px}.gurukul-value-grid h3{margin:15px 0 12px;font:600 32px 'Cormorant Garamond',serif}.gurukul-value-grid p{margin:0;color:#76695f;font-size:12px;line-height:1.8}.gurukul-closing{padding:90px 0;text-align:center;background:#17120f;color:#fff}.gurukul-closing>div{display:flex;flex-direction:column;align-items:center}.gurukul-closing p{color:#c48a55;font-size:9px;letter-spacing:3px}.gurukul-closing h2{margin:15px 0 30px;font:600 clamp(50px,6vw,78px)/1 'Cormorant Garamond',serif}.gurukul-closing h2 em{color:#dc965b}
@media(max-width:1100px) and (min-width:901px){.header nav{gap:12px;font-size:12px}.header nav .donate{padding:9px 12px}}
@media(max-width:900px){.header nav{font-size:14px}.gurukul-page-hero{padding:125px 0 75px}.gurukul-page-hero-grid,.gurukul-about-grid{grid-template-columns:1fr;gap:45px}.gurukul-page-logo{min-height:350px}.gurukul-about{padding:75px 0}.gurukul-value-grid{grid-template-columns:1fr}.gurukul-value-grid article{border-right:0;border-bottom:1px solid #d9c9b8}.gurukul-value-grid article:last-child{border-bottom:0}}
@media(max-width:560px){.gurukul-page-hero h1{font-size:62px}.gurukul-page-logo{min-height:290px}.gurukul-page-logo:before{width:290px;height:290px}.gurukul-page-logo:after{width:230px;height:230px}.gurukul-page-logo img{max-height:220px}.gurukul-about{padding:60px 0}.gurukul-value-grid article{padding:32px 24px}.gurukul-closing{padding:65px 0}}

/* Footer branding follows the same container and left edge as the navbar. */
.footer-brand{display:inline-flex;align-items:center;gap:14px;color:#fff}.footer-brand img{width:72px;height:72px;object-fit:contain}.footer-brand span{display:flex;flex-direction:column}.footer-brand strong{font:700 24px/1 'Cormorant Garamond',serif}.footer-brand small{margin-top:7px;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:2.3px;text-transform:uppercase}.footer-intro>p{margin-top:18px;line-height:1.7}.footgrid{align-items:start}.footer .wrap{max-width:var(--max)}
.footer .footgrid{grid-template-columns:1.25fr .55fr 1fr 1.15fr;gap:38px}
.footer-contact,.footer-address{font-style:normal}
.footer-contact a{overflow-wrap:anywhere;color:#d8cec4;line-height:1.55}
.footer-contact a span{display:block;margin-bottom:2px;color:#a9917f;font-size:7px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.footer-address p{margin:8px 0 14px;color:#bdb3a8;font-size:10px;line-height:1.75}
.footer .footer-map-link{display:inline-flex!important;align-items:center;margin-top:2px!important;color:#df9859;font-size:9px!important;font-weight:700;letter-spacing:.3px}
.footer .footer-map-link:hover{color:#fff}
@media(max-width:900px){.footer .footgrid{grid-template-columns:1.2fr .8fr;gap:34px}.footer .footgrid>.footer-intro{grid-column:1/-1}}
@media(max-width:700px){.footer-brand img{width:58px;height:58px}.footer-brand strong{font-size:21px}.footer .footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer .footgrid{grid-template-columns:1fr;gap:26px}.footer .footgrid>.footer-intro{grid-column:auto}.footer-contact,.footer-address{padding-top:2px;border-top:1px solid rgba(255,255,255,.08)}}

.masonry [data-gallery-photo]{cursor:zoom-in}.masonry [data-gallery-photo]:after{content:"＋";position:absolute;z-index:3;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(20,14,11,.72);color:#fff;font-size:18px;opacity:0;transform:scale(.8);transition:.3s}.masonry [data-gallery-photo]:hover:after{opacity:1;transform:scale(1)}

/* Sangeetacharya Pt. D.V. Kanebuva tribute */
.kanebuva-tribute{position:relative;overflow:hidden;padding:95px 0;background:#eee1d0}.kanebuva-tribute:before{content:"क";position:absolute;right:-20px;top:-120px;color:rgba(143,78,35,.055);font:600 540px/1 'Cormorant Garamond',serif}.kanebuva-tribute-grid{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:92px;align-items:center}.kanebuva-portrait{position:relative;margin:0;padding:20px 0 0 20px}.kanebuva-portrait:before{content:"";position:absolute;left:0;top:0;width:72%;height:76%;border:1px solid rgba(159,91,42,.5)}.kanebuva-portrait-frame{position:relative;overflow:hidden;background:#17120f;box-shadow:0 28px 55px rgba(61,37,20,.18)}.kanebuva-portrait-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);pointer-events:none}.kanebuva-portrait img{display:block;width:100%;height:535px;object-fit:cover;object-position:center top;filter:saturate(.82) contrast(1.03)}.kanebuva-portrait figcaption{position:absolute;right:-28px;bottom:32px;padding:12px 17px;background:#17120f;color:#d7c8bb;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.kanebuva-tribute-copy{position:relative}.kanebuva-tribute-copy h2{margin:22px 0 26px;font:600 clamp(58px,6.5vw,88px)/.84 'Cormorant Garamond',serif;letter-spacing:-1px}.kanebuva-tribute-copy h2 span{display:block;margin-bottom:11px;color:#8f542e;font:700 12px/1 Manrope,sans-serif;letter-spacing:3px;text-transform:uppercase}.kanebuva-tribute-copy h2 em{color:#bd6d31;font-weight:500}.kanebuva-tribute-copy p{max-width:720px;margin:0 0 15px;color:#64564c;font-size:13px;line-height:1.85}.kanebuva-tribute-copy .kanebuva-lead{color:#2b211b;font:500 21px/1.55 'Cormorant Garamond',serif}.kanebuva-signature{display:flex;align-items:center;gap:14px;margin-top:28px;color:#8f542e;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.kanebuva-signature i{display:block;width:54px;height:1px;background:#bd6d31}
@media(max-width:900px){.kanebuva-tribute{padding:72px 0}.kanebuva-tribute-grid{grid-template-columns:1fr;gap:50px}.kanebuva-portrait{width:min(480px,92%);margin:0 auto}.kanebuva-portrait img{height:560px}.kanebuva-tribute-copy{max-width:700px}.kanebuva-portrait figcaption{right:-24px}}
@media(max-width:560px){.kanebuva-tribute{padding:55px 0}.kanebuva-tribute-grid{gap:38px}.kanebuva-portrait{padding:12px 0 0 12px}.kanebuva-portrait img{height:auto;max-height:500px}.kanebuva-portrait figcaption{display:none}.kanebuva-tribute-copy h2{font-size:53px}.kanebuva-tribute-copy .kanebuva-lead{font-size:19px}}

.kanebuva-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px 0;background:#ceb79f;border:1px solid #ceb79f}.kanebuva-details>div{padding:24px;background:#f5ecdf}.kanebuva-details small{display:block;margin-bottom:10px;color:#9c5a2d;font-size:8px;font-weight:800;letter-spacing:1.8px}.kanebuva-details p{margin:0;font-size:11px;line-height:1.75}.kanebuva-tribute-copy .kanebuva-legacy-note{padding-left:18px;border-left:2px solid #bd6d31;color:#46382f;font-weight:600}.kanebuva-tribute-grid{align-items:start}.kanebuva-portrait{position:sticky;top:120px}
@media(max-width:900px){.kanebuva-portrait{position:relative;top:auto}.kanebuva-details{grid-template-columns:1fr}}

/* Keep homepage event copy inside its card (including Khayal Yadnya). */
.cards article{display:flex;flex-direction:column;overflow:hidden}.cards .cardimg{display:block;flex:0 0 auto;width:100%}.cards .cardbody{position:relative;flex:1;width:100%}.cards .cardbody h3,.cards .cardbody p{overflow-wrap:anywhere}

/* Quote reused as an editorial accent above Moments in Music. */
.gallery-quote{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:-20px 0 72px;padding:28px 34px;border-top:1px solid #ceb89f;border-bottom:1px solid #ceb89f;color:#34261e}.gallery-quote b{color:#bd6d31;font:500 68px/.55 'Cormorant Garamond',serif}.gallery-quote p{margin:0;font:500 clamp(24px,3vw,38px)/1.05 'Cormorant Garamond',serif}.gallery-quote p em{color:#bd6d31}.gallery-quote small{max-width:190px;color:#8a796b;font-size:8px;line-height:1.6;letter-spacing:1.5px;text-transform:uppercase}.gallery-quote+ .head{margin-top:0}

/* Standalone image hyperlink to Vidushi Manjusha Patil's website. */
.manjusha-website{padding:0 0 100px;background:#faf7f2}.manjusha-website a{position:relative;display:block;overflow:hidden;min-height:420px;background:#050505;box-shadow:0 24px 55px rgba(39,25,16,.16)}.manjusha-website img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 40%;transition:transform .65s ease,opacity .4s}.manjusha-website a:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 48%,rgba(0,0,0,.08))}.manjusha-website a:hover img{transform:scale(1.025);opacity:.94}.manjusha-website span{position:absolute;z-index:2;left:42px;bottom:34px;padding:14px 20px;background:#f7efe5;color:#17120f;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:background .25s,color .25s}.manjusha-website a:hover span{background:#bd6d31;color:#fff}
@media(max-width:800px){.gallery-quote{grid-template-columns:auto 1fr}.gallery-quote small{grid-column:2}.manjusha-website img{height:420px}.manjusha-website a{min-height:0}}
@media(max-width:560px){.gallery-quote{gap:14px;margin-bottom:52px;padding:22px 12px}.gallery-quote b{font-size:54px}.gallery-quote p{font-size:27px}.manjusha-website{padding-bottom:65px}.manjusha-website img{height:330px}.manjusha-website span{left:18px;bottom:18px;padding:11px 14px;font-size:9px}}

/* Refined Manjusha Patil portrait crop */
.manjusha-website a{min-height:0;height:440px}.manjusha-website img{height:440px;object-position:58% 43%;transform:scale(1.055);transform-origin:68% 48%}.manjusha-website a:hover img{transform:scale(1.075);opacity:.96}.manjusha-website span{left:30px;bottom:26px;padding:10px 14px;background:rgba(247,239,229,.9);font-size:9px;letter-spacing:1.2px}
@media(max-width:800px){.manjusha-website a,.manjusha-website img{height:380px}.manjusha-website img{object-position:61% 45%}}
@media(max-width:560px){.manjusha-website a,.manjusha-website img{height:300px}.manjusha-website img{object-position:63% 45%;transform:scale(1.08)}.manjusha-website a:hover img{transform:scale(1.095)}.manjusha-website span{left:14px;bottom:14px}}

/* About the Pratishthan and Foundation */
.about-page{background:#faf7f2}.about-hero{position:relative;display:flex;align-items:flex-end;min-height:760px;padding:170px 0 100px;overflow:hidden;color:#fff}.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,8,6,.9) 0%,rgba(12,8,6,.64) 48%,rgba(12,8,6,.22) 100%),linear-gradient(0deg,rgba(8,5,3,.6),transparent 60%)}.about-hero .wrap{position:relative}.about-hero h1{max-width:800px;margin:28px 0 25px;font:600 clamp(70px,8vw,114px)/.82 'Cormorant Garamond',serif;letter-spacing:-2px}.about-hero h1 em{display:block;color:#dc965b;font-weight:500}.about-hero p{max-width:650px;color:#ddd0c5;font-size:14px;line-height:1.85}.about-pratishthan{padding:110px 0}.about-intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.about-intro-grid figure{position:sticky;top:120px;margin:0;padding:16px;background:#ead8c2}.about-intro-grid figure img{display:block;width:100%;height:560px;object-fit:cover;object-position:center top}.about-intro-grid figcaption{padding:13px 4px 2px;color:#85684f;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}.about-intro-grid h2,.about-section-head h2,.about-foundation h2{margin:22px 0 28px;font:600 clamp(54px,6vw,82px)/.9 'Cormorant Garamond',serif}.about-intro-grid h2 em,.about-section-head h2 em,.about-foundation h2 em{color:#bd6d31}.about-intro-grid p,.about-foundation p{margin:0 0 18px;color:#66584e;font-size:13px;line-height:1.9}.about-lead{color:#2b211b!important;font:500 21px/1.55 'Cormorant Garamond',serif!important}.about-numbers{padding:0 0 100px}.about-number-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7c5b2;border-bottom:1px solid #d7c5b2}.about-number-grid>div{padding:34px;border-right:1px solid #d7c5b2}.about-number-grid>div:last-child{border:0}.about-number-grid strong{display:block;color:#ad612e;font:600 48px/1 'Cormorant Garamond',serif}.about-number-grid span{display:block;margin-top:8px;color:#78685b;font-size:9px;letter-spacing:1px;text-transform:uppercase}.about-milestones{padding:105px 0;background:#eee1d0}.about-section-head{max-width:820px;margin-bottom:55px}.about-milestone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-milestone-grid article{min-height:280px;padding:38px;background:#f8f1e7;border:1px solid #ddcbb8}.about-milestone-grid span{color:#b76630;font-size:9px;font-weight:800;letter-spacing:2px}.about-milestone-grid h3,.about-programme-grid h3{margin:17px 0 12px;font:600 34px/1 'Cormorant Garamond',serif}.about-milestone-grid p,.about-programme-grid p{margin:0;color:#706156;font-size:12px;line-height:1.85}.about-foundation{padding:105px 0;background:#17120f;color:#fff}.about-foundation-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.about-foundation p{color:#c1b2a6}.about-foundation .about-lead{color:#fff!important}.about-foundation figure{margin:0;overflow:hidden}.about-foundation figure img{display:block;width:100%;height:480px;object-fit:cover;object-position:center}.about-programmes{padding:105px 0}.about-programme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8c6b3;border:1px solid #d8c6b3}.about-programme-grid article{min-height:245px;padding:34px;background:#faf7f2}.about-programme-grid b{color:#b76630;font-size:9px;letter-spacing:2px}.about-closing{padding:85px 0;background:#e2ccb1}.about-closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:60px}.about-closing p{max-width:850px;margin:0;color:#32251d;font:500 clamp(28px,3.5vw,44px)/1.15 'Cormorant Garamond',serif}
@media(max-width:900px){.about-hero{min-height:650px}.about-intro-grid,.about-foundation-grid{grid-template-columns:1fr;gap:50px}.about-intro-grid figure{position:relative;top:auto;width:min(480px,90%);margin:auto}.about-number-grid{grid-template-columns:repeat(2,1fr)}.about-number-grid>div:nth-child(2){border-right:0}.about-milestone-grid{grid-template-columns:1fr}.about-programme-grid{grid-template-columns:repeat(2,1fr)}.about-closing .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.about-hero{min-height:580px;padding-bottom:70px}.about-hero h1{font-size:65px}.about-pratishthan,.about-milestones,.about-foundation,.about-programmes{padding:70px 0}.about-intro-grid figure img{height:auto}.about-number-grid{grid-template-columns:1fr}.about-number-grid>div{border-right:0;border-bottom:1px solid #d7c5b2}.about-number-grid>div:last-child{border-bottom:0}.about-milestone-grid article{min-height:0;padding:28px}.about-programme-grid{grid-template-columns:1fr}.about-programme-grid article{min-height:0}.about-foundation figure img{height:330px}.about-closing{padding:60px 0}}

/* Prose-led About page */
.about-kanebuva-hero>img{object-position:68% 28%;filter:saturate(.72) sepia(.08);transform:scale(1.035)}.about-kanebuva-hero .about-hero-shade{background:linear-gradient(90deg,rgba(11,7,5,.97) 0%,rgba(11,7,5,.82) 46%,rgba(11,7,5,.28) 100%),linear-gradient(0deg,rgba(8,5,3,.7),transparent 60%)}.about-prose-page .about-intro-grid{grid-template-columns:.9fr 1.1fr}.about-prose-page .about-intro-grid figure img{height:470px}.about-story,.about-continuing{padding:105px 0}.about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.about-story-grid h2{margin:22px 0 0;font:600 clamp(52px,6vw,79px)/.92 'Cormorant Garamond',serif}.about-story-grid h2 em{display:block;color:#bd6d31}.about-story-copy p{margin:0 0 22px;color:#65574c;font-size:14px;line-height:1.95}.about-story-copy strong{color:#30241d}.about-gurukul-story{padding:105px 0;background:#201611;color:#fff}.about-gurukul-story .about-story-copy p{color:#c8b9ad}.about-gurukul-story .about-story-copy strong{color:#fff}.about-gurukul-story h2{margin:22px 0 0;font:600 clamp(52px,6vw,79px)/.92 'Cormorant Garamond',serif}.about-gurukul-story h2 em{display:block;color:#dc965b}.about-prose-page .about-foundation figure img{filter:grayscale(1);object-position:60% center}.about-continuing{background:#eee1d0}.about-prose-page .about-closing p{max-width:780px}
@media(max-width:900px){.about-story-grid{grid-template-columns:1fr;gap:45px}.about-prose-page .about-intro-grid figure{width:100%}.about-prose-page .about-intro-grid figure img{height:auto}.about-kanebuva-hero>img{object-position:62% 25%}}
@media(max-width:600px){.about-story,.about-continuing,.about-gurukul-story{padding:70px 0}.about-story-copy p{font-size:13px;line-height:1.85}.about-kanebuva-hero>img{object-position:57% 22%}.about-kanebuva-hero .about-hero-shade{background:rgba(12,8,6,.74)}}

.about-kanebuva-hero{background:#120e0b}.about-kanebuva-hero>img{inset:0 5% 0 auto;width:52%;object-fit:contain;object-position:center;transform:none}.about-kanebuva-hero .about-hero-shade{background:linear-gradient(90deg,rgba(11,7,5,.98) 0%,rgba(11,7,5,.9) 46%,rgba(11,7,5,.25) 100%)}
@media(max-width:900px){.about-kanebuva-hero>img{inset:0 0 0 auto;width:62%;object-position:center}}
@media(max-width:600px){.about-kanebuva-hero>img{right:-15%;width:95%;opacity:.72;object-position:center}.about-kanebuva-hero .about-hero-shade{background:rgba(12,8,6,.7)}}

.foundation-objectives{margin-top:34px;padding-top:28px;border-top:1px solid rgba(220,150,91,.28)}.foundation-objectives h3{margin:0 0 18px;color:#dc965b;font:600 30px/1 'Cormorant Garamond',serif}.about-foundation .about-foundation-logo{display:grid;place-items:center;min-height:510px;padding:55px;background:radial-gradient(circle at center,rgba(184,103,49,.2),transparent 62%),#0d0a08;border:1px solid rgba(220,150,91,.22)}.about-prose-page .about-foundation .about-foundation-logo img{width:min(360px,88%);height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.42));object-position:center}
@media(max-width:600px){.about-foundation .about-foundation-logo{min-height:360px;padding:35px}.about-prose-page .about-foundation .about-foundation-logo img{max-height:285px}}

.about-legacy-bridge{padding:105px 0;background:#f6eee3}.about-legacy-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-legacy-grid figure{margin:0;padding:14px;background:#fff;border:1px solid #dcc8b0;box-shadow:0 25px 55px rgba(58,36,21,.12)}.about-legacy-grid figure img{display:block;width:100%;height:auto}.about-legacy-grid h2{margin:22px 0 28px;font:600 clamp(54px,6vw,82px)/.9 'Cormorant Garamond',serif}.about-legacy-grid h2 em{display:block;color:#bd6d31}.about-legacy-grid p{margin:0 0 18px;color:#66584e;font-size:13px;line-height:1.9}
@media(max-width:900px){.about-legacy-grid{grid-template-columns:1fr;gap:50px}.about-legacy-grid figure{width:min(520px,90%);margin:auto}}
@media(max-width:600px){.about-legacy-bridge{padding:70px 0}.about-legacy-grid figure{width:100%;padding:8px}}

/* Compact About page: preserve the full narrative while removing excess whitespace. */
.about-prose-page .about-hero{min-height:560px;padding:130px 0 58px}
.about-prose-page .about-hero h1{margin:18px 0 14px}
.about-prose-page .about-hero p{margin:0;line-height:1.65}
.about-prose-page .about-pratishthan{padding:68px 0 58px}
.about-prose-page .about-intro-grid{gap:54px}
.about-prose-page .about-intro-grid figure{padding:10px}
.about-prose-page .about-intro-grid figure img{height:410px}
.about-prose-page .about-intro-grid figcaption{padding-top:9px}
.about-prose-page .about-intro-grid h2,.about-prose-page .about-foundation h2{margin:14px 0 18px}
.about-prose-page .about-intro-grid p,.about-prose-page .about-foundation p,.about-prose-page .about-legacy-grid p{margin-bottom:12px;line-height:1.72}
.about-prose-page .about-lead{line-height:1.42!important}
.about-story-compact{padding:0 0 58px}
.about-story-compact .about-story-copy{columns:3;column-gap:32px;padding-top:30px;border-top:1px solid #d7c5b2}
.about-story-compact .about-story-copy p{break-inside:avoid;margin:0;font-size:12px;line-height:1.72}
.about-prose-page .about-gurukul-story,.about-prose-page .about-continuing{padding:64px 0}
.about-prose-page .about-story-grid{gap:58px}
.about-prose-page .about-story-grid h2{margin-top:14px}
.about-prose-page .about-story-copy p{margin-bottom:13px;line-height:1.72}
.about-prose-page .about-legacy-bridge{padding:62px 0}
.about-prose-page .about-legacy-grid{gap:55px}
.about-prose-page .about-legacy-grid figure{padding:9px;box-shadow:0 16px 35px rgba(58,36,21,.1)}
.about-prose-page .about-legacy-grid h2{margin:14px 0 18px}
.about-prose-page .about-foundation{padding:68px 0}
.about-prose-page .about-foundation-grid{gap:52px;align-items:start}
.about-prose-page .foundation-objectives{margin-top:20px;padding-top:18px}
.about-prose-page .foundation-objectives h3{margin-bottom:12px}
.about-prose-page .about-foundation .about-foundation-logo{min-height:410px;padding:35px}
.about-prose-page .about-closing{padding:48px 0}
@media(max-width:900px){.about-story-compact .about-story-copy{columns:1}.about-prose-page .about-hero{min-height:500px}.about-prose-page .about-intro-grid,.about-prose-page .about-story-grid,.about-prose-page .about-legacy-grid,.about-prose-page .about-foundation-grid{gap:38px}}
@media(max-width:600px){.about-prose-page .about-hero{min-height:440px;padding:112px 0 42px}.about-prose-page .about-pratishthan,.about-prose-page .about-gurukul-story,.about-prose-page .about-legacy-bridge,.about-prose-page .about-foundation,.about-prose-page .about-continuing{padding:46px 0}.about-story-compact{padding-bottom:46px}.about-story-compact .about-story-copy{padding-top:22px}.about-prose-page .about-intro-grid figure img{height:auto}.about-prose-page .about-closing{padding:40px 0}.about-prose-page .about-closing .wrap{gap:26px}}

.about-prose-page .about-foundation .about-foundation-logo{display:flex;flex-direction:column;gap:28px}
.about-foundation-film{width:100%;overflow:hidden;border:1px solid rgba(220,150,91,.3);background:#000;box-shadow:0 18px 38px rgba(0,0,0,.32);aspect-ratio:16/9}
.about-foundation-film iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:600px){.about-prose-page .about-foundation .about-foundation-logo{gap:20px;padding:24px}.about-foundation-film{margin-top:2px}}

/* Gurukul hero: teaching photographs rotate behind the page introduction. */
.gurukul-page-hero{position:relative;isolation:isolate;background:#120d09}
.gurukul-hero-background{position:absolute;z-index:-2;inset:0;overflow:hidden;background:#120d09}
.gurukul-hero-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.025);transition:opacity 1.1s ease,transform 7s ease}
.gurukul-hero-slide.is-active{opacity:1;transform:scale(1)}
.gurukul-hero-image-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(12,8,5,.9) 0%,rgba(12,8,5,.7) 39%,rgba(12,8,5,.28) 68%,rgba(12,8,5,.12) 100%),linear-gradient(0deg,rgba(10,6,4,.48),transparent 62%)}
.gurukul-page-hero-grid{position:relative;z-index:1}
.gurukul-page-logo{background:radial-gradient(circle,rgba(16,10,6,.56),transparent 67%)}
.gurukul-page-logo img{filter:drop-shadow(0 22px 32px rgba(0,0,0,.6))}
@media(max-width:900px){.gurukul-hero-slide{object-position:center}.gurukul-hero-image-shade{background:linear-gradient(90deg,rgba(12,8,5,.94),rgba(12,8,5,.5)),linear-gradient(0deg,rgba(10,6,4,.78),transparent 65%)}}
@media(max-width:560px){.gurukul-hero-slide{object-position:center}.gurukul-hero-image-shade{background:rgba(10,6,4,.64)}.gurukul-page-logo{background:radial-gradient(circle,rgba(12,8,5,.7),transparent 68%)}}
@media(prefers-reduced-motion:reduce){.gurukul-hero-slide{transition:none;transform:none}}

/* Expanded Gurukul narrative */
.gurukul-story-page .gurukul-page-hero{min-height:660px;padding:140px 0 70px}
.gurukul-story-page .gurukul-page-hero h1{max-width:680px;margin:22px 0 8px;font-size:clamp(54px,6.2vw,86px);line-height:.86}
.gurukul-story-page .gurukul-concept{margin:0 0 18px;color:#e3a36b;font:500 clamp(20px,2.3vw,30px)/1.2 'Cormorant Garamond',serif;letter-spacing:.02em}
.gurukul-story-page .gurukul-hero-copy>p:not(.gurukul-concept){max-width:580px;margin:0;color:#d3c4b7;font-size:13px;line-height:1.75}
.gurukul-story-page .gurukul-hero-copy .btn{margin-top:24px}
.gurukul-story-page .gurukul-page-logo{min-height:390px}
.gurukul-story-page .gurukul-page-logo:before{width:390px;height:390px}.gurukul-story-page .gurukul-page-logo:after{width:300px;height:300px}
.gurukul-story-page .gurukul-page-logo img{width:min(230px,62%);max-height:245px}
.gurukul-narrative,.gurukul-outreach{padding:90px 0;background:#f8f3eb}
.gurukul-split,.gurukul-online-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:start}
.gurukul-copy h2,.gurukul-section-heading h2{margin:18px 0 25px;font:600 clamp(48px,5.5vw,74px)/.92 'Cormorant Garamond',serif;letter-spacing:-1px}.gurukul-copy h2 em,.gurukul-section-heading h2 em{display:block;color:#bd6d31}
.gurukul-copy p,.gurukul-facility-intro p{margin:0 0 17px;color:#6a5c51;font-size:13px;line-height:1.85}.gurukul-copy strong,.gurukul-facility-intro strong{color:#2b201a}
.gurukul-photo-collage{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:190px;gap:10px;position:sticky;top:112px}
.gurukul-photo,.gurukul-facility-gallery a,.gurukul-rural-gallery a,.gurukul-online-gallery a{position:relative;display:block;overflow:hidden;background:#1b1410;cursor:zoom-in}
.gurukul-photo.tall{grid-row:span 2}.gurukul-photo.wide{grid-column:span 2}
.gurukul-photo img,.gurukul-facility-gallery img,.gurukul-rural-gallery img,.gurukul-online-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,opacity .35s}
.gurukul-photo:hover img,.gurukul-facility-gallery a:hover img,.gurukul-rural-gallery a:hover img,.gurukul-online-gallery a:hover img{transform:scale(1.035);opacity:.92}
.gurukul-facility{padding:90px 0;background:#1c130f;color:#fff}
.gurukul-section-heading{max-width:860px}.gurukul-section-heading h2{margin-bottom:35px;color:#fff}.gurukul-section-heading h2 em{display:inline}
.gurukul-facility-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px}.gurukul-facility-intro p{color:#c9baad}.gurukul-facility-intro strong{color:#fff}
.gurukul-marathi-note{margin:15px 0 30px;padding:18px 22px;border-left:2px solid #d58443;background:rgba(255,255,255,.045);color:#e0cdbd;font-size:14px;line-height:1.75}
.gurukul-facility-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:225px 225px;gap:10px}.gurukul-facility-gallery .feature{grid-row:1/3}.gurukul-facility-gallery a{border:1px solid rgba(255,255,255,.1)}
.gurukul-outreach{background:#eee1d0}.gurukul-split.reverse{grid-template-columns:.95fr 1.05fr;align-items:center}.gurukul-rural-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:290px 180px;gap:10px}.gurukul-rural-gallery .large{grid-column:1/3}.gurukul-rural-gallery a{box-shadow:0 14px 35px rgba(54,34,21,.12)}
.gurukul-online{padding:90px 0;background:#17120f;color:#fff}.gurukul-online-grid{grid-template-columns:.85fr 1.15fr;align-items:center}.gurukul-online .gurukul-copy h2{color:#fff}.gurukul-online .gurukul-copy p{color:#c8b9ad}.gurukul-online .gurukul-copy strong{color:#fff}.gurukul-online .online-inauguration{margin-top:25px;padding:18px 20px;border:1px solid rgba(220,150,91,.28);color:#e3a36b}
.gurukul-online-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:300px 190px;gap:10px}.gurukul-online-gallery .feature{grid-column:1/3}.gurukul-online-gallery a{border:1px solid rgba(255,255,255,.12)}
.gurukul-studio{padding:90px 0;background:#eee1d0}.gurukul-studio-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}.gurukul-studio-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:285px 185px;gap:10px}.gurukul-studio-gallery .feature{grid-column:1/3}.gurukul-studio-gallery a{position:relative;display:block;overflow:hidden;background:#1b1410;cursor:zoom-in;box-shadow:0 14px 35px rgba(54,34,21,.12)}.gurukul-studio-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,opacity .35s}.gurukul-studio-gallery a:hover img{transform:scale(1.035);opacity:.92}.gurukul-studio-copy h2{margin-bottom:25px}.gurukul-studio-copy .studio-lead{color:#30241d;font:500 20px/1.55 'Cormorant Garamond',serif}
@media(max-width:900px){.gurukul-story-page .gurukul-page-hero{padding:120px 0 65px}.gurukul-split,.gurukul-split.reverse,.gurukul-online-grid{grid-template-columns:1fr;gap:45px}.gurukul-photo-collage{position:relative;top:auto;grid-auto-rows:210px}.gurukul-facility-intro{grid-template-columns:1fr;gap:0}.gurukul-online-grid .gurukul-copy{order:1}.gurukul-online-gallery{order:2}}
@media(max-width:600px){.gurukul-story-page .gurukul-page-hero{min-height:620px;padding:105px 0 48px}.gurukul-story-page .gurukul-page-hero h1{font-size:55px}.gurukul-story-page .gurukul-page-logo{min-height:250px}.gurukul-story-page .gurukul-page-logo:before{width:250px;height:250px}.gurukul-story-page .gurukul-page-logo:after{width:205px;height:205px}.gurukul-story-page .gurukul-page-logo img{width:min(175px,58%);max-height:175px}.gurukul-narrative,.gurukul-facility,.gurukul-outreach,.gurukul-online{padding:58px 0}.gurukul-copy p,.gurukul-facility-intro p{font-size:12.5px;line-height:1.78}.gurukul-photo-collage{grid-auto-rows:145px}.gurukul-facility-gallery{grid-template-columns:1fr 1fr;grid-template-rows:230px 145px 145px}.gurukul-facility-gallery .feature{grid-column:1/3;grid-row:auto}.gurukul-rural-gallery{grid-template-rows:220px 140px}.gurukul-online-gallery{grid-template-rows:220px 140px}.gurukul-marathi-note{font-size:13px}.gurukul-story-page .gurukul-closing{padding:58px 0}}
@media(max-width:900px){.gurukul-studio-grid{grid-template-columns:1fr;gap:42px}.gurukul-studio-gallery{order:1}.gurukul-studio-copy{order:2}}
@media(max-width:600px){.gurukul-studio{padding:58px 0}.gurukul-studio-gallery{grid-template-rows:220px 145px}.gurukul-studio-copy .studio-lead{font-size:18px}}

.gurukul-origin .gurukul-copy h2 em{display:inline;white-space:nowrap}
.gurukul-facility .gurukul-section-heading{max-width:none}
.gurukul-facility .gurukul-section-heading h2{white-space:nowrap;font-size:clamp(38px,5vw,72px)}
@media(max-width:600px){.gurukul-facility .gurukul-section-heading h2{font-size:clamp(27px,7.6vw,39px);letter-spacing:-.5px}}
.gurukul-outreach .gurukul-copy h2{white-space:nowrap;font-size:clamp(34px,4.4vw,64px)}
@media(max-width:600px){.gurukul-outreach .gurukul-copy h2{font-size:clamp(25px,6.7vw,34px);letter-spacing:-.65px}}
.gurukul-online .gurukul-copy h2{display:flex;align-items:baseline;gap:12px;white-space:nowrap;font:600 clamp(21px,2vw,29px)/1 'Cormorant Garamond',serif;letter-spacing:.01em}
.gurukul-online .gurukul-copy h2 em{display:inline;color:#dc965b;font-size:2.65em;line-height:.82;letter-spacing:-1px}
@media(max-width:600px){.gurukul-online .gurukul-copy h2{gap:8px;font-size:20px}.gurukul-online .gurukul-copy h2 em{font-size:2.25em}}

.gurukul-why-sangli{position:relative;overflow:hidden;padding:72px 0;background:#f3e8d9;color:#251910;border-top:1px solid #dfcdb9;border-bottom:1px solid #dfcdb9}
.gurukul-why-sangli:before{content:"सा";position:absolute;right:-25px;bottom:-120px;color:rgba(126,73,35,.035);font:600 360px/1 'Cormorant Garamond',serif}
.gurukul-why-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:start}
.gurukul-why-heading{position:sticky;top:120px}
.gurukul-why-heading h2{margin:16px 0 13px;font:600 clamp(48px,5vw,68px)/.9 'Cormorant Garamond',serif;letter-spacing:-1px}.gurukul-why-heading h2 em{display:block;color:#bd6d31}
.gurukul-why-heading>p{max-width:260px;margin:0;color:#7b695b;font-size:9px;font-weight:700;line-height:1.65;letter-spacing:1.3px;text-transform:uppercase}
.gurukul-why-copy{padding-left:36px;border-left:1px solid #d4bfaa}
.gurukul-why-copy p{margin:0 0 16px;color:#67584d;font:400 13px/1.82 Manrope,Arial,sans-serif}.gurukul-why-copy p:last-child{margin-bottom:0}
@media(max-width:900px){.gurukul-why-grid{grid-template-columns:1fr;gap:38px}.gurukul-why-heading{position:relative;top:auto}.gurukul-why-heading h2 em{display:inline}.gurukul-why-copy{padding-left:0;padding-top:28px;border-left:0;border-top:1px solid rgba(86,51,27,.28)}}
@media(max-width:600px){.gurukul-why-sangli{padding:50px 0}.gurukul-why-grid{gap:22px}.gurukul-why-copy{padding-top:20px}.gurukul-why-copy p{font-size:12.5px;line-height:1.76}}

/* Contact, donation and support page */
.support-page{background:#faf7f2}.support-hero{padding:155px 0 78px;background:radial-gradient(circle at 78% 45%,rgba(186,103,46,.22),transparent 28%),linear-gradient(120deg,#130e0b,#2c1c14);color:#fff}.support-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.support-hero h1{max-width:760px;margin:22px 0 20px;font:600 clamp(65px,8vw,110px)/.84 'Cormorant Garamond',serif;letter-spacing:-2px}.support-hero h1 em{display:block;color:#dc965b}.support-hero p{max-width:650px;margin:0;color:#cbbdb2;font-size:14px;line-height:1.8}.support-hero img{justify-self:center;width:min(315px,82%);max-height:290px;object-fit:contain;filter:drop-shadow(0 25px 38px rgba(0,0,0,.38))}
.support-appeal{padding:90px 0}.support-appeal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.support-appeal-copy h2,.support-contact-band h2,.support-section-head h2,.support-impact h2{margin:18px 0 24px;font:600 clamp(50px,5.8vw,78px)/.9 'Cormorant Garamond',serif;letter-spacing:-1px}.support-appeal-copy h2 em,.support-contact-band h2 em,.support-section-head h2 em,.support-impact h2 em{display:block;color:#bd6d31}.support-appeal-copy p{max-width:700px;margin:0 0 17px;color:#67594e;font-size:13px;line-height:1.85}.support-appeal-copy .support-lead{color:#30241d;font:500 21px/1.55 'Cormorant Garamond',serif}.support-note{display:flex;flex-direction:column;gap:8px;margin-top:30px;padding:20px 22px;border-left:2px solid #bd6d31;background:#f0e4d5}.support-note span{color:#8d7867;font-size:8px;letter-spacing:1.8px;text-transform:uppercase}.support-note strong{color:#37271e;font:600 17px 'Cormorant Garamond',serif;letter-spacing:.03em}
.donation-card{overflow:hidden;background:#17120f;color:#fff;box-shadow:0 26px 60px rgba(50,31,19,.18)}.donation-card-head{padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.12)}.donation-card-head span{color:#dc965b;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.donation-card-head h2{margin:9px 0 0;font:600 34px/1 'Cormorant Garamond',serif}.donation-card-body{display:grid;grid-template-columns:190px 1fr;gap:28px;padding:30px}.donation-qr{display:block;color:#c9b9ad;text-align:center;font-size:8px;letter-spacing:1px;text-transform:uppercase;cursor:zoom-in}.donation-qr img{display:block;width:190px;height:190px;margin-bottom:9px;object-fit:contain;background:#fff;border:8px solid #fff}.bank-details{margin:0}.bank-details>div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.bank-details>div:last-child{border-bottom:0}.bank-details dt{margin-bottom:4px;color:#a9988b;font-size:7px;letter-spacing:1.3px;text-transform:uppercase}.bank-details dd{margin:0;color:#fff;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.support-contact-band{padding:75px 0;background:#d9b98e}.support-contact-grid{display:grid;grid-template-columns:.9fr .9fr 1.2fr;gap:58px;align-items:start}.support-contact-band h2{margin-bottom:0;font-size:clamp(45px,5vw,67px)}.support-contact-band h2 em{color:#8f4d25}.support-contact-band address{padding-top:35px;color:#4d3829;font-size:12px;font-style:normal;line-height:1.85}.support-contact-band address strong{display:block;margin-bottom:12px;color:#251912;font:600 22px 'Cormorant Garamond',serif}.support-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(76,44,24,.2);border:1px solid rgba(76,44,24,.2)}.support-contact-links a{min-height:92px;padding:21px;background:#e9cfad;color:#38261b;font-size:11px;overflow-wrap:anywhere}.support-contact-links small{display:block;margin-bottom:8px;color:#93613c;font-size:7px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.support-contact-links .map-link{background:#231812;color:#fff}.support-contact-links .map-link small{color:#dc965b}
.student-benefits{padding:90px 0}.support-section-head{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:end;margin-bottom:45px}.support-section-head h2{margin-bottom:0}.support-section-head>p{margin:0 0 5px;color:#74665b;font-size:12px;line-height:1.8}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d8c5b1;border:1px solid #d8c5b1}.benefit-grid article{position:relative;min-height:170px;padding:28px 32px;background:#f7f0e7}.benefit-grid article span{position:absolute;right:20px;top:18px;color:#c8ad91;font:600 31px 'Cormorant Garamond',serif}.benefit-grid h3{max-width:80%;margin:0 0 12px;color:#2d211a;font:600 27px/1 'Cormorant Garamond',serif}.benefit-grid p{max-width:90%;margin:0;color:#75675c;font-size:11px;line-height:1.75}
.support-impact{padding:88px 0;background:#17120f;color:#fff}.support-impact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.support-impact h2 em{color:#dc965b}.support-impact-grid>div>p{max-width:540px;color:#bfaea1;font-size:13px;line-height:1.8}.support-impact ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:1px;list-style:none;background:rgba(255,255,255,.12)}.support-impact li{position:relative;min-height:105px;padding:25px 22px 22px 50px;background:#211812;color:#d1c2b7;font-size:11px;line-height:1.65}.support-impact li:before{content:"✓";position:absolute;left:22px;top:24px;color:#dc965b;font-weight:800}
.support-message{padding:90px 0;border-bottom:1px solid #e4d8ca;background:#f5eee5}.support-message .contact{align-items:start}.support-message h2{margin:18px 0 20px;font:600 clamp(50px,5.8vw,78px)/.9 'Cormorant Garamond',serif;letter-spacing:-1px}.support-message h2 em{display:block;color:#bd6d31}.support-message .lead{max-width:560px;color:#75675c;font-size:13px;line-height:1.8}.support-message form label{display:flex;flex-direction:column;gap:7px;color:#5d4a3d;font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.support-message form input,.support-message form textarea{width:100%;font-family:Manrope,Arial,sans-serif;text-transform:none}.support-message form textarea{resize:vertical}.support-message form .button{margin-top:6px;padding:14px 24px;background:#bd6d31;color:#fff;border-radius:999px}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-success,.form-error{display:block;margin:0 0 10px;padding:14px;font-size:11px}.form-success{background:#e3f0df;color:#315b2c;border:1px solid #bfd7b8}.form-error{background:#f5dfda;color:#8a3025;border:1px solid #ddb8b0}
@media(max-width:980px){.support-hero-grid,.support-appeal-grid,.support-contact-grid,.support-impact-grid{grid-template-columns:1fr;gap:45px}.support-hero img{display:none}.support-section-head{grid-template-columns:1fr;gap:20px}.support-contact-links{max-width:650px}.donation-card{max-width:650px}}
@media(max-width:620px){.support-hero{padding:120px 0 60px}.support-hero h1{font-size:64px}.support-appeal,.student-benefits,.support-impact,.support-message{padding:58px 0}.donation-card-body{grid-template-columns:1fr}.donation-qr{justify-self:center}.support-contact-band{padding:55px 0}.support-contact-links{grid-template-columns:1fr}.support-contact-links a{min-height:0}.benefit-grid,.support-impact ul{grid-template-columns:1fr}.benefit-grid article{min-height:0;padding:25px}.support-section-head{margin-bottom:30px}.support-impact-grid{gap:35px}.support-impact li{min-height:0}}

.support-hero h1{max-width:none;white-space:nowrap;font-size:clamp(48px,7vw,100px)}
.support-hero h1 em{display:inline}
.tax-benefit{display:block;margin-top:20px;padding:15px 18px;border:1px solid #cf9b69;background:#f2e2d0;color:#8d4c24;font-size:12px;line-height:1.7}
.tax-benefit:before{content:"80G TAX BENEFIT";display:block;margin-bottom:5px;color:#bd6d31;font-size:8px;font-weight:800;letter-spacing:1.7px}
.support-section-head{display:block;margin-bottom:30px}
.support-section-head h2{white-space:nowrap;font-size:clamp(44px,5vw,70px)}
.support-section-head h2 em{display:inline}
.support-section-head>p{max-width:780px;margin:16px 0 0}
.benefit-grid{grid-template-columns:repeat(3,1fr)}
.benefit-grid article{min-height:128px;padding:20px 22px}
.benefit-grid article span{right:14px;top:12px;font-size:24px}
.benefit-grid h3{margin-bottom:8px;font-size:22px}
.benefit-grid p{font-size:10px;line-height:1.62}
@media(max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.support-hero h1{font-size:clamp(38px,11.5vw,49px);letter-spacing:-1px}.support-section-head h2{font-size:clamp(31px,9vw,44px);letter-spacing:-.7px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:0;padding:19px 20px}}

/* Keep the complete Kanebuva portrait below the fixed navigation. */
.about-prose-page .about-kanebuva-hero>img{top:100px;bottom:auto;height:calc(100% - 100px);object-fit:contain;object-position:center bottom}
@media(max-width:600px){.about-prose-page .about-kanebuva-hero>img{top:86px;height:calc(100% - 86px);right:-9%;width:88%;object-position:center bottom}}

/* Dedicated Vidushi Manjusha Patil page */
.manjusha-page{background:#faf7f2}.manjusha-hero{position:relative;display:flex;align-items:flex-end;min-height:690px;padding:155px 0 78px;overflow:hidden;background:#0b1014;color:#fff}.manjusha-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.45) contrast(1.08)}.manjusha-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.79) 42%,rgba(7,10,13,.22) 76%),linear-gradient(0deg,rgba(7,10,13,.72),transparent 55%)}.manjusha-hero .wrap{position:relative}.manjusha-hero h1{max-width:860px;margin:24px 0 20px;font:600 clamp(66px,8vw,112px)/.84 'Cormorant Garamond',serif;letter-spacing:-2px}.manjusha-hero h1 em{display:block;color:#dc965b}.manjusha-hero p{max-width:650px;margin:0;color:#d0c5bc;font-size:13px;line-height:1.85}
.manjusha-guru-story{padding:92px 0}.manjusha-guru-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center}.manjusha-guru-grid figure{margin:0;padding:12px;background:#e6d4bf}.manjusha-guru-grid figure a{display:block;overflow:hidden;background:#17120f;cursor:zoom-in}.manjusha-guru-grid figure img{display:block;width:100%;height:570px;object-fit:cover;object-position:center;transition:transform .5s}.manjusha-guru-grid figure a:hover img{transform:scale(1.025)}.manjusha-guru-grid figcaption{padding:11px 3px 1px;color:#826b58;font-size:8px;letter-spacing:1.4px;text-transform:uppercase}.manjusha-guru-grid h2{margin:18px 0 25px;font:600 clamp(50px,5.5vw,76px)/.9 'Cormorant Garamond',serif;letter-spacing:-1px}.manjusha-guru-grid h2 em{display:block;color:#bd6d31}.manjusha-guru-grid p{margin:0 0 16px;color:#67594e;font-size:13px;line-height:1.85}.manjusha-guru-grid .manjusha-lead{color:#2e221b;font:500 21px/1.55 'Cormorant Garamond',serif}.manjusha-guru-grid .btn{margin-top:12px}
.manjusha-archive{padding:88px 0;background:#17120f;color:#fff}.manjusha-archive-head{display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:end;margin-bottom:38px}.manjusha-archive-head h2{margin:18px 0 0;font:600 clamp(50px,5.5vw,75px)/.9 'Cormorant Garamond',serif}.manjusha-archive-head h2 em{color:#dc965b}.manjusha-archive-head>p{margin:0;color:#bbaea3;font-size:12px;line-height:1.8}.manjusha-archive-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;height:480px}.manjusha-archive-grid a{display:block;overflow:hidden;background:#0c0907;cursor:zoom-in;border:1px solid rgba(255,255,255,.1)}.manjusha-archive-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,opacity .3s}.manjusha-archive-grid a:hover img{transform:scale(1.03);opacity:.9}
.manjusha-closing{padding:70px 0;background:#dcc5a7}.manjusha-closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:60px}.manjusha-closing p{max-width:850px;margin:0;color:#38281e;font:500 clamp(27px,3vw,40px)/1.18 'Cormorant Garamond',serif}
@media(max-width:900px){.manjusha-guru-grid{grid-template-columns:1fr;gap:45px}.manjusha-guru-grid figure{width:min(600px,100%)}.manjusha-archive-head{grid-template-columns:1fr;gap:20px}.manjusha-archive-grid{grid-template-columns:1fr 1fr;height:auto}.manjusha-archive-grid .wide{grid-column:1/3;height:390px}.manjusha-archive-grid a:not(.wide){height:260px}.manjusha-closing .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.manjusha-hero{min-height:590px;padding:120px 0 58px}.manjusha-hero>img{object-position:58% center}.manjusha-hero h1{font-size:62px}.manjusha-guru-story,.manjusha-archive{padding:58px 0}.manjusha-guru-grid figure img{height:auto;max-height:480px}.manjusha-archive-grid .wide{height:250px}.manjusha-archive-grid a:not(.wide){height:180px}.manjusha-closing{padding:55px 0}}

.manjusha-guru-grid figure img{object-fit:contain;background:#17120f}
.manjusha-archive-grid a{position:relative}
.manjusha-archive-grid a:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(7,5,4,.92));pointer-events:none}
.manjusha-archive-grid a>span{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;font:600 clamp(17px,1.8vw,25px)/1.08 'Cormorant Garamond',serif;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.manjusha-archive-grid a>span:before{content:"GURU";display:block;margin-bottom:7px;color:#dc965b;font:800 7px/1 Manrope,Arial,sans-serif;letter-spacing:1.8px}
.manjusha-archive-grid a>span:before{display:none}
@media(max-width:600px){.manjusha-archive-grid a>span{left:12px;right:12px;bottom:12px;font-size:16px}.manjusha-archive-grid a>span:before{margin-bottom:5px}}

/* Keep the Gurus' faces inside the visible crop in the archive carousel. */
.manjusha-archive-grid img{object-position:center 24%}
.manjusha-archive-grid a:nth-child(2) img{object-position:center 20%}
.manjusha-archive-grid a:nth-child(3) img{object-position:center 16%}
@media(max-width:600px){
  .manjusha-archive-grid .wide{height:310px}
  .manjusha-archive-grid a:not(.wide){height:225px}
  .manjusha-archive-grid img{object-position:center 18%}
  .manjusha-archive-grid a:nth-child(2) img{object-position:center 14%}
  .manjusha-archive-grid a:nth-child(3) img{object-position:center 10%}
}

.support-contact-channel{display:flex;flex-direction:column;gap:8px}
.support-social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(76,44,24,.2);border:1px solid rgba(76,44,24,.2)}
.support-social-links a{display:flex;align-items:center;gap:9px;min-width:0;padding:13px 15px;background:#f0d8b8;color:#38261b;font-size:9px;font-weight:700;letter-spacing:.2px}
.support-social-links a:hover{background:#231812;color:#fff}
.support-social-links b{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#9e5a2d;color:#fff;font-size:9px}.support-social-links span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.support-social-links{grid-template-columns:1fr}.support-social-links a{padding:12px 15px}}

/* Show the complete Manjusha Patil portrait without banner cropping. */
.manjusha-website a{height:560px;background:#050505}
.manjusha-website img{height:560px;object-fit:contain;object-position:center;transform:none}
.manjusha-website a:hover img{transform:none;opacity:.96}
@media(max-width:800px){.manjusha-website a,.manjusha-website img{height:440px}}
@media(max-width:560px){.manjusha-website a,.manjusha-website img{height:320px}}

/* Warm cream public navigation, coordinated with the site's parchment palette. */
.header{
    background:rgba(246,238,226,.72);
    backdrop-filter:blur(9px) saturate(110%);
    -webkit-backdrop-filter:blur(9px) saturate(110%);
    color:#241914;
    border-bottom:0;
    box-shadow:none;
}
.foundation-name{color:#241914}
.foundation-name strong{color:#a65f2d}
.header nav a{color:#2b201a}
.header nav a:hover{color:#a65f2d}
.header nav .donate{border-color:rgba(166,95,45,.62)}
.header nav .donate:hover{background:#a65f2d;color:#fff}
.header .nav-socials{display:flex;align-items:center;gap:6px;flex-shrink:0}
.header .nav-socials a{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(91,57,35,.24);border-radius:50%;color:#6f4429;opacity:1}
.header .nav-socials a:hover{background:#a65f2d;border-color:#a65f2d;color:#fff}
.header .nav-socials svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.header .nav-socials svg path{fill:currentColor;stroke:none}
.header .nav-socials svg .icon-fill{fill:currentColor;stroke:none}
.hamb i{background:#2b201a}
@media(max-width:900px){
    .header nav{
        background:rgba(249,243,234,.9);
        border-color:rgba(129,88,52,.2);
        box-shadow:0 16px 30px rgba(35,23,16,.14);
    }
    .header nav a{color:#2b201a}
    .header nav a:hover{background:rgba(166,95,45,.09);color:#a65f2d}
    .header .nav-socials{justify-content:center;padding:10px 0 4px}
    .header .nav-socials a{width:34px;height:34px;padding:0}
}

/* Events navigation dropdown */
.header .nav-dropdown{position:relative;flex-shrink:0}.header .nav-dropdown-toggle{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#2b201a;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;opacity:.95;transition:color .25s ease}.header .nav-dropdown-toggle span{font-size:14px;line-height:1;transition:transform .25s ease}.header .nav-dropdown:hover .nav-dropdown-toggle,.header .nav-dropdown:focus-within .nav-dropdown-toggle,.header .nav-dropdown.open .nav-dropdown-toggle{color:#a65f2d}.header .nav-dropdown:hover .nav-dropdown-toggle span,.header .nav-dropdown:focus-within .nav-dropdown-toggle span,.header .nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}.header .nav-dropdown-menu{position:absolute;top:calc(100% + 15px);left:50%;z-index:20;min-width:190px;padding:8px;background:rgba(248,239,226,.98);border:1px solid rgba(111,68,41,.18);box-shadow:0 16px 34px rgba(42,27,18,.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.header .nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}.header .nav-dropdown:hover .nav-dropdown-menu,.header .nav-dropdown:focus-within .nav-dropdown-menu,.header .nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.header .nav-dropdown-menu a{padding:11px 13px;color:#2b201a;font-size:12px;font-weight:600;opacity:1}.header .nav-dropdown-menu a:hover{background:rgba(166,95,45,.1);color:#a65f2d}
@media(max-width:900px){.header .nav-dropdown{width:100%}.header .nav-dropdown-toggle{width:100%;justify-content:center;padding:13px 20px;font-size:14px}.header .nav-dropdown-menu{position:static;display:none;width:min(260px,90%);min-width:0;margin:0 auto 7px;padding:5px;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(166,95,45,.07)}.header .nav-dropdown:hover .nav-dropdown-menu,.header .nav-dropdown:focus-within .nav-dropdown-menu{display:none;transform:none}.header .nav-dropdown.open .nav-dropdown-menu{display:block;transform:none}.header .nav-dropdown-menu:before{display:none}.header .nav-dropdown-menu a{padding:10px;text-align:center}}

/* Keep the homepage Gurukul copy legible against its dark background. */
.dark .gurukul-copy p{
    color:#d8cec5;
    font-size:14px;
    font-weight:500;
}
.dark .gurukul-copy .label.light{color:#cdbfb3}
.dark .gurukul-copy h2 strong{color:#fff}

/* Clear horizontal nameplate beneath the Kanebuva portrait. */
.kanebuva-portrait figcaption{
    position:relative;
    right:auto;
    bottom:auto;
    display:block;
    width:100%;
    margin-top:12px;
    padding:14px 18px;
    background:#241711;
    color:#fff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(18px,1.5vw,22px);
    font-weight:700;
    line-height:1.2;
    letter-spacing:.2px;
    text-align:center;
    text-transform:none;
    writing-mode:horizontal-tb;
    transform:none;
}

.kanebuva-tribute-copy .label{
    color:#57331f;
    font-weight:800;
}

/* Paired legacy logos in the About-page Pratishthan introduction. */
.about-prose-page .about-intro-grid figure.about-legacy-logos{
    padding:0;
    background:transparent;
}
.about-logo-pair{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    align-items:center;
    gap:2px;
    min-height:0;
    padding:0;
    background:transparent;
}
.about-prose-page .about-intro-grid figure.about-legacy-logos img{
    width:min(100%,440px);
    height:auto;
    max-height:345px;
    object-fit:contain;
}
@media(max-width:600px){
    .about-logo-pair{
        min-height:0;
        padding:0;
        gap:0;
    }
}

/* More compact About-page Gurukul section heading. */
.about-gurukul-story h2{
    font-size:clamp(40px,4.5vw,62px);
    line-height:.96;
}
@media(max-width:600px){
    .about-gurukul-story h2{font-size:38px}
}

/* Compact aims and objectives beneath the Pratishthan introduction. */
.pratishthan-objectives{
    margin-top:30px;
    padding-top:24px;
    border-top:1px solid #d8c4ae;
}
.pratishthan-objectives h3{
    margin:0 0 17px;
    color:#4a2d1d;
    font:700 clamp(27px,2.6vw,36px)/1 "Cormorant Garamond",Georgia,serif;
}
.pratishthan-objective-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:#dcc9b5;
    border:1px solid #dcc9b5;
}
.pratishthan-objective-grid article{
    min-height:128px;
    padding:19px 20px;
    background:#f7efe5;
}
.pratishthan-objective-grid strong{
    display:block;
    margin-bottom:7px;
    color:#9b572c;
    font-size:11px;
    font-weight:800;
}
.about-prose-page .pratishthan-objective-grid p{
    margin:0;
    font-size:10.5px;
    line-height:1.65;
}
@media(max-width:600px){
    .pratishthan-objective-grid{grid-template-columns:1fr}
    .pratishthan-objective-grid article{min-height:0}
}

.pratishthan-objective-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px 32px;
    margin:0;
    padding:0 0 0 20px;
}
.pratishthan-objective-list li{
    padding-left:3px;
    color:#66584e;
    font-size:12px;
    line-height:1.7;
}
.pratishthan-objective-list li::marker{
    color:#a75e2d;
    font-size:1.2em;
}
.pratishthan-objective-list strong{color:#4a2d1d}
@media(max-width:600px){
    .pratishthan-objective-list{grid-template-columns:1fr;gap:10px}
}

/* Gurukul development timeline inside the dark About-page section. */
.about-gurukul-timeline{
    margin-top:34px;
}
.about-gurukul-timeline .heritage-dot{
    box-shadow:0 0 0 4px #201611,0 0 0 5px rgba(220,150,91,.3);
}
.about-gurukul-timeline .heritage-year{color:#e0a15f}
.about-gurukul-timeline .heritage-content{
    padding-bottom:14px;
    border-color:rgba(220,150,91,.24);
}
.about-gurukul-timeline .heritage-content h3{
    color:#fff;
    font-size:16px;
}
.about-gurukul-story .about-gurukul-timeline .heritage-content p{
    margin:0;
    color:#cbbcaf;
    font-size:12px;
    line-height:1.55;
}

/* Visual transition from the original institutions to their current identities. */
.about-prose-page .about-legacy-grid figure.about-legacy-flow{
    display:grid;
    gap:14px;
    width:100%;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}
.legacy-flow-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
    align-items:center;
    min-height:205px;
    padding:16px 20px;
    background:#f2e3d1;
    border:1px solid #dcc5aa;
}
.about-legacy-grid .legacy-flow-row img{
    width:100%;
    height:170px;
    object-fit:contain;
}
.legacy-flow-arrow{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#a55f31;
    color:#fff;
    font-size:24px;
    line-height:1;
}
.about-legacy-flow figcaption{
    padding:10px 0 0;
    color:#9f5a2e;
    font:700 clamp(26px,3vw,38px)/1 "Cormorant Garamond",Georgia,serif;
    letter-spacing:.3px;
    text-align:center;
}
@media(max-width:600px){
    .legacy-flow-row{
        grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);
        min-height:170px;
        padding:12px 8px;
    }
    .about-legacy-grid .legacy-flow-row img{height:145px}
    .legacy-flow-arrow{width:32px;height:32px;font-size:19px}
}

/* Milestones in the early growth of Gurukul Sangeet Vidyalaya. */
.gurukul-origin-history{
    display:grid;
    gap:0;
    margin-top:30px;
    border-top:1px solid #d9c5b0;
}
.gurukul-origin-history article{
    display:grid;
    grid-template-columns:58px 1fr;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid #e1d2c2;
}
.gurukul-origin-history span{
    color:#ad622f;
    font:700 18px/1.35 "Cormorant Garamond",Georgia,serif;
}
.gurukul-origin .gurukul-origin-history p{
    margin:0;
    color:#66584e;
    font-size:12px;
    line-height:1.72;
}
.gurukul-origin-history strong{color:#30231c}
@media(max-width:600px){
    .gurukul-origin-history article{
        grid-template-columns:48px 1fr;
        gap:10px;
        padding:14px 0;
    }
}

@media(max-width:900px){
    .about-prose-page .about-intro-grid figure.about-legacy-logos{
        width:100%;
        overflow:hidden;
    }
    .about-prose-page .about-intro-grid figure.about-legacy-logos img{
        width:120%;
        max-width:none;
        max-height:none;
        margin-block:-4%;
    }
}
@media(max-width:600px){
    .about-prose-page .about-intro-grid figure.about-legacy-logos img{
        width:132%;
        margin-block:-7%;
    }
}

/* Refined Events dropdown chevron */
.header .nav-dropdown-toggle{gap:7px}.header .nav-chevron{display:block;width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.header .nav-dropdown:hover .nav-chevron,.header .nav-dropdown:focus-within .nav-chevron,.header .nav-dropdown.open .nav-chevron{transform:rotate(180deg)}

/* Stable full-height navigation on tablets and phones */
@media(max-width:900px){
    body.nav-open{overflow:hidden}
    .header nav{
        position:fixed;
        top:82px;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        height:calc(100dvh - 82px);
        max-height:none;
        padding:18px 24px 26px;
        overflow-y:auto;
        overscroll-behavior:contain;
        background:#f8f1e7;
        border:0;
        border-top:1px solid rgba(129,88,52,.16);
        border-radius:0;
        box-shadow:none;
    }
    .header nav>a{padding:13px 12px;text-align:left}
    .header .nav-dropdown{width:100%}
    .header .nav-dropdown-toggle{width:100%;justify-content:space-between;padding:13px 12px;text-align:left}
    .header .nav-dropdown-menu{width:100%;margin:0 0 5px;padding:4px 8px;background:rgba(166,95,45,.07)}
    .header .nav-dropdown-menu a{padding:11px 14px;text-align:left}
    .header .nav-socials{margin-top:auto;padding:18px 8px 8px;justify-content:flex-start}
    .header nav .donate{margin-top:8px;padding:13px 16px;text-align:center}
}
@media(max-width:480px){
    .header nav{padding:12px 16px 20px}
    .header nav>a,.header .nav-dropdown-toggle{padding-top:12px;padding-bottom:12px}
}

/* Social links sit between the brand and hamburger on responsive screens. */
.mobile-social-rail{display:none}
@media(max-width:900px){
    .header nav .nav-socials{display:none!important}
    .header .mobile-social-rail{
        position:fixed;
        z-index:105;
        top:41px;
        right:70px;
        display:flex;
        align-items:center;
        flex-direction:row;
        gap:4px;
        transform:translateY(-50%);
    }
    .header .mobile-social-rail a{
        display:grid;
        width:30px;
        height:30px;
        place-items:center;
        padding:0;
        border:1px solid rgba(111,68,41,.24);
        border-radius:50%;
        background:rgba(255,250,243,.72);
        color:#704429;
        transition:background .2s ease,color .2s ease,transform .2s ease;
    }
    .header .mobile-social-rail a:hover,.header .mobile-social-rail a:focus-visible{background:#a65f2d;color:#fff;transform:translateY(-2px)}
    .header .mobile-social-rail svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
    .header .mobile-social-rail svg path{fill:currentColor;stroke:none}
    .header .mobile-social-rail svg .icon-fill{fill:currentColor;stroke:none}
}
@media(max-width:700px){
    .header .mobile-social-rail{top:37px;right:62px;gap:3px}
    .header .mobile-social-rail a{width:27px;height:27px}
    .header .mobile-social-rail svg{width:13px;height:13px}
}
@media(max-width:420px){
    .header .foundation-name span{font-size:14px}
    .header .foundation-name strong{display:none}
    .header .mobile-social-rail{right:58px;gap:2px}
    .header .mobile-social-rail a{width:25px;height:25px}
    .header .mobile-social-rail svg{width:12px;height:12px}
}

/* Homepage rotating bulletin bar */
.home-bulletin{
    position:fixed;
    z-index:99;
    top:100px;
    left:0;
    right:0;
    height:38px;
    overflow:hidden;
    background:rgba(27,18,13,.84);
    border-top:1px solid rgba(226,160,88,.18);
    border-bottom:1px solid rgba(226,160,88,.32);
    color:#fff;
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
}
.home-bulletin-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;height:100%;gap:18px}
.home-bulletin-heading{display:flex;align-items:center;gap:9px;color:#e2a058;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.home-bulletin-heading i{width:7px;height:7px;border-radius:50%;background:#e2a058;box-shadow:0 0 0 5px rgba(226,160,88,.14)}
.home-bulletin-viewport{position:relative;height:100%;min-width:0;overflow:hidden}
.home-bulletin-item{position:absolute;inset:0;display:flex;align-items:center;gap:11px;min-width:0;color:#f9f1e7;opacity:0;visibility:hidden;transform:translateY(11px);transition:opacity .38s ease,transform .38s ease,visibility .38s}
.home-bulletin-item.active{opacity:1;visibility:visible;transform:translateY(0)}
.home-bulletin-item strong{flex:0 0 auto;color:#e2a058;font-size:11px;letter-spacing:.7px;text-transform:uppercase}
.home-bulletin-item strong:after{content:"";display:inline-block;width:1px;height:13px;margin-left:11px;background:rgba(255,255,255,.28);vertical-align:-2px}
.home-bulletin-item span{overflow:hidden;color:#f5ebe1;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.home-bulletin-item b{flex:0 0 auto;margin-left:auto;color:#fff;font-size:10px;letter-spacing:.3px;white-space:nowrap}
.home-bulletin-item b i{color:#e2a058;font-style:normal}
.home-bulletin-item:hover b{color:#e2a058}
.home-bulletin-count{color:rgba(255,255,255,.48);font-size:9px;letter-spacing:1px;white-space:nowrap}
.home-bulletin-count b{color:#e2a058;font-weight:700}
@media(max-width:900px){.home-bulletin{top:82px}.home-bulletin-inner{gap:15px}.home-bulletin-heading{letter-spacing:1.4px}.home-bulletin-item b{display:none}}
@media(max-width:700px){.home-bulletin{top:74px;height:34px}.home-bulletin-inner{width:calc(100% - 24px);gap:10px}.home-bulletin-heading{font-size:0;letter-spacing:0}.home-bulletin-heading:after{content:"Updates";font-size:8px;letter-spacing:1.2px}.home-bulletin-heading i{width:6px;height:6px}.home-bulletin-item{gap:7px}.home-bulletin-item strong{font-size:9px}.home-bulletin-item strong:after{margin-left:7px}.home-bulletin-item span{font-size:10px}.home-bulletin-count{display:none}}
@media(prefers-reduced-motion:reduce){.home-bulletin-item{transition:none}}

/* Begin the homepage video below the fixed navigation instead of behind it. */
.hero.hero-below-header{
    margin-top:100px;
    height:calc(100svh - 100px);
    min-height:calc(100svh - 100px);
}
.hero.hero-below-updates{
    margin-top:138px;
    height:calc(100svh - 138px);
    min-height:calc(100svh - 138px);
}
@media(max-width:900px){
    .hero.hero-below-header{margin-top:82px;height:calc(100svh - 82px);min-height:calc(100svh - 82px)}
    .hero.hero-below-updates{margin-top:120px;height:calc(100svh - 120px);min-height:calc(100svh - 120px)}
}
@media(max-width:700px){
    .hero.hero-below-header{margin-top:74px;height:calc(100svh - 74px);min-height:calc(100svh - 74px)}
    .hero.hero-below-updates{margin-top:108px;height:calc(100svh - 108px);min-height:calc(100svh - 108px)}
}

/* Compact admissions section within the Gurukul page */
.gurukul-admissions{scroll-margin-top:155px;padding:92px 0 100px;background:#f4eadc;color:#2b201a}
.gurukul-admissions-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:45px}
.gurukul-admissions-head h2{max-width:720px;margin:20px 0 0;font:600 clamp(48px,5.4vw,76px)/.9 'Cormorant Garamond',serif;letter-spacing:-1.4px}
.gurukul-admissions-head h2 em{display:block;color:#bd6d31;font-weight:500}
.gurukul-admissions-head h2 .gurukul-title-ending{white-space:nowrap}.gurukul-admissions-head h2 .gurukul-title-ending em{display:inline}
.gurukul-admissions-head>p{max-width:520px;margin:0;color:#6e6055;font-size:13px;line-height:1.8}
.gurukul-admissions-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}
.gurukul-admission-options{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8c5b0;background:#d8c5b0;gap:1px}
.gurukul-admission-options article{padding:30px 25px;background:#fbf6ef}
.gurukul-admission-options span{color:#b86831;font-size:9px;font-weight:800;letter-spacing:2px}
.gurukul-admission-options h3{margin:15px 0 10px;font:600 28px/1 'Cormorant Garamond',serif}
.gurukul-admission-options p{margin:0;color:#75665a;font-size:11px;line-height:1.75}
.gurukul-admission-faq{padding:30px;background:#211711;color:#fff}
.gurukul-admission-faq>h3{margin:0 0 17px;font:600 30px/1 'Cormorant Garamond',serif}
.gurukul-admission-faq details{border-top:1px solid rgba(255,255,255,.15)}
.gurukul-admission-faq details:last-of-type{border-bottom:1px solid rgba(255,255,255,.15)}
.gurukul-admission-faq summary{position:relative;padding:16px 28px 16px 0;list-style:none;color:#f4e9de;font-size:11px;font-weight:700;cursor:pointer}
.gurukul-admission-faq summary::-webkit-details-marker{display:none}
.gurukul-admission-faq summary:after{content:"+";position:absolute;right:2px;top:13px;color:#dc965b;font-size:18px;font-weight:400}
.gurukul-admission-faq details[open] summary:after{content:"−"}
.gurukul-admission-faq details p{margin:-3px 0 16px;color:#c8b9ad;font-size:11px;line-height:1.7}
.gurukul-admission-actions{display:flex;align-items:center;gap:18px;margin-top:23px}
.gurukul-admission-actions .btn{margin:0;padding:13px 18px;font-size:10px}
.gurukul-admission-actions>a:not(.btn){color:#e6b17f;font-size:10px;font-weight:700;white-space:nowrap}
@media(max-width:1050px){.gurukul-admissions-grid{grid-template-columns:1fr}.gurukul-admission-faq{max-width:none}}
@media(max-width:780px){.gurukul-admissions{padding:65px 0 72px}.gurukul-admissions-head{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.gurukul-admission-options{grid-template-columns:1fr}.gurukul-admission-options article{padding:24px}.gurukul-admission-options h3{font-size:25px}}
@media(max-width:520px){.gurukul-admissions{scroll-margin-top:120px}.gurukul-admissions-head h2{font-size:46px}.gurukul-admission-faq{padding:25px 21px}.gurukul-admission-actions{align-items:stretch;flex-direction:column}.gurukul-admission-actions .btn,.gurukul-admission-actions>a:not(.btn){width:100%;text-align:center}}

/* Give the full desktop navigation enough room so the Gurukul logo stays
   aligned inside the header rather than being pushed against the viewport. */
@media(min-width:1101px){
    .header .nav{
        width:min(calc(100% - 48px),1560px);
        gap:18px;
        justify-content:center;
    }
    .header .foundation-name{
        min-width:270px;
        margin-right:0;
    }
    .header nav{gap:18px}
    .header .right-logo{
        margin-left:2px;
        margin-right:8px;
    }
    .header .right-logo img{max-width:118px}
}

/* Final compact sizing for event and initiative listing cards */
.events-listing .event-card-image{height:265px}
.events-listing .event-card-copy{padding:22px 24px 24px}
.events-listing .event-card-copy h2{margin:8px 0 9px;font-size:32px;line-height:1.02}
.events-listing .event-card-copy p{display:-webkit-box;overflow:hidden;min-height:0;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:12px;line-height:1.65}
.events-listing .event-card-link{margin-top:17px}
@media(max-width:680px){.events-listing .event-card-image{height:245px}.events-listing .event-card-copy{padding:20px 21px 22px}}

/* Softer treatment for the updated Kanebuva portrait */
.kanebuva-portrait:before{border-radius:28px;opacity:.55}
.kanebuva-portrait-frame{border-radius:30px;box-shadow:0 24px 55px rgba(48,29,18,.2)}
.kanebuva-portrait-frame:after{border:1px solid rgba(255,255,255,.1);border-radius:inherit}
.kanebuva-portrait img{object-position:center center;filter:saturate(.9) contrast(1.01)}
.about-prose-page .about-kanebuva-hero>img{filter:saturate(.92) contrast(1.02)}
@media(max-width:560px){.kanebuva-portrait:before{border-radius:20px}.kanebuva-portrait-frame{border-radius:22px}}

/* Keep every Visits photograph fully visible in a compact grid */
.visits-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.visit-photo{aspect-ratio:4/3;background:#201611}
.visit-photo>img{object-fit:contain;object-position:center}
.visit-photo:hover>img,.visit-photo:focus-visible>img{transform:none;filter:brightness(.72)}
@media(max-width:1180px){.visits-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.visits-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.visits-photo-grid{grid-template-columns:1fr}.visit-photo{aspect-ratio:4/3}}

/* Use an even reading edge for public-facing body copy across the website. */
main p{text-align:justify;text-justify:inter-word;hyphens:auto}

/* Raag names form a swara-inspired transition into the Why Sangli section. */
.gurukul-raag-strip{position:relative;z-index:2;overflow:hidden;background:#bf6c2c;color:#fff;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(83,39,15,.16)}
.gurukul-raag-scroll{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,42px);width:max-content;min-width:100%;padding:18px max(28px,calc((100vw - 1500px)/2));white-space:nowrap}
.gurukul-raag-scroll span{font-family:'Noto Serif Devanagari','Nirmala UI','Mangal',serif;font-size:clamp(19px,1.55vw,27px);font-weight:500;line-height:1.2}
.gurukul-raag-scroll i{color:#fff;font-size:18px;font-style:normal;opacity:.92}
@media(max-width:900px){.gurukul-raag-strip{overflow-x:auto;scrollbar-width:none}.gurukul-raag-strip::-webkit-scrollbar{display:none}.gurukul-raag-scroll{justify-content:flex-start;min-width:max-content;padding:15px 24px}.gurukul-raag-scroll span{font-size:21px}.gurukul-raag-scroll i{font-size:15px}}