@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --red: #8e3f2f;
    --red-dark: #713025;
    --brown: #2b211c;
    --brown-2: #493a32;
    --paper: #f4ebdd;
    --cream: #fcfaf5;
    --gold: #b08a45;
    --olive: #59604a;
    --ink: #292624;
    --muted: #6c625a;
    --line: rgba(43, 33, 28, .16);
    --serif: "Cormorant Garamond", Georgia, serif;
    --sans: "Inter", Arial, sans-serif;
    --max: 1220px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: var(--sans);
    color: var(--ink);
    background: var(--cream);
    line-height: 1.7
}

body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
}

a {
    text-decoration: none;
    color: inherit
}

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

button {
    font: inherit
}

.container {
    width: min(calc(100% - 40px), var(--max));
    margin: auto
}

h1,
h2,
h3,
h4 {
    font-family: var(--serif);
    line-height: 1.05;
    color: var(--brown)
}

h1 {
    font-size: clamp(3.2rem, 7vw, 6.8rem)
}

h2 {
    font-size: clamp(2.5rem, 5vw, 4.5rem)
}

h3 {
    font-size: 2rem
}

p {
    color: var(--muted)
}

.kicker {
    font-size: 10px;
    letter-spacing: .24em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gold)
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(252, 250, 245, .96);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(14px)
}

.nav {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 400px;
}

.seal {
    width: 44px;
    height: 44px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--gold);
    font-family: var(--serif);
    font-size: 17px
}

.brand strong {
    display: block;
    font-family: var(--serif);
    font-size: 16px;
    letter-spacing: .04em
}

.brand small {
    display: block;
    color: var(--gold);
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase
}

/* =====================================================
   LIFE AT A GLANCE
   ===================================================== */

.life-section {
    position: relative;
    padding: 120px 0;

    background: #f4ebdd;

    overflow: hidden;
}


/* subtle background typography */

.life-section::before {
    content: "LIFE";

    position: absolute;

    right: -30px;
    top: 50px;

    font-family: var(--heading-font);

    font-size: 18rem;
    line-height: 1;

    color: rgba(43, 33, 28, 0.025);

    pointer-events: none;
}


/* =====================================================
   HEADING
   ===================================================== */

.life-heading {
    position: relative;

    max-width: 720px;

    margin-bottom: 75px;
}


.life-heading .kicker {
    margin-bottom: 15px;
}


.life-heading h2 {
    margin-bottom: 22px;

    font-size: clamp(3.5rem,
            6vw,
            5.5rem);

    line-height: .9;
}


.life-heading h2 em {
    color: var(--terracotta);

    font-style: italic;
}


.life-heading p {
    max-width: 620px;

    font-size: 15px;

    line-height: 1.8;
}


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

.life-timeline {
    position: relative;

    display: grid;

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

    border-top: 1px solid rgba(176, 138, 69, .45);
}


/* connecting line */

.life-timeline::before {
    content: "";

    position: absolute;

    top: -5px;
    left: 0;
    right: 0;

    height: 9px;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(176, 138, 69, .18),
            transparent);

    pointer-events: none;
}


/* =====================================================
   ITEM
   ===================================================== */

.life-item {
    position: relative;

    min-height: 340px;

    padding: 35px 30px 30px;

    border-right: 1px solid rgba(43, 33, 28, .14);

    transition:
        background .4s ease,
        transform .4s ease;
}


.life-item:first-child {
    border-left: 1px solid rgba(43, 33, 28, .14);
}


.life-item:hover {
    background: rgba(255, 255, 255, .55);

    transform: translateY(-8px);
}


/* =====================================================
   NUMBER
   ===================================================== */

.life-number {
    position: relative;

    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    margin-bottom: 60px;

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

    border-radius: 50%;

    background: var(--paper);

    color: var(--terracotta);

    font-family: var(--heading-font);

    font-size: 22px;

    z-index: 2;
}


/* connector dot */

.life-number::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -66px;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--gold);

    transform: translateX(-50%);
}


/* =====================================================
   CONTENT
   ===================================================== */

.life-content {
    max-width: 240px;
}


.life-label {
    display: block;

    margin-bottom: 10px;

    color: var(--gold);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.life-content h3 {
    margin-bottom: 13px;

    color: var(--brown);

    font-size: 31px;

    line-height: 1;
}


.life-content p {
    font-size: 13px;

    line-height: 1.7;
}


/* =====================================================
   LINK
   ===================================================== */

.life-link {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-top: 24px;

    color: var(--terracotta);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.life-link b {
    font-size: 16px;

    transition:
        transform .3s ease;
}


.life-item:hover .life-link b {
    transform:
        translate(4px, -4px);
}


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

@media (max-width: 900px) {

    .life-timeline {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .life-item:nth-child(2) {
        border-right: 0;
    }

    .life-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(43, 33, 28, .14);
    }

}


@media (max-width: 600px) {

    .life-section {
        padding: 80px 0;
    }

    .life-section::before {
        font-size: 9rem;

        top: 20px;
    }

    .life-heading {
        margin-bottom: 50px;
    }

    .life-heading h2 {
        font-size: 3.6rem;
    }

    .life-timeline {
        grid-template-columns: 1fr;
    }

    .life-item,
    .life-item:first-child {
        min-height: auto;

        padding: 30px 20px 40px;

        border-left: 1px solid rgba(43, 33, 28, .14);

        border-right: 1px solid rgba(43, 33, 28, .14);

        border-bottom: 1px solid rgba(43, 33, 28, .14);
    }

    .life-item:last-child {
        border-bottom: 0;
    }

    .life-number {
        margin-bottom: 35px;
    }

    .life-number::after {
        display: none;
    }

    .life-content {
        max-width: 100%;
    }

}

.links {
    display: flex;
    align-items: center;
    gap: 17px
}

.links a {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    position: relative
}

.links a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 0;
    height: 1px;
    background: var(--red);
    transition: .3s
}

.links a:hover,
.links a.active {
    color: var(--red)
}

.links a:hover:after,
.links a.active:after {
    width: 100%
}

.language {
    font-size: 10px;
    color: var(--gold);
    padding-left: 15px;
    border-left: 1px solid var(--line)
}

.menu {
    display: none;
    background: none;
    border: 1px solid var(--line);
    width: 43px;
    height: 43px;
    cursor: pointer
}

.hero {
    min-height: 100vh;
    padding: 145px 0 90px;
    position: relative;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 82% 35%, rgba(142, 63, 47, .5), transparent 30%), linear-gradient(115deg, #2b211c 0%, #3b2922 60%, #594238 100%)
}

.hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(43, 33, 28, .98), rgba(43, 33, 28, .84) 50%, rgba(43, 33, 28, .25));
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 780px
}

.hero .kicker {
    margin-bottom: 18px
}

.hero h1 {
    color: #fff;
    max-width: 800px
}

.hero h1 span {
    color: var(--gold);
    font-style: italic
}

.hero-name {
    font-family: var(--serif);
    font-size: 22px;
    color: #d8c9bb;
    margin: 20px 0
}

.hero-intro {
    font-size: 16px;
    color: #e3d8cf;
    max-width: 680px
}

.hero-meta {
    display: flex;
    gap: 45px;
    margin: 35px 0
}

.hero-meta div {
    display: flex;
    flex-direction: column
}

.hero-meta span {
    font-size: 10px;
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: .18em
}

.hero-meta strong {
    font-family: var(--serif);
    font-size: 21px;
    color: #fff
}

.hero-meta small {
    font-size: 11px;
    color: #b8aa9e
}

.btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 48px;
    padding: 0 23px;
    border: 1px solid rgba(255, 255, 255, .35);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: #fff;
    transition: .3s
}

.btn:hover {
    transform: translateY(-3px);
    border-color: var(--gold)
}

.btn.primary {
    background: var(--red);
    border-color: var(--red)
}

.quote {
    margin-top: 35px;
    padding-left: 22px;
    border-left: 2px solid var(--gold);
    max-width: 700px;
    font-family: var(--serif);
    font-size: 19px;
    font-style: italic;
    color: #d5c7ba
}

.section {
    padding: 100px 0
}

.section.alt {
    background: var(--paper)
}

.section-head {
    max-width: 760px;
    margin-bottom: 50px
}

.section-head .kicker {
    margin-bottom: 12px
}

.section-head h2 {
    margin-bottom: 15px
}

.section-head p {
    font-size: 16px
}

.facts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-block: 1px solid var(--line)
}

.fact {
    padding: 28px;
    border-right: 1px solid var(--line);
    min-height: 145px
}

.fact:last-child {
    border: 0
}

.fact span {
    display: block;
    color: var(--gold);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .18em;
    margin-bottom: 8px
}

.fact strong {
    font-family: var(--serif);
    font-size: 22px;
    color: var(--brown)
}

.journey {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--line)
}

.journey-card {
    padding: 30px;
    border-right: 1px solid var(--line);
    min-height: 220px
}

.journey-card:last-child {
    border: 0
}

.number {
    color: var(--gold);
    font-family: var(--serif);
    font-size: 25px;
    margin-bottom: 35px
}

.journey-card h3 {
    margin-bottom: 8px
}

.journey-card p {
    font-size: 13px
}

.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--line)
}

.card {
    background: var(--cream);
    padding: 32px;
    min-height: 260px;
    transition: .3s
}

.card:hover {
    transform: translateY(-5px);
    background: #fff
}

.card .number {
    margin-bottom: 45px
}

.card p {
    font-size: 14px;
    margin-top: 10px
}

.page-hero {
    padding: 160px 0 80px;
    background: linear-gradient(120deg, #2b211c, #49352c);
    color: #fff
}

.page-hero h1 {
    color: #fff;
    max-width: 1368px
}

.page-hero p {
    color: #d6c8ba;
    max-width: 720px;
    margin-top: 18px
}

.content-grid {
    display: grid;
    grid-template-columns: 1.7fr .8fr;
    gap: 70px
}

.content h2 {
    font-size: 38px;
    margin: 45px 0 15px
}

.content h2:first-child {
    margin-top: 0
}

.content p {
    margin-bottom: 18px
}

.side-note {
    padding: 28px;
    background: var(--paper);
    border-top: 3px solid var(--gold);
    height: max-content
}

.side-note h3 {
    font-size: 27px;
    margin-bottom: 15px
}

.side-note ul {
    list-style: none
}

.side-note li {
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
    font-size: 13px
}

.timeline {
    position: relative;
    max-width: 950px;
    margin: auto
}

.timeline:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--line)
}

.timeline-item {
    width: 50%;
    padding: 0 45px 55px;
    position: relative
}

.timeline-item:nth-child(even) {
    margin-left: 50%
}

.timeline-item:before {
    content: "";
    position: absolute;
    top: 5px;
    width: 11px;
    height: 11px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    background: var(--cream);
    z-index: 2
}

.timeline-item:nth-child(odd) {
    text-align: right
}

.timeline-item:nth-child(odd):before {
    right: -6px
}

.timeline-item:nth-child(even):before {
    left: -6px
}

.timeline-year {
    font-family: var(--serif);
    font-size: 28px;
    color: var(--red)
}

.timeline-item h3 {
    font-size: 24px;
    margin: 5px 0
}

.gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px
}

.gallery-item {
    background: var(--paper);
    border: 1px solid var(--line);
    cursor: pointer
}

.gallery-item img {
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    filter: sepia(.2)
}

.gallery-caption {
    padding: 17px;
    font-family: var(--serif);
    font-size: 18px
}

.tributes {
    display: grid;
    gap: 25px
}

.tribute {
    padding: 35px;
    background: var(--paper);
    border-left: 3px solid var(--gold)
}

.tribute blockquote {
    font-family: var(--serif);
    font-size: 24px;
    line-height: 1.5;
    color: var(--brown)
}

.tribute cite {
    display: block;
    margin-top: 17px;
    color: var(--red);
    font-size: 11px;
    font-style: normal
}

.video-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px
}

.video-card {
    background: var(--paper);
    border: 1px solid var(--line)
}

.video-card iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    border: 0
}

.video-card h3 {
    padding: 18px;
    font-size: 22px
}

.footer {
    background: var(--brown);
    color: #fff;
    padding: 75px 0 20px
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 60px;
    padding-bottom: 50px
}

.footer h3 {
    color: #fff;
    font-size: 38px
}

.footer p {
    color: #bcaea3;
    font-size: 13px
}

.footer a {
    display: block;
    color: #cbbdb2;
    font-size: 16px;
    margin: 7px 0
}

.footer a:hover {
    color: var(--gold)
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    color: #8f8278;
    font-size: 10px
}

.reveal {
    opacity: 0;
    transform: translateY(25px);
    transition: .7s
}

.reveal.visible {
    opacity: 1;
    transform: none
}

.back-top {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--gold);
    background: var(--brown);
    color: #fff;
    z-index: 800;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.back-top.show {
    opacity: 1;
    visibility: visible
}

.lightbox {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(20, 15, 12, .94);
    display: none;
    place-items: center;
    padding: 30px
}

.lightbox.open {
    display: grid
}

.lightbox img {
    max-width: 90vw;
    max-height: 85vh
}

.lightbox button {
    position: absolute;
    right: 25px;
    top: 20px;
    width: 45px;
    height: 45px;
    background: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .4);
    font-size: 25px;
    cursor: pointer
}

@media(max-width:1050px) {
    .links {
        gap: 10px
    }

    .links a {
        font-size: 9px
    }

    .language {
        display: none
    }
}

@media(max-width:900px) {
    .menu {
        display: block
    }

    .links {
        position: fixed;
        right: 0;
        top: 82px;
        width: min(340px, 90vw);
        height: calc(100vh - 82px);
        background: var(--cream);
        padding: 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        transform: translateX(100%);
        transition: .35s;
        overflow: auto;
        box-shadow: -15px 0 40px rgba(0, 0, 0, .12)
    }

    .links.open {
        transform: none
    }

    .links a {
        font-size: 13px
    }

    .language {
        display: block;
        border: 0;
        padding: 0
    }

    .facts,
    .journey {
        grid-template-columns: repeat(2, 1fr)
    }

    .fact:nth-child(2),
    .journey-card:nth-child(2) {
        border-right: 0
    }

    .content-grid {
        grid-template-columns: 1fr
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr
    }

    .footer-grid>div:first-child {
        grid-column: 1/-1
    }
}

@media(max-width:600px) {
    .container {
        width: min(1368px, var(--max))
    }

    .hero {
        padding-top: 130px
    }

    .hero-meta {
        flex-direction: column;
        gap: 18px
    }

    .facts,
    .journey,
    .cards,
    .gallery,
    .video-grid,
    .footer-grid {
        grid-template-columns: 1fr
    }

    .fact,
    .journey-card {
        border-right: 0;
        border-bottom: 1px solid var(--line)
    }

    .fact:last-child,
    .journey-card:last-child {
        border-bottom: 0
    }

    .page-hero {
        padding-top: 135px
    }

    .section {
        padding: 70px 0
    }

    .timeline:before {
        left: 8px
    }

    .timeline-item,
    .timeline-item:nth-child(even) {
        width: 100%;
        margin: 0;
        text-align: left;
        padding-left: 35px;
        padding-right: 0
    }

    .timeline-item:nth-child(odd):before,
    .timeline-item:nth-child(even):before {
        left: 2px;
        right: auto
    }

    .footer-grid>div:first-child {
        grid-column: auto
    }

    .footer-bottom {
        flex-direction: column;
        gap: 7px
    }
}

/* =========================================================
   DR. RATNAPPA KUMBHAR
   LIFE CHRONICLE SECTION
   ALL CLASSES ARE UNIQUE TO THIS SECTION
========================================================= */

.rk-life-chronicle {
    position: relative;

    padding: 125px 0 110px;

    background:
        radial-gradient(circle at 85% 20%,
            rgba(176, 138, 69, 0.08),
            transparent 30%),
        #f4ebdd;

    overflow: hidden;
}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.rk-life-bg-word {

    position: absolute;

    right: -55px;
    top: 40px;

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

    font-size: clamp(9rem,
            18vw,
            18rem);

    font-weight: 600;

    line-height: .7;

    color: rgba(43,
            33,
            28,
            0.035);

    pointer-events: none;

    user-select: none;
}


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

.rk-life-container {

    width: min(calc(100% - 50px),
            1220px);

    margin: auto;

    position: relative;

    z-index: 2;
}


/* =========================================================
   INTRO
========================================================= */

.rk-life-intro {

    max-width: 1368px;

    margin-bottom: 80px;
}


.rk-life-overline {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 25px;

    color: #8e3f2f;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .25em;
}


.rk-life-overline-line {

    width: 45px;

    height: 1px;

    background: #b08a45;
}


/* =========================================================
   TITLE
========================================================= */

.rk-life-title-wrap {

    display: flex;

    align-items: flex-start;

    gap: 28px;
}


.rk-life-index {

    padding-top: 10px;

    color: #b08a45;

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

    font-size: 22px;

    font-weight: 600;
}


.rk-life-title {

    margin: 0;

    color: #2b211c;

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

    font-size: clamp(3.7rem,
            6vw,
            5.8rem);

    font-weight: 600;

    line-height: .87;

    letter-spacing: -.025em;
}


.rk-life-title em {

    display: block;

    color: #8e3f2f;

    font-style: italic;

    font-weight: 500;
}


.rk-life-description {

    max-width: 650px;

    margin-top: 30px;

    margin-left: 75px;

    color: #665b53;

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   JOURNEY TRACK
========================================================= */

.rk-life-track {

    position: relative;

    display: grid;

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

    border-top:
        1px solid rgba(176, 138, 69, .45);
}


/* Main horizontal gold line */

.rk-life-track::before {

    content: "";

    position: absolute;

    top: -1px;

    left: 0;

    width: 100%;

    height: 1px;

    background:
        linear-gradient(90deg,
            transparent,
            #b08a45 15%,
            #b08a45 85%,
            transparent);

    opacity: .45;
}


/* =========================================================
   CHAPTER
========================================================= */

.rk-life-chapter {

    position: relative;

    min-height: 395px;

    padding:
        28px 28px 32px;

    border-right:
        1px solid rgba(43, 33, 28, .13);

    color: inherit;

    transition:
        background .45s ease,
        transform .45s ease;
}


.rk-life-chapter:first-child {

    border-left:
        1px solid rgba(43, 33, 28, .13);
}


.rk-life-chapter:hover {

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

    transform:
        translateY(-8px);
}


/* =========================================================
   TOP INFORMATION
========================================================= */

.rk-life-chapter-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 45px;
}


.rk-life-chapter-number {

    color: #8e3f2f;

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

    font-size: 25px;

    font-weight: 600;
}


.rk-life-period {

    color: #9a897a;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}


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

.rk-life-marker {

    position: absolute;

    top: -6px;

    left: 28px;

    width: 12px;

    height: 12px;

    display: grid;

    place-items: center;

    border:
        1px solid #b08a45;

    border-radius: 50%;

    background: #f4ebdd;
}


.rk-life-marker span {

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: #8e3f2f;

    transition:
        transform .35s ease;
}


.rk-life-chapter:hover .rk-life-marker span {

    transform:
        scale(1.7);
}


/* =========================================================
   CHAPTER BODY
========================================================= */

.rk-life-chapter-body {

    padding-top: 15px;

    max-width: 245px;
}


.rk-life-small-title {

    margin-bottom: 11px;

    color: #b08a45;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}


.rk-life-chapter h3 {

    margin: 0 0 16px;

    color: #2b211c;

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

    font-size: 34px;

    font-weight: 600;

    line-height: .92;

    transition:
        color .3s ease;
}


.rk-life-chapter:hover h3 {

    color: #8e3f2f;
}


.rk-life-chapter p {

    color: #70645b;

    font-size: 12.5px;

    line-height: 1.75;
}


/* =========================================================
   ARROW LINK
========================================================= */

.rk-life-arrow {

    position: absolute;

    left: 28px;

    right: 28px;

    bottom: 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 17px;

    border-top:
        1px solid rgba(43, 33, 28, .12);

    color: #8e3f2f;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .1em;

    text-transform: uppercase;
}


.rk-life-arrow b {

    display: grid;

    place-items: center;

    width: 30px;
    height: 30px;

    border:
        1px solid rgba(176, 138, 69, .5);

    border-radius: 50%;

    font-size: 14px;

    font-weight: 400;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease;
}


.rk-life-chapter:hover .rk-life-arrow b {

    transform:
        translate(3px, -3px);

    background: #8e3f2f;

    color: #fff;
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.rk-life-footer {

    display: grid;

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

    align-items: center;

    gap: 30px;

    margin-top: 55px;

    padding-top: 25px;

    border-top:
        1px solid rgba(43, 33, 28, .12);
}


.rk-life-footer-line {

    width: 100%;

    height: 1px;

    background:
        linear-gradient(90deg,
            #b08a45,
            transparent);
}


.rk-life-footer p {

    margin: 0;

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

    font-size: 19px;

    font-style: italic;

    color: #554940;
}


.rk-life-footer a {

    justify-self: end;

    color: #8e3f2f;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.rk-life-footer a span {

    margin-left: 10px;

    font-size: 17px;

    transition:
        transform .3s ease;
}


.rk-life-footer a:hover span {

    display: inline-block;

    transform:
        translateX(5px);
}


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

@media (max-width: 950px) {

    .rk-life-track {

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


    .rk-life-chapter:nth-child(2) {

        border-right: 0;
    }


    .rk-life-chapter:nth-child(-n+2) {

        border-bottom:
            1px solid rgba(43, 33, 28, .13);
    }


    .rk-life-footer {

        grid-template-columns:
            1fr;

        gap: 18px;
    }


    .rk-life-footer a {

        justify-self: start;
    }

}


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

@media (max-width: 600px) {

    .rk-life-chronicle {

        padding: 80px 0;
    }


    .rk-life-container {

        width:
            1368px;
    }


    .rk-life-bg-word {

        right: -25px;

        top: 25px;

        font-size: 8rem;
    }


    .rk-life-intro {

        margin-bottom: 55px;
    }


    .rk-life-title-wrap {

        gap: 15px;
    }


    .rk-life-index {

        font-size: 18px;
    }


    .rk-life-title {

        font-size: 3.6rem;
    }


    .rk-life-description {

        margin-left: 0;

        font-size: 13px;
    }


    .rk-life-track {

        grid-template-columns: 1fr;
    }


    .rk-life-chapter {

        min-height: 330px;

        border-left:
            1px solid rgba(43, 33, 28, .13);

        border-right:
            1px solid rgba(43, 33, 28, .13);

        border-bottom:
            1px solid rgba(43, 33, 28, .13);
    }


    .rk-life-chapter:nth-child(2) {

        border-right:
            1px solid rgba(43, 33, 28, .13);
    }


    .rk-life-chapter:nth-child(-n+2) {

        border-bottom:
            1px solid rgba(43, 33, 28, .13);
    }


    .rk-life-chapter:last-child {

        border-bottom: 0;
    }


    .rk-life-chapter h3 {

        font-size: 31px;
    }


    .rk-life-footer p {

        font-size: 17px;
    }

}

/* =====================================================
   HOMEPAGE LEGACY INTRO
===================================================== */

.rk-home-legacy {

    padding: 125px 0;

    background: #fcfaf5;

    position: relative;

    overflow: hidden;
}


.rk-home-legacy-container {

    width: min(calc(100% - 50px),
            1220px);

    margin: auto;

    display: grid;

    grid-template-columns:
        160px 1fr 180px;

    gap: 55px;

    align-items: start;
}


/* left */

.rk-home-legacy-left {

    padding-top: 8px;
}


.rk-home-legacy-number {

    display: block;

    margin-bottom: 18px;

    color: #b08a45;

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

    font-size: 26px;
}


.rk-home-legacy-label {

    display: block;

    color: #8e3f2f;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .2em;

    text-transform: uppercase;
}


/* main */

.rk-home-legacy-main {

    max-width: 720px;
}


.rk-home-legacy-main h2 {

    margin: 0 0 30px;

    color: #2b211c;

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

    font-size: clamp(3rem,
            5vw,
            5rem);

    line-height: .9;
}


.rk-home-legacy-main h2 span {

    display: block;

    color: #8e3f2f;

    font-style: italic;
}


.rk-home-legacy-lead {

    max-width: 620px;

    margin-bottom: 28px;

    color: #443a34;

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

    font-size: 24px;

    line-height: 1.35;
}


.rk-home-legacy-text {

    display: grid;

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

    gap: 30px;

    padding-top: 25px;

    border-top:
        1px solid rgba(43, 33, 28, .15);
}


.rk-home-legacy-text p {

    color: #71665e;

    font-size: 13px;

    line-height: 1.8;
}


/* link */

.rk-home-legacy-link {

    display: inline-flex;

    align-items: center;

    gap: 15px;

    margin-top: 35px;

    color: #8e3f2f;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.rk-home-legacy-link span {

    font-size: 20px;

    transition:
        transform .3s ease;
}


.rk-home-legacy-link:hover span {

    transform:
        translateX(7px);
}


/* right symbol */

.rk-home-legacy-mark {

    width: 145px;
    height: 145px;

    border:
        1px solid rgba(176, 138, 69, .45);

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #8e3f2f;

    transform:
        rotate(-8deg);
}


.rk-home-legacy-mark span {

    font-family:
        "Noto Serif Devanagari",
        serif;

    font-size: 32px;
}


.rk-home-legacy-mark small {

    margin-top: 3px;

    color: #b08a45;

    font-size: 8px;

    letter-spacing: .2em;
}


@media(max-width:900px) {

    .rk-home-legacy-container {

        grid-template-columns:
            90px 1fr;

        gap: 30px;
    }

    .rk-home-legacy-mark {

        display: none;
    }

}


@media(max-width:600px) {

    .rk-home-legacy {

        padding: 80px 0;
    }

    .rk-home-legacy-container {

        width: 1368px;

        display: block;
    }

    .rk-home-legacy-left {

        margin-bottom: 30px;
    }

    .rk-home-legacy-main h2 {

        font-size: 3.5rem;
    }

    .rk-home-legacy-lead {

        font-size: 20px;
    }

    .rk-home-legacy-text {

        grid-template-columns: 1fr;

        gap: 15px;
    }

}

/* =====================================================
   HOMEPAGE MILESTONES
===================================================== */

.rk-home-milestones {

    padding: 100px 0 110px;

    background: #8e3f2f;

    color: #fff;

    overflow: hidden;
}


/* heading */

.rk-home-milestones-head {

    width: min(calc(100% - 50px),
            1220px);

    margin: 0 auto 55px;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;
}


.rk-home-milestones-head span {

    display: block;

    margin-bottom: 14px;

    color: #e0c995;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .25em;

    text-transform: uppercase;
}


.rk-home-milestones-head h2 {

    margin: 0;

    color: #fff;

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

    font-size: clamp(3rem,
            5vw,
            4.8rem);

    line-height: .9;
}


.rk-home-milestones-head h2 em {

    color: #e6c98d;

    font-style: italic;
}


.rk-home-milestones-head a {

    display: flex;

    align-items: center;

    gap: 12px;

    color: #fff;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.rk-home-milestones-head a b {

    font-size: 17px;

    font-weight: 400;
}


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

.rk-home-milestone-scroll {

    width: min(calc(100% - 50px),
            1220px);

    margin: auto;

    display: grid;

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

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

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


/* =====================================================
   MILESTONE
===================================================== */

.rk-home-milestone {

    min-height: 290px;

    padding: 30px 28px;

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

    transition:
        background .35s ease;
}


.rk-home-milestone:first-child {

    border-left:
        1px solid rgba(255, 255, 255, .18);
}


.rk-home-milestone:hover {

    background:
        rgba(0, 0, 0, .10);
}


.rk-home-milestone-year {

    color: #e6c98d;

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

    font-size: 30px;
}


.rk-home-milestone-rule {

    width: 35px;

    height: 1px;

    margin: 22px 0 28px;

    background: #e6c98d;
}


.rk-home-milestone h3 {

    margin-bottom: 12px;

    color: #fff;

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

    font-size: 30px;
}


.rk-home-milestone p {

    max-width: 190px;

    color: #e4d2c8;

    font-size: 16px;

    line-height: 1.75;
}


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

@media(max-width:900px) {

    .rk-home-milestone-scroll {

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

}


@media(max-width:600px) {

    .rk-home-milestones {

        padding: 75px 0;
    }

    .rk-home-milestones-head {

        width: 1368px;

        display: block;
    }

    .rk-home-milestones-head h2 {

        font-size: 3.5rem;
    }

    .rk-home-milestones-head a {

        margin-top: 25px;
    }

    .rk-home-milestone-scroll {

        width: 1368px;

        display: flex;

        overflow-x: auto;

        scroll-snap-type: x mandatory;

        scrollbar-width: thin;
    }

    .rk-home-milestone {

        min-width: 82vw;

        scroll-snap-align: start;
    }

}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --rk-red: #8e3f2f;
    --rk-brown: #2b211c;
    --rk-paper: #f4ebdd;
    --rk-cream: #fcfaf5;
    --rk-gold: #b08a45;
    --rk-muted: #6c625a;
    --rk-line: rgba(43, 33, 28, .14);
    --rk-serif: "Cormorant Garamond", Georgia, serif;
    --rk-sans: "Inter", Arial, sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: var(--rk-sans);
    background: var(--rk-cream);
    color: #292624;
    line-height: 1.7;
}

a {
    text-decoration: none;
    color: inherit
}

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

.rk-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(252, 250, 245, .95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--rk-line);
}

.rk-header-inner {
    width: min(calc(100% - 40px), 1280px);
    min-height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.rk-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rk-seal {
    width: 42px;
    height: 42px;
    border: 1px solid var(--rk-gold);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--rk-gold);
    font-family: var(--rk-serif);
    font-size: 16px;
}

.rk-brand strong {
    display: block;
    font-family: var(--rk-serif);
    font-size: 15px;
}

.rk-brand small {
    display: block;
    color: var(--rk-gold);
    font-size: 8px;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.rk-nav {
    display: flex;
    align-items: center;
    gap: 15px;
}

.rk-nav a {
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    position: relative;
}

.rk-nav a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 0;
    height: 1px;
    background: var(--rk-red);
    transition: .3s;
}

.rk-nav a:hover,
.rk-nav a.active {
    color: var(--rk-red);
}

.rk-nav a:hover:after,
.rk-nav a.active:after {
    width: 100%;
}

.rk-menu {
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid var(--rk-line);
    background: none;
    cursor: pointer;
}

/* HERO */

.rk-hero {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: var(--rk-brown);
}

.rk-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 700px;
    object-fit: cover;
}



.rk-hero-content {
    position: relative;
    z-index: 2;
    width: 1368px;
    margin: auto;
    padding-top: 80px;
    color: #fff;
    display: none;
}

.rk-hero-eyebrow {
    color: #d3ad69;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.rk-hero h1 {
    max-width: 800px;
    font-family: var(--rk-serif);
    font-size: clamp(4rem, 7vw, 7rem);
    line-height: .84;
    font-weight: 600;
}

.rk-hero h1 span {
    display: block;
    color: #d1a65d;
    font-style: italic;
}

.rk-hero-name {
    margin: 22px 0 20px;
    color: #d9cbbf;
    font-family: var(--rk-serif);
    font-size: 21px;
}

.rk-hero-intro {
    max-width: 650px;
    color: #e0d5cd;
    font-size: 14px;
    line-height: 1.8;
}

.rk-hero-dates {
    display: flex;
    gap: 45px;
    margin: 32px 0;
}

.rk-hero-dates div {
    display: flex;
    flex-direction: column;
}

.rk-hero-dates small {
    color: #d1a65d;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.rk-hero-dates strong {
    font-family: var(--rk-serif);
    font-size: 20px;
}

.rk-hero-dates span {
    color: #a99b91;
    font-size: 10px;
}

.rk-hero-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.rk-hero-buttons a {
    min-height: 47px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    transition: .3s;
}

.rk-hero-buttons a:first-child {
    background: var(--rk-red);
    border-color: var(--rk-red);
}

.rk-hero-buttons a:hover {
    transform: translateY(-3px);
}

.rk-hero-quote {
    max-width: 630px;
    margin-top: 30px;
    padding-left: 18px;
    border-left: 2px solid var(--rk-gold);
    color: #cdbfb4;
    font-family: var(--rk-serif);
    font-size: 18px;
    font-style: italic;
}

/* STATS */

.rk-stat-ribbon {
    background: var(--rk-brown);
    color: #fff;
    padding: 75px 0;
    border-top: 1px solid rgba(176, 138, 69, .2);
}

.rk-stat-wrap {
    width: 1368px;
    margin: auto;
}

.rk-stat-intro {
    margin-bottom: 45px;
}

.rk-stat-intro span,
.rk-home-milestones-head span,
.rk-honours-heading span,
.rk-education-heading>span {
    color: #b08a45;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25em;
}

.rk-stat-intro h2 {
    margin-top: 12px;
    color: #fff;
    font-family: var(--rk-serif);
    font-size: clamp(3rem, 5vw, 4.5rem);
    line-height: .88;
}

.rk-stat-intro em {
    color: #c79c57;
    font-style: italic;
}

.rk-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.rk-stat-box {
    min-height: 150px;
    padding: 28px;
    border-right: 1px solid rgba(255, 255, 255, .14);
}

.rk-stat-box:last-child {
    border-right: 0
}

.rk-stat-box strong {
    display: block;
    color: #e0bd80;
    font-family: var(--rk-serif);
    font-size: 42px;
}

.rk-stat-box span {
    color: #b9aaa0;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .12em;
}

/* ORIGIN */

.rk-origin-story {
    padding: 120px 0;
    background: var(--rk-cream);
}

.rk-origin-inner {
    width: 1368px;
    margin: auto;
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 55px;
}

.rk-origin-side span {
    display: block;
    color: var(--rk-gold);
    font-family: var(--rk-serif);
    font-size: 28px;
}

.rk-origin-side small {
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .18em;
}

.rk-origin-content {
    max-width: 1368px
}

.rk-origin-kicker {
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin-bottom: 20px;
}

.rk-origin-content h2 {
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: clamp(3.2rem, 6vw, 5.5rem);
    line-height: .88;
}

.rk-origin-content h2 em {
    display: block;
    color: var(--rk-red);
    font-style: italic;
}

.rk-origin-lead {
    max-width: 720px;
    margin: 30px 0;
    color: #554940;
    font-family: var(--rk-serif);
    font-size: 23px;
    line-height: 1.4;
}

.rk-origin-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--rk-line);
}

.rk-origin-columns p {
    color: #70645c;
    font-size: 13px;
    line-height: 1.8;
}

.rk-origin-link {
    display: inline-flex;
    gap: 15px;
    margin-top: 30px;
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* LIFE */

.rk-life-chronicle {
    position: relative;
    padding: 120px 0 105px;
    background: var(--rk-paper);
    overflow: hidden;
}

.rk-life-bg-word {
    position: absolute;
    right: -50px;
    top: 40px;
    color: rgba(43, 33, 28, .035);
    font-family: var(--rk-serif);
    font-size: 18rem;
    line-height: .7;
}

.rk-life-container {
    width: 1368px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.rk-life-intro {
    max-width: 1368px;
    margin-bottom: 75px;
}

.rk-life-overline {
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .25em;
    margin-bottom: 25px;
}

.rk-life-overline span {
    width: 45px;
    height: 1px;
    background: var(--rk-gold);
}

.rk-life-title-wrap {
    display: flex;
    gap: 28px;
}

.rk-life-index {
    padding-top: 10px;
    color: var(--rk-gold);
    font-family: var(--rk-serif);
    font-size: 22px;
}

.rk-life-title {
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: clamp(3.7rem, 6vw, 5.8rem);
    line-height: .87;
}

.rk-life-title em {
    display: block;
    color: var(--rk-red);
    font-style: italic;
}

.rk-life-description {
    max-width: 650px;
    margin: 30px 0 0 75px;
    color: #665b53;
    font-size: 15px;
}

.rk-life-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(176, 138, 69, .45);
}

.rk-life-chapter {
    position: relative;
    min-height: 370px;
    padding: 28px;
    border-right: 1px solid var(--rk-line);
    transition: .4s;
}

.rk-life-chapter:first-child {
    border-left: 1px solid var(--rk-line);
}

.rk-life-chapter:hover {
    background: rgba(255, 255, 255, .55);
    transform: translateY(-7px);
}

.rk-life-chapter-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}

.rk-life-chapter-number {
    color: var(--rk-red);
    font-family: var(--rk-serif);
    font-size: 25px;
}

.rk-life-period {
    color: #9a897a;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rk-life-marker {
    position: absolute;
    top: -6px;
    left: 28px;
    width: 12px;
    height: 12px;
    border: 1px solid var(--rk-gold);
    border-radius: 50%;
    background: var(--rk-paper);
    display: grid;
    place-items: center;
}

.rk-life-marker span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--rk-red);
}

.rk-life-small-title {
    color: var(--rk-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.rk-life-chapter h3 {
    margin-bottom: 16px;
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: 34px;
    line-height: .92;
}

.rk-life-chapter p {
    color: #70645b;
    font-size: 12.5px;
}

.rk-life-arrow {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid var(--rk-line);
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.rk-life-arrow b {
    font-size: 15px
}

.rk-life-footer {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 30px;
    align-items: center;
    margin-top: 50px;
    padding-top: 25px;
    border-top: 1px solid var(--rk-line);
}

.rk-life-footer p {
    font-family: var(--rk-serif);
    font-size: 19px;
    font-style: italic;
}

.rk-life-footer a {
    justify-self: end;
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

/* FREEDOM */

.rk-freedom-feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 650px;
    background: var(--rk-brown);
    color: #fff;
}

.rk-freedom-image {
    position: relative;
    min-height: 650px;
    background:
        linear-gradient(90deg, rgba(43, 33, 28, .1), rgba(43, 33, 28, .4)),
        url("images/freedom-struggle.jpg") center/cover no-repeat,
        #5a463a;
}

.rk-freedom-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 55%, var(--rk-brown));
}

.rk-freedom-stamp {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: 110px;
    height: 110px;
    border: 1px solid #c9a45d;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #d9b66d;
    font-family: var(--rk-serif);
    font-size: 55px;
    transform: rotate(-10deg);
}

.rk-freedom-content {
    padding: 90px 10% 80px;
    align-self: center;
}

.rk-freedom-kicker {
    color: #caa55f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.rk-freedom-content h2 {
    margin: 20px 0 25px;
    color: #fff;
    font-family: var(--rk-serif);
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: .9;
}

.rk-freedom-content h2 em {
    display: block;
    color: #d3ad69;
    font-style: italic;
}

.rk-freedom-lead {
    max-width: 500px;
    color: #c5b8ae;
    font-size: 14px;
}

.rk-freedom-events {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 45px 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.rk-freedom-events div {
    padding: 20px 12px;
    border-right: 1px solid rgba(255, 255, 255, .12);
}

.rk-freedom-events div:last-child {
    border: 0
}

.rk-freedom-events strong {
    display: block;
    color: #d3ad69;
    font-family: var(--rk-serif);
    font-size: 28px;
}

.rk-freedom-events span {
    color: #a99b91;
    font-size: 10px;
    text-transform: uppercase;
}

.rk-freedom-content>a {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* COOPERATIVE */

.rk-coop-story {
    padding: 120px 0;
    background: var(--rk-cream);
}

.rk-coop-heading {
    width: 1368px;
    margin: 0 auto 65px;
}

.rk-coop-heading>span {
    color: var(--rk-red);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.rk-coop-heading h2 {
    margin: 18px 0;
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: clamp(3.3rem, 6vw, 5.5rem);
    line-height: .88;
}

.rk-coop-heading h2 em {
    color: var(--rk-red);
    font-style: italic;
}

.rk-coop-heading p {
    max-width: 650px;
    font-size: 14px;
}

.rk-coop-grid {
    width: 1368px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    border: 1px solid var(--rk-line);
}

.rk-coop-main {
    min-height: 430px;
    padding: 55px;
    background: var(--rk-red);
    color: #fff;
}

.rk-coop-main>span {
    color: #e4c17b;
    font-family: var(--rk-serif);
    font-size: 45px;
}

.rk-coop-main h3 {
    margin: 20px 0;
    color: #fff;
    font-family: var(--rk-serif);
    font-size: 45px;
    line-height: .9;
}

.rk-coop-main p {
    max-width: 540px;
    color: #ecdcd4;
    font-size: 13px;
}

.rk-coop-main a {
    display: inline-block;
    margin-top: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .13em;
}

.rk-coop-list {
    background: var(--rk-paper);
}

.rk-coop-list div {
    min-height: 107px;
    padding: 24px;
    display: flex;
    gap: 22px;
    align-items: center;
    border-bottom: 1px solid var(--rk-line);
}

.rk-coop-list div:last-child {
    border: 0
}

.rk-coop-list b {
    color: var(--rk-red);
    font-family: var(--rk-serif);
    font-size: 21px;
    min-width: 55px;
}

.rk-coop-list span {
    color: #5f554d;
    font-size: 16px;
}

/* EDUCATION */

.rk-education-section {
    padding: 110px 0;
    background: var(--rk-paper);
}

.rk-education-inner {
    width: 1368px;
    margin: auto;
}

.rk-education-number {
    color: var(--rk-gold);
    font-family: var(--rk-serif);
    font-size: 26px;
}

.rk-education-heading {
    max-width: 720px;
    margin: 15px 0 60px;
}

.rk-education-heading h2 {
    margin-top: 15px;
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: clamp(3.2rem, 6vw, 5rem);
    line-height: .88;
}

.rk-education-heading h2 em {
    color: var(--rk-red);
    font-style: italic;
}

.rk-education-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--rk-line);
    border-bottom: 1px solid var(--rk-line);
}

.rk-education-items>div {
    min-height: 220px;
    padding: 28px;
    border-right: 1px solid var(--rk-line);
}

.rk-education-items>div:last-child {
    border: 0
}

.rk-education-items strong {
    color: var(--rk-red);
    font-family: var(--rk-serif);
    font-size: 30px;
}

.rk-education-items h3 {
    margin: 18px 0 8px;
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: 23px;
    line-height: 1;
}

.rk-education-items p {
    font-size: 11px;
}

/* MILESTONES */

.rk-home-milestones {
    padding: 100px 0 110px;
    background: var(--rk-red);
    color: #fff;
    overflow: hidden;
}

.rk-home-milestones-head {
    width: 1368px;
    margin: 0 auto 55px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.rk-home-milestones-head h2 {
    margin-top: 14px;
    color: #fff;
    font-family: var(--rk-serif);
    font-size: clamp(3rem, 5vw, 4.8rem);
    line-height: .9;
}

.rk-home-milestones-head h2 em {
    color: #e6c98d;
    font-style: italic;
}

.rk-home-milestones-head a {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.rk-home-milestone-scroll {
    width: 1368px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid rgba(255, 255, 255, .25);
    border-bottom: 1px solid rgba(255, 255, 255, .25);
}

.rk-home-milestone {
    min-height: 280px;
    padding: 30px 28px;
    border-right: 1px solid rgba(255, 255, 255, .18);
}

.rk-home-milestone:first-child {
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.rk-home-milestone-year {
    color: #e6c98d;
    font-family: var(--rk-serif);
    font-size: 30px;
}

.rk-home-milestone-rule {
    width: 35px;
    height: 1px;
    margin: 22px 0 28px;
    background: #e6c98d;
}

.rk-home-milestone h3 {
    margin-bottom: 12px;
    color: #fff;
    font-family: var(--rk-serif);
    font-size: 30px;
}

.rk-home-milestone p {
    color: #e4d2c8;
    font-size: 16px;
}

/* HONOURS */

.rk-honours-section {
    padding: 115px 0;
    background: var(--rk-cream);
}

.rk-honours-wrap {
    width: 1368px;
    margin: auto;
}

.rk-honours-heading {
    max-width: 650px;
    margin-bottom: 55px;
}

.rk-honours-heading h2 {
    margin-top: 16px;
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: clamp(3rem, 5vw, 4.8rem);
    line-height: .9;
}

.rk-honours-heading h2 em {
    color: var(--rk-red);
    font-style: italic;
}

.rk-honours-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--rk-line);
    border-bottom: 1px solid var(--rk-line);
}

.rk-honour {
    min-height: 220px;
    padding: 30px;
    border-right: 1px solid var(--rk-line);
}

.rk-honour:last-child {
    border: 0
}

.rk-honour span {
    color: var(--rk-gold);
    font-family: var(--rk-serif);
    font-size: 27px;
}

.rk-honour strong {
    display: block;
    margin: 25px 0 10px;
    color: var(--rk-brown);
    font-family: var(--rk-serif);
    font-size: 25px;
    line-height: 1;
}

.rk-honour p {
    font-size: 11px;
}

/* ARCHIVE */

.rk-archive-door {
    min-height: 500px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 100px 20px;
    background:
        linear-gradient(rgba(43, 33, 28, .86), rgba(43, 33, 28, .94)),
        url("images/ratnappa-archive.jpg") center/cover,
        var(--rk-brown);
}

.rk-archive-content {
    max-width: 1368px;
}

.rk-archive-content>span {
    color: #d1a65d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
}

.rk-archive-content h2 {
    margin: 18px 0;
    color: #fff;
    font-family: var(--rk-serif);
    font-size: clamp(3.5rem, 6vw, 5.5rem);
    line-height: .88;
}

.rk-archive-content h2 em {
    color: #d1a65d;
    font-style: italic;
}

.rk-archive-content p {
    max-width: 650px;
    margin: auto;
    color: #cbbdb2;
    font-size: 14px;
}

.rk-archive-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 35px;
}

.rk-archive-buttons a {
    padding: 14px 20px;
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
}

/* FOOTER */




/* RESPONSIVE */

@media(max-width:1050px) {
    .rk-nav {
        display: none
    }

    .rk-menu {
        display: block
    }

    .rk-header-inner {
        min-height: 72px
    }
}

@media(max-width:900px) {

    .rk-stat-grid,
    .rk-education-items,
    .rk-honours-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rk-stat-box:nth-child(2),
    .rk-education-items>div:nth-child(2),
    .rk-honour:nth-child(2) {
        border-right: 0;
    }

    .rk-freedom-feature {
        grid-template-columns: 1fr;
    }

    .rk-freedom-image {
        min-height: 420px;
    }

    .rk-coop-grid {
        grid-template-columns: 1fr;
    }

    .rk-life-track {
        grid-template-columns: repeat(2, 1fr);
    }

    .rk-life-chapter:nth-child(2) {
        border-right: 0;
    }

    .rk-life-chapter:nth-child(-n+2) {
        border-bottom: 1px solid var(--rk-line);
    }

    .rk-home-milestone-scroll {
        grid-template-columns: repeat(3, 1fr);
    }

    .rk-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .rk-footer-grid>div:first-child {
        grid-column: 1/-1;
    }
}

@media(max-width:600px) {

    .rk-header-inner {
        width: 1368px;
    }

    .rk-brand strong {
        font-size: 11px;
    }

    .rk-brand small {
        font-size: 7px;
    }

    .rk-hero-content {
        width: 1368px;
        padding-top: 90px;
    }

    .rk-hero h1 {
        font-size: 3.6rem;
    }

    .rk-hero-dates {
        flex-direction: column;
        gap: 15px;
    }

    .rk-stat-grid,
    .rk-education-items,
    .rk-honours-grid,
    .rk-life-track {
        grid-template-columns: 1fr;
    }

    .rk-stat-box,
    .rk-education-items>div,
    .rk-honour {
        border-right: 0;
        border-bottom: 1px solid var(--rk-line);
    }

    .rk-stat-box:last-child,
    .rk-education-items>div:last-child,
    .rk-honour:last-child {
        border-bottom: 0;
    }

    .rk-origin-inner {
        width: 1368px;
        display: block;
    }

    .rk-origin-side {
        margin-bottom: 30px;
    }

    .rk-origin-columns {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .rk-life-container {
        width: 1368px;
    }

    .rk-life-title {
        font-size: 3.5rem;
    }

    .rk-life-description {
        margin-left: 0;
    }

    .rk-life-chapter {
        min-height: 330px;
        border-left: 1px solid var(--rk-line);
        border-right: 1px solid var(--rk-line);
    }

    .rk-life-chapter:nth-child(2) {
        border-right: 1px solid var(--rk-line);
    }

    .rk-life-footer {
        display: block;
    }

    .rk-life-footer p {
        margin: 18px 0;
    }

    .rk-freedom-content {
        padding: 65px 25px;
    }

    .rk-freedom-events {
        grid-template-columns: 1fr;
    }

    .rk-freedom-events div {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    .rk-coop-heading,
    .rk-coop-grid,
    .rk-education-inner,
    .rk-honours-wrap {
        width: 1368px;
    }

    .rk-coop-main {
        padding: 35px 25px;
    }

    .rk-coop-main h3 {
        font-size: 37px;
    }

    .rk-home-milestones-head,
    .rk-home-milestone-scroll {
        width: 1368px;
    }

    .rk-home-milestones-head {
        display: block;
    }

    .rk-home-milestones-head a {
        display: inline-block;
        margin-top: 20px;
    }

    .rk-home-milestone-scroll {
        display: flex;
        overflow-x: auto;
    }

    .rk-home-milestone {
        min-width: 82vw;
    }

    .rk-footer-grid {
        width: 1368px;
        grid-template-columns: 1fr;
        gap: 35px;
    }


}


/* =========================================================
   RATNAPPA KUMBHAR NEW HOMEPAGE SECTIONS
========================================================= */

.rk-new-hero {
    position: relative;
    min-height: 850px;
    background: #2b211c;
    color: #fcfaf5;
    overflow: hidden;
    isolation: isolate;
}

.rk-new-hero-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 75% 45%,
            rgba(176, 138, 69, .18),
            transparent 30%),
        linear-gradient(110deg,
            #2b211c 0%,
            #3a2922 55%,
            #241b17 100%);
    z-index: -3;
}

.rk-new-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg,
            rgba(43, 33, 28, .98) 0%,
            rgba(43, 33, 28, .92) 42%,
            rgba(43, 33, 28, .35) 100%);
    z-index: -2;
}

.rk-new-hero-inner {
    width: min(1380px, 92%);
    min-height: 760px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 70px;
    padding: 90px 0 130px;
}

.rk-new-hero-content {
    position: relative;
    z-index: 2;
}

.rk-new-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #c7a76b;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;

}

.rk-new-eyebrow span {
    width: 45px;
    height: 1px;
    background: #b08a45;
}

.rk-new-hero h1 {
    max-width: 800px;
    margin: 0;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(48px, 6vw, 86px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -2px;
    color: white;
}

.rk-new-hero h1 strong {
    display: block;
    color: #c8a66a;
    font-weight: 500;
}

.rk-new-name {
    margin-top: 25px;
    font-family: Georgia, serif;
    font-size: 19px;
    letter-spacing: 1px;
    color: #e2d7c5;
}

.rk-new-intro {
    max-width: 690px;
    margin: 28px 0 0;
    color: #d7cfc5;
    font-size: 18px;
    line-height: 1.9;
}

.rk-new-dates {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-top: 40px;
}

.rk-new-date {
    display: flex;
    flex-direction: column;
}

.rk-new-date-label {
    color: #b08a45;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 7px;
}

.rk-new-date strong {
    font-family: Georgia, serif;
    font-size: 20px;
    font-weight: 500;
}

.rk-new-date small {
    margin-top: 5px;
    color: #aaa097;
    font-size: 13px;
}

.rk-new-date-divider {
    width: 1px;
    height: 60px;
    background: rgba(176, 138, 69, .45);
}

.rk-new-actions {
    display: flex;
    gap: 14px;
    margin-top: 42px;
}

.rk-new-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 16px 24px;
    text-decoration: none;
    font-size: 14px;
    transition: .3s ease;
}

.rk-new-btn-primary {
    background: #b08a45;
    color: #fff;
}

.rk-new-btn-primary:hover {
    background: #c19a55;
}

.rk-new-btn-outline {
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff;
}

.rk-new-btn-outline:hover {
    border-color: #b08a45;
    color: #c8a66a;
}

.rk-new-hero-portrait {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rk-new-portrait-frame {
    position: relative;
    width: min(500px, 100%);
}

.rk-new-portrait-frame img {
    width: 100%;
    display: block;
    filter: sepia(.18) contrast(1.05);
}

.rk-new-portrait-border {
    position: absolute;
    inset: -18px;
    border: 1px solid rgba(176, 138, 69, .55);
    pointer-events: none;
    z-index: 2;
}

.rk-new-portrait-caption {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 30px;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .25);
}

.rk-new-portrait-caption span {
    font-family: Georgia, serif;
    font-size: 14px;
}

.rk-new-portrait-caption small {
    color: #c8a66a;
}

.rk-new-hero-quote {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: min(1380px, 92%);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px 0;
    border-top: 1px solid rgba(176, 138, 69, .3);
}

.rk-new-quote-mark {
    font-family: Georgia, serif;
    font-size: 48px;
    color: #b08a45;
    line-height: .5;
}

.rk-new-hero-quote p {
    margin: 0;
    max-width: 950px;
    color: #c9c0b7;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   QUICK FACTS
========================================================= */

.rk-facts-section {
    background: #f4ebdd;
    padding: 100px 0;
}

.rk-facts-container {
    width: min(1280px, 90%);
    margin: auto;
}

.rk-facts-heading {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 55px;
}

.rk-section-number {
    color: #b08a45;
    font-family: Georgia, serif;
    font-size: 18px;
    margin-top: -6px;
}

.rk-section-kicker {
    display: block;
    color: #8e3f2f;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    margin-bottom: 12px;
}

.rk-facts-heading h2,
.rk-journey-heading h2 {
    margin: 0;
    color: #2b211c;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(35px, 4vw, 60px);
    line-height: 1.30;
    font-weight: 500;
}

.rk-facts-heading h2 em,
.rk-journey-heading h2 em {
    color: #8e3f2f;
    font-style: normal;
}

.rk-facts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #c9b892;
    border-bottom: 1px solid #c9b892;
}

.rk-fact-card {
    min-height: 220px;
    padding: 35px;
    border-right: 1px solid #c9b892;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rk-fact-card:last-child {
    border-right: 0;
}

.rk-fact-icon {
    color: #b08a45;
    font-family: Georgia, serif;
    font-size: 55px;
}

.rk-fact-card small {
    display: block;
    color: #796b5b;
    margin-bottom: 8px;
}

.rk-fact-card h3 {
    margin: 0;
    color: #2b211c;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;
    font-weight: 500;
}

.rk-fact-card p {
    margin: 8px 0 0;
    color: #75695d;
    font-size: 13px;
    line-height: 1.6;
}

.rk-fact-highlight {
    background: #2b211c;
}

.rk-fact-highlight h3 {
    color: #c8a66a;
}

.rk-fact-highlight small,
.rk-fact-highlight p {
    color: #c5b9aa;
}

/* =========================================================
   LIFE JOURNEY - BASIC PREMIUM CARDS
========================================================= */

.rk-journey-section {
    position: relative;
    padding: 110px 0;
    background: #f4ebdd;
    overflow: hidden;
}

.rk-journey-container {
    width: min(1280px, 90%);
    margin: 0 auto;
}


/* =========================
   HEADING
========================= */

.rk-journey-heading {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 25px;
    max-width: 900px;
    margin-bottom: 55px;
}

.rk-journey-index {
    padding-top: 7px;
    color: #a9781f;
    font-family: Georgia, serif;
    font-size: 16px;
    margin-top: -14px;
}

.rk-section-kicker {
    display: block;
    margin-bottom: 12px;

    color: #8e3f2f;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.rk-journey-heading h2 {
    margin: 0;

    color: #2b211c;

    font-family: "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(34px, 4vw, 54px);
    font-weight: 500;
    line-height: 1.3;
}

.rk-journey-heading h2 em {
    color: #8e3f2f;
    font-style: normal;
}

.rk-journey-heading p {
    max-width: 720px;
    margin: 22px 0 0;

    color: #665b50;

    font-family: "Noto Sans Devanagari",
        sans-serif;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================
   CARD GRID
========================= */

.rk-journey-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}


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

.rk-journey-card {
    position: relative;

    min-height: 370px;
    padding: 28px;

    display: flex;
    flex-direction: column;

    background: #fcfaf5;

    border: 1px solid #d7c8ad;

    color: #2b211c;
    text-decoration: none;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease,
        border-color .35s ease;
}

.rk-journey-card:hover {
    transform: translateY(-8px);

    background: #2b211c;

    border-color: #2b211c;

    box-shadow:
        0 20px 45px rgba(43, 33, 28, .14);
}


/* =========================
   TOP
========================= */

.rk-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.rk-card-number {
    color: #a9781f;

    font-family: Georgia, serif;
    font-size: 13px;
}

.rk-card-period {
    color: #83776a;

    font-family: Georgia, serif;
    font-size: 11px;
    letter-spacing: .5px;
}

.rk-journey-card:hover .rk-card-period {
    color: #bcae9d;
}


/* =========================
   GOLD LINE
========================= */

.rk-card-line {
    width: 38px;
    height: 2px;

    margin: 28px 0 25px;

    background: #a9781f;

    transition: width .35s ease;
}

.rk-journey-card:hover .rk-card-line {
    width: 65px;
}


/* =========================
   CONTENT
========================= */

.rk-card-content {
    flex: 1;
}

.rk-card-category {
    display: block;

    margin-bottom: 12px;

    color: #8e3f2f;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.rk-journey-card:hover .rk-card-category {
    color: #c8a66a;
}

.rk-card-content h3 {
    margin: 0;

    color: #2b211c;

    font-family: "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: 29px;
    font-weight: 500;
    line-height: 1.25;
}

.rk-journey-card:hover .rk-card-content h3 {
    color: #f4ebdd;
}

.rk-card-content p {
    max-width: 240px;

    margin: 18px 0 0;

    color: #75695d;

    font-family: "Noto Sans Devanagari",
        sans-serif;

    font-size: 13px;
    line-height: 1.8;
}

.rk-journey-card:hover .rk-card-content p {
    color: #bdb1a4;
}


/* =========================
   BOTTOM
========================= */

.rk-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-top: 18px;

    border-top: 1px solid #ded4c3;

    color: #8e3f2f;

    font-size: 11px;
}

.rk-card-bottom b {
    width: 28px;
    height: 28px;

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

    border: 1px solid #c9b892;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;

    transition: .3s ease;
}

.rk-journey-card:hover .rk-card-bottom {
    color: #c8a66a;
    border-color: transparent;
}

.rk-journey-card:hover .rk-card-bottom {
    border-color: transparent;
}

.rk-journey-card:hover .rk-card-bottom b {
    color: #c8a66a;
    border-color: rgba(200, 166, 106, .5);
}


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

@media (max-width: 1100px) {

    .rk-journey-cards {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 650px) {

    .rk-journey-section {
        padding: 75px 0;
    }

    .rk-journey-heading {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 35px;
    }

    .rk-journey-heading h2 {
        font-size: 34px;
    }

    .rk-journey-cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .rk-journey-card {
        min-height: 330px;
        padding: 25px;
    }

}

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

@media (max-width: 1000px) {

    .rk-new-hero-inner {
        grid-template-columns: 1fr;
        padding-top: 70px;
    }

    .rk-new-hero-portrait {
        max-width: 520px;
        justify-self: center;
    }

    .rk-facts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rk-fact-card:nth-child(2) {
        border-right: 0;
    }

    .rk-journey-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .rk-journey-card:nth-child(2) {
        border-right: 0;
    }

}

@media (max-width: 650px) {

    .rk-new-hero {
        min-height: auto;
    }

    .rk-new-hero-inner {
        padding: 65px 0 160px;
        gap: 55px;
    }

    .rk-new-hero h1 {
        font-size: 43px;
    }

    .rk-new-intro {
        font-size: 16px;
    }

    .rk-new-dates {
        gap: 18px;
    }

    .rk-new-date strong {
        font-size: 16px;
    }

    .rk-new-date small {
        font-size: 11px;
    }

    .rk-new-actions {
        flex-direction: column;
    }

    .rk-new-btn {
        justify-content: center;
    }

    .rk-new-hero-quote {
        padding: 20px 0;
    }

    .rk-new-hero-quote p {
        font-size: 16px;
    }

    .rk-facts-grid {
        grid-template-columns: 1fr;
    }

    .rk-fact-card {
        border-right: 0;
        border-bottom: 1px solid #c9b892;
    }

    .rk-fact-card:last-child {
        border-bottom: 0;
    }

    .rk-journey-heading {
        grid-template-columns: 1fr;
    }

    .rk-journey-cards {
        grid-template-columns: 1fr;
    }

    .rk-journey-card,
    .rk-journey-card:first-child {
        border-left: 1px solid #c9b892;
        border-right: 1px solid #c9b892;
        border-bottom: 1px solid #c9b892;
    }

}

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

.rk-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(252, 250, 245, 0.97);
    border-bottom: 1px solid #d5c7ad;
    backdrop-filter: blur(12px);
}

.rk-header-inner {
    width: min(1450px, 90%);
    min-height: 88px;
    margin: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}


/* BRAND */

.rk-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none;
    color: #2b211c;
    flex-shrink: 0;
}

.rk-brand-mark {
    width: 45px;
    height: 45px;

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

    border: 1px solid #a9781f;
    color: #8e3f2f;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;

    position: relative;
}

.rk-brand-mark::after {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid #d5c7ad;
}

.rk-brand-mark span {
    position: relative;
    z-index: 2;
}

.rk-brand-text {
    display: flex;
    flex-direction: column;
}

.rk-brand-text strong {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}

.rk-brand-text small {
    margin-top: 4px;
    color: #8e3f2f;
    font-size: 10px;
    letter-spacing: 2px;
}


/* NAVIGATION */

.rk-main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}

.rk-main-nav a {
    position: relative;

    color: #4a3d2c;
    text-decoration: none;

    font-family: "Noto Sans Devanagari", sans-serif;
    font-size: 16px;

    padding: 34px 0 30px;

    transition: .3s ease;
}

.rk-main-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 21px;

    width: 0;
    height: 1px;

    background: #a9781f;

    transition: .3s ease;
}

.rk-main-nav a:hover,
.rk-main-nav a.active {
    color: #8e3f2f;
}

.rk-main-nav a:hover::after,
.rk-main-nav a.active::after {
    width: 100%;
}


/* LANGUAGE */

.rk-header-right {
    display: flex;
    align-items: center;
    gap: 25px;
}

.rk-language {
    display: flex;
    align-items: center;
    gap: 7px;

    font-size: 11px;
}

.rk-language button {
    border: 0;
    background: transparent;
    padding: 0;

    color: #766a5d;
    cursor: pointer;

    font-family: inherit;
    font-size: 11px;
}

.rk-language button.active,
.rk-language button:hover {
    color: #8e3f2f;
    font-weight: 600;
}

.rk-language span {
    color: #c9b892;
}


/* MOBILE MENU BUTTON */

.rk-menu-toggle {
    width: 42px;
    height: 42px;

    border: 1px solid #c9b892;
    background: transparent;

    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;

    cursor: pointer;
}

.rk-menu-toggle span {
    width: 18px;
    height: 1px;
    background: #2b211c;
}


/* MOBILE NAV */

.rk-mobile-nav {
    display: none;
    padding: 15px 6%;
    background: #2b211c;
}

.rk-mobile-nav a {
    display: block;
    padding: 13px 0;

    color: #f4ebdd;
    text-decoration: none;

    font-family: "Noto Sans Devanagari", sans-serif;
    font-size: 14px;

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


/* RESPONSIVE */

@media (max-width: 1200px) {

    .rk-main-nav {
        gap: 14px;
    }

    .rk-main-nav a {
        font-size: 11px;
    }

}

@media (max-width: 1050px) {

    .rk-main-nav {
        display: none;
    }

    .rk-menu-toggle {
        display: flex;
    }

    .rk-header-inner {
        min-height: 75px;
    }

    .rk-mobile-nav.open {
        display: block;
    }

}

/* =========================================================
   LEGACY PILLARS
========================================================= */

.rk-legacy-section {
    position: relative;
    padding: 115px 0;
    background: #fcfaf5;
    overflow: hidden;
}

.rk-legacy-section::before {
    content: "LEGACY";

    position: absolute;
    top: 35px;
    right: -20px;

    color: rgba(43, 33, 28, .025);

    font-family: Georgia, serif;
    font-size: clamp(120px, 18vw, 260px);
    font-weight: 700;

    pointer-events: none;
}


.rk-legacy-container {
    width: min(1280px, 90%);
    margin: auto;
    position: relative;
    z-index: 2;
}


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

.rk-legacy-header {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 25px;

    max-width: 850px;
    margin-bottom: 60px;
}

.rk-legacy-number {
    color: #a9781f;
    margin-top: -6px;
    font-family: Georgia, serif;
    font-size: 17px;
}

.rk-legacy-kicker {
    display: block;

    margin-bottom: 12px;

    color: #8e3f2f;

    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.rk-legacy-header h2 {
    margin: 0;

    color: #2b211c;

    font-family: "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(38px, 4.5vw, 60px);
    font-weight: 500;
    line-height: 1.2;
}

.rk-legacy-header h2 em {
    color: #8e3f2f;
    font-style: normal;
}

.rk-legacy-header p {
    max-width: 680px;

    margin: 22px 0 0;

    color: #6d6257;

    font-size: 15px;
    line-height: 1.8;
}


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

.rk-legacy-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border-top: 1px solid #d2c4aa;
    border-left: 1px solid #d2c4aa;
}


.rk-legacy-card {
    position: relative;

    min-height: 390px;
    padding: 32px;

    border-right: 1px solid #d2c4aa;
    border-bottom: 1px solid #d2c4aa;

    background: #f8f2e7;

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;
}


.rk-legacy-card:hover {
    background: #2b211c;

    transform: translateY(-8px);

    box-shadow:
        0 20px 45px rgba(43, 33, 28, .13);
}


/* NUMBER */

.rk-legacy-card-number {
    color: #a9781f;

    font-family: Georgia, serif;
    font-size: 13px;
}


/* ICON */

.rk-legacy-icon {
    width: 48px;
    height: 48px;

    margin-top: 55px;
    margin-bottom: 25px;

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

    border: 1px solid #c9b892;

    color: #8e3f2f;

    font-family: Georgia, serif;
    font-size: 19px;

    transition: .35s ease;
}


.rk-legacy-card:hover .rk-legacy-icon {
    border-color: #b08a45;
    color: #c8a66a;
}


/* TITLE */

.rk-legacy-card h3 {
    margin: 0;

    color: #2b211c;

    font-family: "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: 30px;
    font-weight: 500;
}


.rk-legacy-card:hover h3 {
    color: #f4ebdd;
}


/* TEXT */

.rk-legacy-card p {
    max-width: 250px;

    margin: 15px 0 0;

    color: #75695d;

    font-family: "Noto Sans Devanagari",
        sans-serif;

    font-size: 13px;
    line-height: 1.8;
}


.rk-legacy-card:hover p {
    color: #bdb1a4;
}


/* LINK */

.rk-legacy-card a {
    position: absolute;

    left: 32px;
    right: 32px;
    bottom: 28px;

    padding-top: 15px;

    border-top: 1px solid #d8cebd;

    color: #8e3f2f;

    text-decoration: none;

    font-size: 11px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}


.rk-legacy-card a span {
    font-size: 17px;
}


.rk-legacy-card:hover a {
    color: #c8a66a;
    border-color: rgba(255, 255, 255, .15);
}


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

.rk-legacy-bottom {
    display: flex;
    align-items: center;
    gap: 25px;

    margin-top: 65px;
}


.rk-legacy-rule {
    height: 1px;
    flex: 1;

    background: #d2c4aa;
}


.rk-legacy-bottom p {
    max-width: 650px;

    margin: 0;

    color: #55493e;

    text-align: center;

    font-family: "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: 16px;
    line-height: 1.8;
}


.rk-legacy-bottom p span {
    color: #a9781f;

    font-family: Georgia, serif;
    font-size: 28px;
}


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

@media (max-width: 1000px) {

    .rk-legacy-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 600px) {

    .rk-legacy-section {
        padding: 80px 0;
    }

    .rk-legacy-header {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .rk-legacy-header h2 {
        font-size: 36px;
    }

    .rk-legacy-grid {
        grid-template-columns: 1fr;
    }

    .rk-legacy-card {
        min-height: 350px;
    }

    .rk-legacy-bottom {
        gap: 10px;
    }

    .rk-legacy-bottom p {
        font-size: 13px;
    }

    .rk-legacy-rule {
        display: none;
    }

}

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

.rk-footer {
    position: relative;
    overflow: hidden;

    background: #2b211c;
    color: #f4ebdd;

    padding-top: 70px;
}


/* DECORATIVE BACKGROUND */

.rk-footer::before {
    content: "र";
    position: absolute;

    right: -30px;
    bottom: -110px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 420px;

    color: rgba(255, 255, 255, .025);

    pointer-events: none;
}


/* TOP LINE */

.rk-footer-top-line {
 width: min(1150px, 90%);
    margin: auto;

    display: flex;
    align-items: center;
    gap: 20px;

    color: #b08a45;
}

.rk-footer-top-line span {
    height: 1px;
    flex: 1;
    background: rgba(176, 138, 69, .35);
}

.rk-footer-top-line p {
    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 16px;
    letter-spacing: 2px;
}


/* MAIN FOOTER */

.rk-footer-main {
    width: min(1150px, 90%);
    margin: auto;

    padding: 75px 0;

    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.7fr;
    gap: 70px;
}


/* BRAND */

.rk-footer-symbol {
    width: 52px;
    height: 52px;

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

    border: 1px solid #b08a45;

    color: #c8a66a;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 28px;

    margin-bottom: 25px;
}

.rk-footer-brand h2 {
    margin: 0;

    color: #f8f0e4;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 500;
}

.rk-footer-brand p {
    max-width: 420px;

    margin: 22px 0;

    color: #bdb1a4;

    font-size: 16px;
    line-height: 1.9;
}

.rk-footer-years {
    display: flex;
    align-items: center;
    gap: 13px;

    color: #b08a45;

    font-family: Georgia, serif;
    font-size: 13px;
}

.rk-footer-years i {
    width: 35px;
    height: 1px;
    background: #b08a45;
}


/* FOOTER COLUMNS */

.rk-footer-label {
    display: block;
    margin-bottom: 10px;

    color: #b08a45;

    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.rk-footer-column h3 {
    margin: 0 0 25px;

    color: #f4ebdd;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 23px;
    font-weight: 500;
}

.rk-footer-column a {
    display: block;

    width: fit-content;

    margin-bottom: 13px;

    color: #aaa097;

    text-decoration: none;

    font-family: "Noto Sans Devanagari", sans-serif;
    font-size: 13px;

    transition: .3s ease;
}

.rk-footer-column a:hover {
    color: #c8a66a;
    transform: translateX(4px);
}


/* LEGACY */

.rk-footer-legacy blockquote {
    margin: 15px 0 28px;

    color: #c9beb2;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 17px;
    line-height: 1.8;

    border-left: 1px solid #b08a45;
    padding-left: 22px;
}

.rk-footer-recognition {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.rk-footer-recognition span {
    padding: 7px 10px;

    border: 1px solid rgba(176, 138, 69, .4);

    color: #bcae9e;

    font-size: 10px;
}


/* LOCATION */

.rk-footer-location {
 width: min(1150px, 90%);
    margin: auto;

    padding: 25px 0;

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

    display: flex;
    align-items: center;
    gap: 18px;
}

.rk-location-icon {
    width: 38px;
    height: 38px;

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

    border: 1px solid #b08a45;

    color: #b08a45;

    font-size: 18px;
}

.rk-footer-location small {
    display: block;

    margin-bottom: 4px;

    color: #887c70;

    font-size: 10px;
    letter-spacing: 1.5px;
}

.rk-footer-location strong {
    color: #c8beb3;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 14px;
    font-weight: 400;
}


/* BOTTOM */

.rk-footer-bottom {
 width: min(1150px, 90%);
    margin: auto;

    padding: 25px 0;

    display: flex;
    justify-content: space-between;
    gap: 20px;

    color: #766b61;

    font-size: 10px;
    line-height: 1.6;
}

.rk-footer-bottom span {
    color: #b08a45;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .rk-footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 50px 35px;
    }

}

@media (max-width: 600px) {

    .rk-footer {
        padding-top: 50px;
    }

    .rk-footer-main {
        grid-template-columns: 1fr;
        padding: 55px 0;
        gap: 45px;
    }

    .rk-footer-brand h2 {
        font-size: 28px;
    }

    .rk-footer-bottom {
        flex-direction: column;
    }

    .rk-footer-location {
        align-items: flex-start;
    }

}

/* =========================================
   GLOBAL BIOGRAPHY CONTAINER
   Same width + same left alignment
========================================= */

.rk-bio-container {
    width: min(1180px, calc(100% - 80px));
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
}


/* =========================================
   COMMON SECTION ALIGNMENT
========================================= */

.rk-bio-hero-inner,
.rk-bio-thought-inner,
.rk-bio-family-inner,
.rk-philosophy-inner,
.rk-bio-next-inner {
    width: min(1180px, calc(100% - 80px));
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}


/* =========================================
   SECTION HEADINGS
========================================= */

.rk-bio-section-heading {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


/* =========================================
   CHILDHOOD
========================================= */

.rk-bio-childhood .rk-bio-container {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 70px;
    align-items: start;
}

.rk-bio-childhood-content {
    max-width: 850px;
}


/* =========================================
   EDUCATION
========================================= */

.rk-education-timeline {
    width: 100%;
    max-width: 900px;
    margin-left: 0;
    margin-right: auto;
}


/* =========================================
   COLLEGE
========================================= */

.rk-bio-college .rk-bio-container {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 260px;
    gap: 55px;
    align-items: start;
}

.rk-college-content {
    max-width: 760px;
}


/* =========================================
   INSTITUTION
========================================= */

.rk-bio-institution .rk-bio-container {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 260px;
    gap: 55px;
    align-items: start;
}

.rk-institution-content {
    max-width: 760px;
}


/* =========================================
   THOUGHT
========================================= */

.rk-bio-thought-inner {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 60px;
    align-items: start;
}

.rk-bio-thought-content {
    max-width: 850px;
}


/* =========================================
   FAMILY
========================================= */

.rk-bio-family-inner {
    display: grid;
    /* grid-template-columns: 100px minmax(0, 1fr) 180px; */
    gap: 55px;
    align-items: start;
}

.rk-family-content {
    max-width: 760px;
}


/* =========================================
   PHILOSOPHY
========================================= */

.rk-philosophy-inner {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 180px;
    gap: 55px;
    align-items: start;
}

.rk-philosophy-content {
    max-width: 760px;
}


/* =========================================
   NEXT CHAPTER
========================================= */

.rk-bio-next-inner {
    text-align: left;
}

.rk-bio-next-inner>* {
    margin-left: 0;
    margin-right: auto;
}


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

@media (max-width: 900px) {

    .rk-bio-container,
    .rk-bio-hero-inner,
    .rk-bio-thought-inner,
    .rk-bio-family-inner,
    .rk-philosophy-inner,
    .rk-bio-next-inner {
        width: min(100% - 40px, 700px);
    }

    .rk-bio-childhood .rk-bio-container,
    .rk-bio-college .rk-bio-container,
    .rk-bio-institution .rk-bio-container,
    .rk-bio-thought-inner,
    .rk-bio-family-inner,
    .rk-philosophy-inner {
        display: block;
    }

    .rk-bio-side-label,
    .rk-bio-hero-number,
    .rk-bio-thought-number,
    .rk-family-year,
    .rk-college-number,
    .rk-institution-year,
    .rk-philosophy-number {
        margin-bottom: 25px;
    }

    .rk-college-highlight,
    .rk-institution-card,
    .rk-family-symbol {
        margin-top: 35px;
    }

    .rk-bio-content,
    .rk-college-content,
    .rk-institution-content,
    .rk-family-content,
    .rk-philosophy-content,
    .rk-bio-thought-content {
        max-width: 100%;
    }
}


@media (max-width: 600px) {

    .rk-bio-container,
    .rk-bio-hero-inner,
    .rk-bio-thought-inner,
    .rk-bio-family-inner,
    .rk-philosophy-inner,
    .rk-bio-next-inner {
        width: calc(100% - 32px);
    }
}

/* =========================================================
   RATNAPPA KUMBHAR
   BIOGRAPHY PAGE STYLES
========================================================= */

:root {
    --rk-clay: #8e3f2f;
    --rk-clay-dark: #6f3024;
    --rk-brown: #2b211c;
    --rk-brown-soft: #493a30;
    --rk-paper: #f4ebdd;
    --rk-paper-light: #fcfaf5;
    --rk-paper-dark: #e8dcc8;
    --rk-gold: #b08a45;
    --rk-gold-light: #c8a66a;
    --rk-olive: #59604a;
    --rk-text: #4f443a;
    --rk-muted: #766b60;
    --rk-line: #d2c4aa;
}


/* =========================================================
   COMMON
========================================================= */

.rk-bio-container {
    width: min(1250px, 90%);
    margin: 0 auto;
}

.rk-bio-kicker {
    display: block;
    margin-bottom: 15px;

    color: var(--rk-clay);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.rk-bio-section-heading {
    max-width: 850px;
        margin-top: -65px;

}

.rk-bio-section-heading>span {
    display: block;
    margin-bottom: 15px;

    color: var(--rk-gold);

    font-family: Georgia, serif;
    font-size: 14px;
}

.rk-bio-section-heading h2 {
    margin: 0;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(38px, 5vw, 64px);
    font-weight: 500;
    line-height: 1.25;
}

.rk-bio-section-heading h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-bio-section-heading p {
    max-width: 700px;

    margin: 25px 0 0;

    color: var(--rk-text);

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   01 BIOGRAPHY HERO
========================================================= */

.rk-bio-hero {
    position: relative;

    min-height: 600px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(90deg,
            #2b211c 0%,
            #33261f 60%,
            #3d2c23 100%);

    overflow: hidden;
}

.rk-bio-hero::after {
    content: "";

    position: absolute;
    inset: 25px;

    border: 1px solid rgba(176, 138, 69, .22);

    pointer-events: none;
}

.rk-bio-hero-inner {
    position: relative;
    z-index: 2;

    width: min(1250px, 90%);
    margin: auto;

    display: grid;
    grid-template-columns: 70px 1fr 180px;

    align-items: center;
    gap: 30px;
}

.rk-bio-hero-number {
    color: var(--rk-gold);

    font-family: Georgia, serif;
    font-size: 18px;
}

.rk-bio-eyebrow {
    display: block;

    margin-bottom: 25px;

    color: var(--rk-gold-light);

    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.rk-bio-hero-content h1 {
    max-width: 850px;

    margin: 0;

    color: #f7f0e5;

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(42px, 6vw, 78px);
    font-weight: 500;

    line-height: 1.15;
}

.rk-bio-hero-content h1 em {
    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-bio-hero-content p {
    max-width: 720px;

    margin: 30px 0 0;

    color: #c7bdb1;

    font-size: 16px;
    line-height: 1.9;
}

.rk-bio-hero-date {
    padding-left: 25px;

    border-left: 1px solid rgba(176, 138, 69, .5);
}

.rk-bio-hero-date strong {
    display: block;

    color: var(--rk-gold-light);

    font-family: Georgia, serif;
    font-size: 52px;
    font-weight: 400;
}

.rk-bio-hero-date span {
    color: #aaa095;

    font-size: 13px;
}


/* =========================================================
   02 CHILDHOOD
========================================================= */

.rk-bio-childhood {
    padding: 120px 0;

    background: var(--rk-paper);
}

.rk-bio-childhood .rk-bio-container {
    display: grid;
    grid-template-columns: 80px 1fr;

    gap: 80px;
}

.rk-bio-side-label {
    padding-top: 10px;
}

.rk-bio-side-label span {
    display: block;

    margin-bottom: 10px;

    color: var(--rk-gold);

    font-family: Georgia, serif;
    font-size: 16px;
}

.rk-bio-side-label strong {
    color: var(--rk-clay);

    font-family:
        "Noto Serif Devanagari",
        serif;

    font-size: 18px;
    font-weight: 500;
}

.rk-bio-childhood-content {
    max-width: 850px;
}

.rk-bio-childhood-content h2 {
    margin: 0 0 30px;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(40px, 5vw, 65px);
    font-weight: 500;
    line-height: 1.2;
}

.rk-bio-childhood-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-bio-date-large {
    margin-bottom: 30px;

    color: var(--rk-clay);

    font-family: Georgia, serif;
    font-size: 32px;
}

.rk-bio-date-large span {
    color: var(--rk-gold);

    font-size: 17px;
}

.rk-bio-childhood-content p {
    max-width: 760px;

    margin: 0 0 20px;

    color: var(--rk-text);

    font-size: 16px;
    line-height: 2;
}


/* =========================================================
   03 EDUCATION TIMELINE
========================================================= */

.rk-bio-education {
    padding: 120px 0;

    background: var(--rk-paper-light);
}

.rk-education-timeline {
    position: relative;

    margin-top: 75px;
    padding-left: 160px;
}

.rk-education-timeline::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 120px;

    width: 1px;

    background: var(--rk-line);
}

.rk-education-item {
    position: relative;

    display: grid;
    grid-template-columns: 150px 1fr;

    min-height: 170px;

    padding-bottom: 45px;
}

.rk-education-year {
    padding-top: 3px;

    color: var(--rk-clay);

    font-family: Georgia, serif;
    font-size: 27px;
}

.rk-education-dot {
    position: absolute;

    left: -45px;
    top: 5px;

    width: 12px;
    height: 12px;

    border: 2px solid var(--rk-gold);

    border-radius: 50%;

    background: var(--rk-paper-light);
}

.rk-education-content {
    padding-left: 35px;
}

.rk-education-content span {
    color: var(--rk-gold);

    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.rk-education-content h3 {
    margin: 8px 0 10px;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: 27px;
    font-weight: 500;
}

.rk-education-content p {
    max-width: 650px;

    margin: 0;

    color: var(--rk-muted);

    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   04 NATIONAL THOUGHT
========================================================= */

.rk-bio-thought {
    position: relative;

    padding: 110px 0;

    background: var(--rk-brown);

    color: #fff;

    overflow: hidden;
}

.rk-bio-thought::before {
    content: "१९२८";

    position: absolute;

    right: -20px;
    top: -70px;

    color: rgba(255, 255, 255, .025);

    font-family: Georgia, serif;
    font-size: 280px;
}

.rk-bio-thought-inner {
    position: relative;
    z-index: 2;

    width: min(1250px, 88%);
    margin: auto;

    display: grid;
    grid-template-columns: 130px 1fr;

    gap: 50px;
}

.rk-bio-thought-number {
    color: var(--rk-gold-light);

    font-family: Georgia, serif;
    font-size: 55px;
}

.rk-bio-thought-content>span {
    display: block;

    margin-bottom: 25px;

    color: var(--rk-gold);

    font-size: 11px;
    letter-spacing: 2px;
}

.rk-bio-thought-content h2 {
    max-width: 900px;

    margin: 0;

    color: #f3eadf;

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(30px, 4vw, 52px);

    font-weight: 400;
    line-height: 1.55;
}

.rk-bio-thought-line {
    width: 70px;
    height: 1px;

    margin: 35px 0;

    background: var(--rk-gold);
}

.rk-bio-thought-content p {
    max-width: 650px;

    color: #bdb2a6;

    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   05 COLLEGE + COOPERATIVE BEGINNING
========================================================= */

.rk-bio-college {
    padding: 120px 0;

    background: var(--rk-paper);
}

.rk-bio-college .rk-bio-container {
    display: grid;

    grid-template-columns: 150px 1fr 300px;

    gap: 60px;

    align-items: start;
}

.rk-college-number {
    color: var(--rk-clay);

    font-family: Georgia, serif;
    font-size: 55px;
    line-height: 1;
}

.rk-college-content h2 {
    margin: 0 0 30px;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(38px, 4vw, 55px);

    font-weight: 500;
    line-height: 1.25;
}

.rk-college-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-college-content p {
    max-width: 680px;

    margin: 0 0 20px;

    color: var(--rk-text);

    font-size: 15px;
    line-height: 1.9;
}


/* HIGHLIGHT CARD */

.rk-college-highlight {
    min-height: 280px;

    padding: 35px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background: var(--rk-brown);

    border: 1px solid var(--rk-gold);
}

.rk-college-highlight span {
    color: var(--rk-gold);

    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.rk-college-highlight strong {
    margin: 20px 0;

    color: #f4ebdd;

    font-family: Georgia, serif;

    font-size: 28px;
    font-weight: 400;

    line-height: 1.3;
}

.rk-college-highlight small {
    color: #a99d91;

    font-size: 16px;
    line-height: 1.6;
}


/* =========================================================
   06 FAMILY
========================================================= */

.rk-bio-family {
    padding: 85px 0;

    background: #e8dcc8;
}

.rk-bio-family-inner {
    width: min(1100px, 88%);
    margin: auto;

    display: grid;
    grid-template-columns: 130px 1fr 160px;

    align-items: center;

    gap: 55px;
}

.rk-family-year {
    color: var(--rk-clay);
    margin-top: -75px;
    font-family: Georgia, serif;
    font-size: 55px;
    margin-left: -60px;
}

.rk-family-content>span {
    color: var(--rk-gold);

    font-size: 11px;
    letter-spacing: 2px;
}

.rk-family-content h2 {
    margin: 10px 0 18px;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: 55px;
    font-weight: 500;
}

.rk-family-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-family-content p {
    margin: 0;

    color: var(--rk-text);

    font-size: 14px;
    line-height: 1.9;
}

.rk-family-symbol {
    width: 140px;
    height: 140px;

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

    border: 1px solid var(--rk-gold);

    color: var(--rk-clay);
}

.rk-family-symbol span {
    font-size: 10px;
    letter-spacing: 2px;
}

.rk-family-symbol strong {
    margin: 5px 0;

    font-family: Georgia, serif;
    font-size: 45px;
    font-weight: 400;
}

.rk-family-symbol small {
    color: var(--rk-muted);
}


/* =========================================================
   07 COLLEGE OF COMMERCE
========================================================= */

.rk-bio-institution {
    padding: 120px 0;

    background: var(--rk-paper-light);
}

.rk-bio-institution .rk-bio-container {
    display: grid;
grid-template-columns: 130px 1fr 160px;

    gap: 65px;

    align-items: center;
}

.rk-institution-year {
    color: var(--rk-clay);
margin-top:-250px;
    font-family: Georgia, serif;
    font-size: 55px;
        margin-left: -20px;
}

.rk-institution-content h2 {
    margin: 0 0 25px;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

    font-size: clamp(35px, 4vw, 53px);

    font-weight: 500;
    line-height: 1.25;
}

.rk-institution-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-institution-content p {
    max-width: 670px;

    margin: 0 0 15px;

    color: var(--rk-text);

    font-size: 15px;
    line-height: 1.9;
}


/* INSTITUTION CARD */

.rk-institution-card {
    min-height: 270px;

    padding: 35px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background:#8e3f2f !important;

    color: #fff;

    position: relative;
    overflow: hidden;
}

.rk-institution-card::after {
    content: "1937";

    position: absolute;

    right: -20px;
    bottom: -35px;

    color: rgba(255, 255, 255, .07);

    font-family: Georgia, serif;
    font-size: 110px;
}

.rk-institution-card small {
    color: #e2cda5;

    font-size: 10px;
    letter-spacing: 2px;
}

.rk-institution-card strong {
    position: relative;
    z-index: 2;

    font-family: Georgia, serif;

    font-size: 27px;
    font-weight: 400;

    line-height: 1.3;
}

.rk-institution-card span {
    position: relative;
    z-index: 2;

    color: #eadfd3;

    font-size: 11px;
}


/* =========================================================
   08 LIFE PHILOSOPHY
========================================================= */

.rk-bio-philosophy {
    position: relative;

    padding: 130px 0;

    background: var(--rk-brown);

    overflow: hidden;
}

.rk-philosophy-inner {
    width: min(1250px, 90%);
    margin: auto;

    display: grid;

    grid-template-columns: 70px 1fr 250px;

    gap: 45px;

    align-items: start;
}

.rk-philosophy-number {
    color: var(--rk-gold);

    font-family: Georgia, serif;
    font-size: 17px;
}

.rk-philosophy-content>span {
    display: block;

    margin-bottom: 25px;

    color: var(--rk-gold);

    font-size: 11px;
    letter-spacing: 2px;
}

.rk-philosophy-content h2 {
    margin: 0;

    color: #f6eee2;

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

        font-size: 95px;

    font-weight: 500;
    line-height: 1.05;
}

.rk-philosophy-divider {
    width: 70px;
    height: 1px;

    margin: 35px 0;

    background: var(--rk-gold);
}

.rk-philosophy-content p {
    max-width: 700px;

    margin: 0 0 18px;

    color: #bdb2a6;

    font-size: 15px;
    line-height: 1.9;
}

.rk-philosophy-word {
    align-self: center;

    color: rgba(255, 255, 255, .045);

    font-family: Georgia, serif;

    font-size: 75px;

    letter-spacing: 4px;

    transform: rotate(-90deg);
}


/* =========================================================
   09 NEXT CHAPTER
========================================================= */

.rk-bio-next {
    padding: 100px 0;

    background: var(--rk-paper);
}

.rk-bio-next-inner {
    width: min(850px, 90%);
    margin: auto;

    text-align: center;
}

.rk-bio-next-inner>span {
    display: block;

    margin-bottom: 15px;

    color: var(--rk-gold);

    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.rk-bio-next-inner h2 {
    margin: 0;

    color: var(--rk-brown);

    font-family:
        "Noto Serif Devanagari",
        Georgia,
        serif;

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

    font-weight: 500;
    line-height: 1.25;
}

.rk-bio-next-inner h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-bio-next-inner p {
    max-width: 650px;

    margin: 22px auto 30px;

    color: var(--rk-muted);

    font-size: 14px;
    line-height: 1.9;
}

.rk-bio-next-inner a {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    padding: 15px 25px;

    background: var(--rk-clay);

    color: #fff;

    text-decoration: none;

    font-size: 16px;

    transition: .3s ease;
}

.rk-bio-next-inner a:hover {
    background: var(--rk-brown);
}

.rk-bio-next-inner a b {
    color: var(--rk-gold-light);

    font-size: 17px;
}


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

@media (max-width: 1000px) {

    .rk-bio-hero-inner {
        grid-template-columns: 50px 1fr;
    }

    .rk-bio-hero-date {
        display: none;
    }

    .rk-bio-college .rk-bio-container,
    .rk-bio-institution .rk-bio-container {
        grid-template-columns: 100px 1fr;
    }

    .rk-college-highlight,
    .rk-institution-card {
        grid-column: 2;
    }

    .rk-bio-family-inner {
        grid-template-columns: 100px 1fr 140px;
    }

    .rk-philosophy-inner {
        grid-template-columns: 50px 1fr;
    }

    .rk-philosophy-word {
        display: none;
    }

}


@media (max-width: 700px) {

    .rk-bio-hero {
        min-height: 500px;
    }

    .rk-bio-hero-inner {
        grid-template-columns: 1fr;
    }

    .rk-bio-hero-number {
        margin-bottom: 15px;
    }

    .rk-bio-hero-content h1 {
        font-size: 42px;
    }

    .rk-bio-childhood {
        padding: 80px 0;
    }

    .rk-bio-childhood .rk-bio-container {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .rk-education-timeline {
        margin-top: 50px;
        padding-left: 70px;
    }

    .rk-education-timeline::before {
        left: 35px;
    }

    .rk-education-item {
        display: block;
    }

    .rk-education-year {
        margin-bottom: 20px;
    }

    .rk-education-dot {
        left: -41px;
    }

    .rk-education-content {
        padding-left: 0;
    }

    .rk-bio-thought-inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .rk-bio-thought-content h2 {
        font-size: 30px;
    }

    .rk-bio-college .rk-bio-container,
    .rk-bio-institution .rk-bio-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .rk-college-highlight,
    .rk-institution-card {
        grid-column: auto;
    }

    .rk-college-number,
    .rk-institution-year {
        font-size: 45px;
    }

    .rk-bio-family-inner {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .rk-family-symbol {
        width: 120px;
        height: 120px;
    }

    .rk-philosophy-inner {
        grid-template-columns: 1fr;
    }

    .rk-philosophy-content h2 {
        font-size: 48px;
    }

}


@media (max-width: 480px) {

    .rk-bio-hero-content h1 {
        font-size: 36px;
    }

    .rk-bio-hero-content p {
        font-size: 14px;
    }

    .rk-bio-section-heading h2,
    .rk-bio-childhood-content h2 {
        font-size: 34px;
    }

    .rk-bio-date-large {
        font-size: 27px;
    }

    .rk-institution-content h2,
    .rk-college-content h2 {
        font-size: 34px;
    }

    .rk-philosophy-content h2 {
        font-size: 43px;
    }

}

/* =========================================================
   FREEDOM STRUGGLE PAGE
   COMMON ARCHIVAL SYSTEM
========================================================= */

:root {
    --rk-clay: #8e3f2f;
    --rk-clay-dark: #6f3024;
    --rk-brown: #2b211c;
    --rk-brown-soft: #493a30;

    --rk-paper: #f4ebdd;
    --rk-paper-light: #fcfaf5;
    --rk-paper-dark: #e8dcc8;

    --rk-gold: #b08a45;
    --rk-gold-light: #c8a66a;

    --rk-olive: #59604a;

    --rk-text: #4f443a;
    --rk-muted: #766b60;
    --rk-line: #d2c4aa;
}


/* =========================================================
   SAME CONTAINER THROUGHOUT WEBSITE
========================================================= */

.rk-container {
    width: min(1180px, calc(100% - 80px));
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}


/* =========================================================
   COMMON EYEBROW
========================================================= */

.rk-eyebrow {
    display: block;
    margin-bottom: 20px;

    font-family: "Noto Sans Devanagari", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;

    color: var(--rk-gold);
}


/* =========================================================
   COMMON SECTION INTRO
========================================================= */

.rk-section-intro {
    margin-bottom: 70px;
}

.rk-section-intro>span {
    display: block;
    margin-bottom: 18px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;

    color: var(--rk-gold);
}

.rk-section-intro h2 {
    max-width: 800px;
    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(36px, 4vw, 58px);
    line-height: 1.18;
    font-weight: 500;

    color:white;
}

.rk-section-intro h2 em {
    color: var(--rk-clay);
    font-style: normal;
}


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

.rk-freedom-hero {
    position: relative;
    overflow: hidden;

    padding: 100px 0 35px;

    background:
        linear-gradient(90deg,
            rgba(244, 235, 221, .98),
            rgba(244, 235, 221, .88));
}

.rk-freedom-hero::after {
    content: "";
    position: absolute;
    right: -150px;
    top: 50px;

    width: 420px;
    height: 420px;

    border: 1px solid rgba(176, 138, 69, .25);
    border-radius: 50%;
}

.rk-freedom-hero-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-bottom: 25px;
    border-bottom: 1px solid var(--rk-line);
}

.rk-section-number {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 16px;
    color: var(--rk-clay);
}

.rk-freedom-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    color: var(--rk-muted);
}

.rk-freedom-hero-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 80px;
    align-items: end;

    padding: 85px 0;
}

.rk-freedom-hero-text {
    max-width: 850px;
}

.rk-freedom-hero h1 {
    margin: 0 0 28px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(54px, 7vw, 96px);
    line-height: 1;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-freedom-hero h1 em {
    display: block;

    color: var(--rk-clay);
    font-style: normal;
}

.rk-freedom-hero p {
    max-width: 700px;

    margin: 0;

    font-family: "Noto Sans Devanagari", sans-serif;
    font-size: 18px;
    line-height: 1.9;

    color: var(--rk-text);
}

.rk-freedom-hero-year {
    padding-left: 35px;
    border-left: 1px solid var(--rk-gold);
}

.rk-freedom-hero-year strong {
    display: block;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    line-height: .9;

    color: var(--rk-clay);
}

.rk-freedom-hero-year span {
    display: block;
    margin: 15px 0;

    color: var(--rk-muted);
}

.rk-freedom-hero-bottom {
    display: flex;
    justify-content: space-between;

    padding-top: 20px;
    border-top: 1px solid var(--rk-line);

    font-size: 11px;
    letter-spacing: .12em;
    color: var(--rk-muted);
}


/* =========================================================
   02 CONTEXT
========================================================= */

.rk-freedom-context {
    padding: 110px 0;

    background: var(--rk-paper-light);
}

.rk-context-grid {
    display: grid;
    grid-template-columns: 260px minmax(0, 760px);
    gap: 90px;

    align-items: start;
}

.rk-context-year {
    padding-top: 8px;

    border-top: 2px solid var(--rk-clay);
}

.rk-context-year span {
    display: block;

    margin-top: 18px;

    font-size: 12px;
    letter-spacing: .12em;
    color: var(--rk-muted);
}

.rk-context-year strong {
    display: block;
    margin-top: 8px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 36px;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-context-content .rk-lead {
    margin: 0 0 30px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;
    line-height: 1.6;

    color: var(--rk-brown);
}

.rk-context-content p:not(.rk-lead) {
    font-size: 17px;
    line-height: 1.9;
    color: var(--rk-text);
}

.rk-context-line {
    width: 70px;
    height: 2px;
    margin: 30px 0;

    background: var(--rk-gold);
}


/* =========================================================
   03 FARMERS MARCHES
========================================================= */

/* =====================================================
   FARMERS MOVEMENT / HISTORICAL TIMELINE
===================================================== */

.rk-movement-section {
    position: relative;

    padding: 125px 0 105px;

    background: var(--rk-clay);
    color: var(--rk-paper-light);

    overflow: hidden;
}


/* subtle texture / grid */

.rk-movement-section::before {
    content: "";

    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size: 80px 80px;

    pointer-events: none;
}


/* large background year */

.rk-movement-section::after {
    content: "१९३७";

    position: absolute;

    left: -50px;
    bottom: -80px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 280px;
    font-weight: 600;

    line-height: 1;

    color: rgba(255,255,255,.025);

    pointer-events: none;
}


/* container */

.rk-movement-container {
    position: relative;
    z-index: 2;

    width: min(1180px, 90%);
    margin: auto;
}


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

.rk-movement-header {

    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    padding-bottom: 60px;
}


.rk-movement-kicker {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 25px;
}


.rk-movement-kicker span {

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 13px;

    color: var(--rk-gold-light);
}


.rk-movement-kicker i {

    width: 45px;
    height: 1px;

    background: var(--rk-gold-light);
}


.rk-movement-kicker small {

    font-size: 10px;

    letter-spacing: .16em;

    color: rgba(255,255,255,.6);
}


.rk-movement-heading h2 {

    max-width: 800px;

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

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

    line-height: 1.18;

    font-weight: 500;

    color: #fff;
}


.rk-movement-heading h2 em {

    display: block;

    font-style: normal;

    color: var(--rk-gold-light);
}


/* watermark year */

.rk-year-watermark {

    margin-top: -20px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: clamp(75px, 10vw, 145px);

    line-height: 1;

    color: rgba(255,255,255,.08);

    white-space: nowrap;
}


/* =====================================================
   INTRO
===================================================== */

.rk-movement-intro {

    display: flex;

    align-items: center;

    gap: 25px;

    padding: 20px 0;

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

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


.rk-movement-intro > span {

    padding: 7px 13px;

    border: 1px solid rgba(210,174,111,.5);

    font-size: 10px;

    letter-spacing: .18em;

    color: var(--rk-gold-light);
}


.rk-movement-intro p {

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 15px;

    color: rgba(255,255,255,.72);
}


.rk-intro-arrow {

    margin-left: auto;

    font-size: 20px;

    color: var(--rk-gold-light);
}


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

.rk-movement-timeline {

    position: relative;

    margin-top: 85px;
}


/* central line */

.rk-timeline-line {

    position: absolute;

    left: 50%;

    top: 80px;
    bottom: 80px;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(211,176,112,.7) 15%,
            rgba(211,176,112,.7) 85%,
            transparent
        );

    transform: translateX(-50%);
}


/* center glowing dot */

.rk-timeline-line span {

    position: absolute;

    left: 50%;
    top: 50%;

    width: 9px;
    height: 9px;

    border: 1px solid var(--rk-gold-light);

    background: var(--rk-clay);

    transform: translate(-50%, -50%) rotate(45deg);
}


/* =====================================================
   EVENT
===================================================== */

.rk-movement-event {

    position: relative;

    display: grid;

    grid-template-columns: 150px 1fr 90px;

    align-items: center;

    min-height: 310px;

    width: 48%;

    padding: 45px 40px;

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

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

    transition:
        transform .4s ease,
        background .4s ease,
        border-color .4s ease;
}


/* first event left */

.rk-movement-event:first-child {

    margin-right: auto;
}


/* second event right */

.rk-event-second {

    margin-left: auto;

    margin-top: 120px;
}


/* event hover */

.rk-movement-event:hover {

    transform: translateY(-8px);

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

    border-color: rgba(211,176,112,.5);
}


/* =====================================================
   MARKER
===================================================== */

.rk-event-marker {

    position: absolute;

    right: -20px;
    top: 50%;

    width: 40px;
    height: 40px;

    display: flex;

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

    border: 1px solid var(--rk-gold-light);

    background: var(--rk-clay);

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

    z-index: 5;
}


.rk-event-marker span {

    transform: rotate(-45deg);

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 10px;

    color: var(--rk-gold-light);
}


/* second marker on left */

.rk-event-second .rk-event-marker {

    left: -20px;
    right: auto;
}


/* =====================================================
   DATE
===================================================== */

.rk-event-date {

    display: flex;

    flex-direction: column;

    align-items: flex-start;
}


.rk-event-date span {

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 54px;

    line-height: .9;

    color: var(--rk-gold-light);
}


.rk-event-date small {

    margin-top: 10px;

    font-size: 11px;

    letter-spacing: .12em;

    color: rgba(255,255,255,.55);
}


.rk-event-date b {

    margin-top: 5px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 16px;

    font-weight: 400;

    color: rgba(255,255,255,.65);
}


/* =====================================================
   CONTENT
===================================================== */

.rk-event-content {

    padding-left: 15px;
}


.rk-event-label {

    display: block;

    margin-bottom: 12px;

    font-size: 10px;

    letter-spacing: .2em;

    color: var(--rk-gold-light);
}


.rk-event-content h3 {

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 27px;

    line-height: 1.35;

    font-weight: 500;

    color: #fff;
}


.rk-event-content h3 em {

    display: block;

    font-style: normal;

    color: var(--rk-paper);
}


.rk-event-line {

    width: 45px;
    height: 2px;

    margin: 18px 0;

    background: var(--rk-gold-light);
}


.rk-event-content p {

    margin: 0;

    font-size: 14px;

    line-height: 1.85;

    /* color: rgba(255,255,255,.68); */
}


/* =====================================================
   INDEX
===================================================== */

.rk-event-index {

    align-self: flex-end;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 55px;

    line-height: 1;

    color: rgba(255,255,255,.07);
}


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

.rk-movement-footer {

    display: grid;

    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 25px;

    margin-top: 90px;

    padding-top: 30px;

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


.rk-footer-year {

    display: flex;

    align-items: center;

    gap: 15px;
}


.rk-footer-year strong {

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 30px;

    font-weight: 500;

    color: var(--rk-gold-light);
}


.rk-footer-year span {

    color: rgba(255,255,255,.35);
}


.rk-movement-footer p {

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 15px;

    color: rgba(255,255,255,.7);
}


.rk-movement-footer p strong {

    font-weight: 500;

    color: #fff;
}


.rk-footer-symbol {

    font-size: 20px;

    color: var(--rk-gold-light);
}


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

@media (max-width: 900px) {

    .rk-movement-header {

        display: block;
    }

    .rk-year-watermark {

        position: absolute;

        right: 0;
        top: 20px;
    }

    .rk-movement-timeline {

        margin-top: 60px;
    }

    .rk-timeline-line {

        left: 20px;

        top: 30px;
        bottom: 30px;
    }

    .rk-movement-event,
    .rk-event-second {

        width: calc(100% - 45px);

        margin: 0 0 45px 45px;

        grid-template-columns: 110px 1fr 50px;

        min-height: 270px;
    }

    .rk-event-second {

        margin-top: 45px;
    }

    .rk-event-marker,
    .rk-event-second .rk-event-marker {

        left: -66px;
        right: auto;
    }

}


@media (max-width: 600px) {

    .rk-movement-section {

        padding: 85px 0;
    }

    .rk-movement-header {

        padding-bottom: 40px;
    }

    .rk-movement-heading h2 {

        font-size: 39px;
    }

    .rk-year-watermark {

        position: static;

        margin-top: 25px;

        font-size: 70px;
    }

    .rk-movement-intro {

        align-items: flex-start;

        flex-direction: column;

        gap: 12px;
    }

    .rk-intro-arrow {

        display: none;
    }

    .rk-movement-timeline {

        margin-top: 45px;
    }

    .rk-movement-event,
    .rk-event-second {

        width: calc(100% - 30px);

        margin-left: 30px;

        padding: 30px 22px;

        grid-template-columns: 75px 1fr;

    }

    .rk-event-marker,
    .rk-event-second .rk-event-marker {

        left: -45px;

        width: 32px;
        height: 32px;
    }

    .rk-event-date span {

        font-size: 42px;
    }

    .rk-event-content {

        padding-left: 5px;
    }

    .rk-event-content h3 {

        font-size: 23px;
    }

    .rk-event-index {

        display: none;
    }

    .rk-movement-footer {

        grid-template-columns: 1fr;

        gap: 10px;
    }

    .rk-footer-symbol {

        display: none;
    }

}


/* =========================================================
   04 PRAJA PARISHAD
========================================================= */

.rk-praja-parishad {
    padding: 115px 0;

    background: var(--rk-paper);
}

.rk-praja-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 780px);
    gap: 90px;
}

.rk-praja-year {
    padding-top: 15px;
    border-top: 2px solid var(--rk-gold);
}

.rk-praja-year span,
.rk-praja-year small {
    display: block;

    font-size: 11px;
    letter-spacing: .12em;
    color: var(--rk-muted);
}

.rk-praja-year strong {
    display: block;
    margin: 15px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 70px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-praja-content h2 {
    margin: 0 0 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 58px;
    font-weight: 500;
    line-height: 1.15;

    color: var(--rk-brown);
}

.rk-praja-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-praja-content .rk-lead {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 24px;
    line-height: 1.7;

    color: var(--rk-brown);
}

.rk-praja-content p {
    font-size: 17px;
    line-height: 1.9;
    color: var(--rk-text);
}


/* =========================================================
   05 SESSION TIMELINE
========================================================= */

.rk-first-session {
    padding: 110px 0;

    background: var(--rk-paper-light);
}

.rk-session-timeline {
    position: relative;

    max-width: 900px;
    margin-left: 0;
}

.rk-session-timeline::before {
    content: "";

    position: absolute;
    left: 145px;
    top: 0;
    bottom: 0;

    width: 1px;

    background: var(--rk-line);
}

.rk-session-item {
    position: relative;

    display: grid;
    grid-template-columns: 110px 70px minmax(0, 1fr);
    gap: 35px;

    padding: 0 0 65px;
}

.rk-session-item:last-child {
    padding-bottom: 0;
}

.rk-session-date {
    text-align: right;
}

.rk-session-date strong {
    display: block;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 38px;
    line-height: 1;

    color: var(--rk-clay);
}

.rk-session-date span {
    display: block;
    margin-top: 8px;

    font-size: 10px;
    color: var(--rk-muted);
}

.rk-session-marker {
    position: relative;
    z-index: 2;

    width: 12px;
    height: 12px;

    margin: 8px auto 0;

    border: 3px solid var(--rk-paper-light);
    border-radius: 50%;

    background: var(--rk-clay);
    box-shadow: 0 0 0 1px var(--rk-clay);
}

.rk-session-content span {
    font-size: 11px;
    letter-spacing: .12em;

    color: var(--rk-gold);
}

.rk-session-content h3 {
    margin: 10px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-session-content p {
    max-width: 580px;
    margin: 0;

    font-size: 16px;
    line-height: 1.8;

    color: var(--rk-muted);
}


/* =========================================================
   06 QUIT INDIA
========================================================= */

.rk-quit-india {
    position: relative;
    overflow: hidden;

    padding: 120px 0;

    background: var(--rk-brown);
    color: var(--rk-paper-light);
}

.rk-quit-india::before {
    content: "१९४२";

    position: absolute;
    right: -50px;
    top: 40px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 260px;
    line-height: 1;

    color: rgba(255, 255, 255, .035);
}

.rk-quit-top {
    display: flex;
    justify-content: space-between;

    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);

    font-size: 11px;
    letter-spacing: .15em;
    color: var(--rk-gold-light);
}

.rk-quit-content {
    max-width: 900px;

    padding: 85px 0 30px;
}

.rk-quit-content h2 {
    margin: 0 0 45px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(45px, 6vw, 78px);
    line-height: 1.15;
    font-weight: 500;
}

.rk-quit-content h2 em {
    display: block;

    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-quit-quote {
    display: grid;
    grid-template-columns: 45px 1fr 45px;
    gap: 20px;
    align-items: start;

    padding: 35px 0;

    border-top: 1px solid rgba(255, 255, 255, .18);
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.rk-quit-quote>span {
    font-family: Georgia, serif;
    font-size: 70px;
    line-height: .7;
    color: var(--rk-clay);
}

.rk-quit-quote p {
    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 22px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .85);
}

.rk-quit-period {
    display: flex;
    align-items: center;
    gap: 25px;

    margin: 55px 0 30px;
}

.rk-quit-period strong {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 28px;
    color: var(--rk-gold-light);
}

.rk-quit-line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, .25);
}

.rk-quit-line i {
    display: block;

    width: 55%;
    height: 2px;

    background: var(--rk-clay);
}

.rk-quit-description {
    max-width: 700px;

    font-size: 18px;
    line-height: 1.9;

    color: rgba(255, 255, 255, .7);
}


/* =========================================================
   07 UNDERGROUND
========================================================= */

.rk-underground {
    padding: 115px 0;

    background: #8d4031;
    color: var(--rk-paper-light);
}

.rk-underground-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 760px);
    gap: 90px;
}

.rk-underground-number {
    padding-top: 15px;

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

.rk-underground-number span {
    display: block;

    margin-bottom: 25px;

    font-size: 11px;
    letter-spacing: .14em;

    color: var(--rk-gold-light);
}

.rk-underground-number strong {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 65px;
    line-height: 1;

    font-weight: 500;
}

.rk-underground-content h2 {
    margin: 0 0 30px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    line-height: 1.2;
    font-weight: 500;
}

.rk-underground-content h2 em {
    display: block;

    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-underground-content>p {
    max-width: 700px;

    font-size: 18px;
    line-height: 1.9;

    color: rgba(255, 255, 255, .78);
}

.rk-underground-note {
    display: flex;
    align-items: center;
    gap: 30px;

    max-width: 600px;

    margin: 40px 0;

    padding: 25px 0;

    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.rk-underground-note span {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 34px;

    color: var(--rk-gold-light);
}

.rk-underground-note p {
    margin: 0;

    font-size: 16px;
}


/* =========================================================
   08 1947
========================================================= */

.rk-1947 {
    padding: 115px 0;

    background: var(--rk-paper);
}

.rk-1947-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.rk-1947-card {
    min-height: 360px;

    padding: 35px;

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

    background: var(--rk-paper-light);

    transition:
        transform .3s ease,
        border-color .3s ease;
}

.rk-1947-card:hover {
    transform: translateY(-5px);
    border-color: var(--rk-gold);
}

.rk-1947-card>span {
    font-size: 10px;
    letter-spacing: .12em;
    color: var(--rk-gold);
}

.rk-1947-card strong {
    display: block;

    margin: 55px 0 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 42px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-1947-card h3 {
    margin: 0 0 15px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-1947-card p {
    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: var(--rk-muted);
}


/* =========================================================
   09 HONOUR
========================================================= */

.rk-freedom-honour {
    padding: 100px 0;

    background: var(--rk-clay);
    color: var(--rk-paper-light);
}

.rk-honour-inner {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 180px;
    gap: 70px;
    align-items: center;
}

.rk-honour-year {
    padding-left: 25px;
    border-left: 2px solid var(--rk-gold-light);
}

.rk-honour-year span {
    display: block;

    font-size: 11px;
    letter-spacing: .12em;

    color: rgba(255, 255, 255, .65);
}

.rk-honour-year strong {
    display: block;
    margin-top: 10px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    font-weight: 500;

    color: var(--rk-paper-light);
}

.rk-honour-content h2 {
    margin: 0 0 25px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 500;
}

.rk-honour-content h2 em {
    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-honour-content p {
    max-width: 650px;

    margin: 0;

    font-size: 17px;
    line-height: 1.9;

    color: rgba(255, 255, 255, .8);
}

.rk-honour-seal {
    width: 150px;
    height: 150px;

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

    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;

    text-align: center;
}

.rk-honour-seal span {
    font-size: 10px;
    letter-spacing: .12em;
}

.rk-honour-seal strong {
    margin: 7px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;
    font-weight: 500;
}

.rk-honour-seal small {
    color: var(--rk-gold-light);
}


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

@media (max-width: 900px) {

    .rk-container {
        width: min(100% - 40px, 700px);
    }

    .rk-freedom-hero-content,
    .rk-context-grid,
    .rk-praja-layout,
    .rk-underground-grid,
    .rk-honour-inner {
        display: block;
    }

    .rk-freedom-hero-content {
        padding: 60px 0;
    }

    .rk-freedom-hero-year {
        margin-top: 50px;
    }

    .rk-context-year,
    .rk-praja-year,
    .rk-underground-number {
        margin-bottom: 45px;
    }

    .rk-marches-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .rk-march-divider {
        width: 100%;
        height: 1px;
    }

    .rk-1947-grid {
        grid-template-columns: 1fr;
    }

    .rk-honour-year,
    .rk-honour-content {
        margin-bottom: 40px;
    }

    .rk-honour-seal {
        margin-top: 30px;
    }

    .rk-session-timeline::before {
        left: 85px;
    }

    .rk-session-item {
        grid-template-columns: 65px 40px 1fr;
        gap: 20px;
    }
}


@media (max-width: 600px) {

    .rk-container {
        width: calc(100% - 32px);
    }

    .rk-freedom-hero {
        padding-top: 65px;
    }

    .rk-freedom-hero h1 {
        font-size: 48px;
    }

    .rk-freedom-hero p {
        font-size: 16px;
    }

    .rk-section-intro {
        margin-bottom: 45px;
    }

    .rk-section-intro h2,
    .rk-praja-content h2,
    .rk-underground-content h2,
    .rk-honour-content h2 {
        font-size: 38px;
    }

    .rk-quit-content h2 {
        font-size: 43px;
    }

    .rk-quit-quote {
        grid-template-columns: 25px 1fr;
    }

    .rk-quit-quote>span:last-child {
        display: none;
    }

    .rk-quit-quote p {
        font-size: 18px;
    }

    .rk-session-timeline::before {
        left: 55px;
    }

    .rk-session-item {
        grid-template-columns: 45px 20px 1fr;
        gap: 15px;
    }

    .rk-session-date strong {
        font-size: 25px;
    }

    .rk-session-date span {
        font-size: 8px;
    }

    .rk-session-content h3 {
        font-size: 21px;
    }

    .rk-session-content p {
        font-size: 14px;
    }

    .rk-marches-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

/* =========================================================
   PAGE 4 - COOPERATIVE MOVEMENT
   SAME WEBSITE DESIGN SYSTEM
========================================================= */


/* =========================================================
   INTRO
========================================================= */

.rk-coop-intro {
    padding: 110px 0;
    background: var(--rk-paper-light);
}

.rk-coop-intro-grid {
    display: grid;
    grid-template-columns: 220px minmax(0, 800px);
    gap: 90px;
}

.rk-coop-intro-number {
    border-top: 2px solid var(--rk-clay);
    padding-top: 15px;
}

.rk-coop-intro-number span {
    display: block;
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--rk-muted);
}

.rk-coop-intro-number strong {
    display: block;
    margin-top: 15px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 70px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-coop-intro-content h2 {
    margin: 0 0 28px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    line-height: 1.2;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-coop-intro-content h2 em {
    display: block;
    color: var(--rk-clay);
    font-style: normal;
}

.rk-coop-intro-content .rk-lead {
    margin-bottom: 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 24px;
    line-height: 1.7;

    color: var(--rk-brown);
}

.rk-coop-intro-content p {
    font-size: 17px;
    line-height: 1.9;
    color: var(--rk-text);
}


/* =========================================================
   PANCHGANGA
========================================================= */

.rk-panchganga {
    padding: 110px 0;

    background: var(--rk-clay);
    color: var(--rk-paper-light);
}

.rk-panchganga-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    padding-bottom: 55px;

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

.rk-panchganga-top .rk-eyebrow {
    color: var(--rk-gold-light);
}

.rk-panchganga h2 {
    margin: 0;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.15;
    font-weight: 500;
}

.rk-panchganga h2 em {
    display: block;
    color: var(--rk-paper);
    font-style: normal;
}

.rk-panchganga-number {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 80px;
    line-height: 1;

    color: rgba(255, 255, 255, .16);
}

.rk-panchganga-intro {
    max-width: 780px;
    padding: 55px 0;
}

.rk-panchganga-intro p {
    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 24px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .85);
}

.rk-panchganga-timeline {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;

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

.rk-panch-event {
    min-height: 310px;

    padding: 35px;

    border-right: 1px solid rgba(255, 255, 255, .25);
}

.rk-panch-event:last-child {
    border-right: 0;
}

.rk-panch-event.active {
    background: rgba(0, 0, 0, .08);
}

.rk-panch-event span {
    font-size: 11px;
    color: var(--rk-gold-light);
}

.rk-panch-event strong {
    display: block;
    margin: 20px 0 30px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 42px;
    font-weight: 500;
}

.rk-panch-event h3 {
    margin: 0 0 15px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 24px;
    font-weight: 500;
}

.rk-panch-event p {
    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .68);
}


/* =========================================================
   SPINNING MILL
========================================================= */

.rk-spinning {
    padding: 115px 0;

    background: var(--rk-paper);
}

.rk-spinning-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 800px);
    gap: 90px;
}

.rk-spinning-year {
    border-top: 2px solid var(--rk-gold);
    padding-top: 15px;
}

.rk-spinning-year span,
.rk-spinning-year small {
    display: block;

    font-size: 11px;
    letter-spacing: .12em;

    color: var(--rk-muted);
}

.rk-spinning-year strong {
    display: block;
    margin: 15px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 70px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-spinning-content h2 {
    margin: 0 0 28px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    line-height: 1.2;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-spinning-content h2 em {
    display: block;

    color: var(--rk-clay);
    font-style: normal;
}

.rk-spinning-content .rk-lead {
    max-width: 760px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 22px;
    line-height: 1.8;

    color: var(--rk-text);
}

.rk-spinning-highlight {
    display: flex;
    gap: 35px;
    align-items: center;

    max-width: 700px;

    margin-top: 45px;
    padding: 25px 0;

    border-top: 1px solid var(--rk-line);
    border-bottom: 1px solid var(--rk-line);
}

.rk-spinning-highlight span {
    white-space: nowrap;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 24px;

    color: var(--rk-clay);
}

.rk-spinning-highlight p {
    margin: 0;

    font-size: 15px;
    line-height: 1.7;

    color: var(--rk-muted);
}


/* =========================================================
   CONSUMER STORES
========================================================= */

.rk-consumer-stores {
    padding: 110px 0;

    background: var(--rk-paper-light);
}

.rk-consumer-stores .rk-section-intro p {
    max-width: 700px;
    margin: 25px 0 0;

    font-size: 17px;
    line-height: 1.8;

    color: var(--rk-muted);
}

.rk-consumer-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.rk-consumer-card {
    min-height: 390px;

    padding: 40px;

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

    background: var(--rk-paper);

    transition: .3s ease;
}

.rk-consumer-card:hover {
    border-color: var(--rk-gold);
    transform: translateY(-5px);
}

.rk-consumer-card>span {
    font-size: 11px;
    letter-spacing: .12em;
    color: var(--rk-gold);
}

.rk-consumer-number {
    margin: 55px 0 20px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 48px;

    color: rgba(142, 63, 47, .25);
}

.rk-consumer-card h3 {
    max-width: 500px;

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 28px;
    line-height: 1.45;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-card-line {
    width: 50px;
    height: 2px;

    margin: 25px 0;

    background: var(--rk-clay);
}

.rk-consumer-card p {
    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: var(--rk-muted);
}


/* =========================================================
   JANATA BAZAAR
========================================================= */
/* =====================================================
   JANATA BAZAAR
   CREATIVE ARCHIVAL SECTION
===================================================== */

.rk-janata-creative {
    position: relative;

    padding: 120px 0 90px;

    background: #4b2d20;

    color: #f8f0df;

    overflow: hidden;
}


/* subtle paper texture */

.rk-janata-creative::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: .35;

    background-image:
        radial-gradient(
            rgba(255,255,255,.08) .6px,
            transparent .6px
        );

    background-size: 7px 7px;

    pointer-events: none;
}


/* huge background circle */

.rk-janata-creative::after {
    content: "";

    position: absolute;

    width: 700px;
    height: 700px;

    border: 1px solid rgba(220,181,108,.07);

    border-radius: 50%;

    left: 50%;
    top: 48%;

    transform: translate(-50%, -50%);

    pointer-events: none;
}


/* container */

.rk-janata-creative .rk-container {
    position: relative;
    z-index: 2;
}


/* =====================================================
   TOP
===================================================== */

.rk-jb-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 35px;
}


.rk-jb-kicker {

    display: flex;

    align-items: center;

    gap: 14px;
}


.rk-jb-kicker span {

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 14px;

    color: #d7b16e;
}


.rk-jb-kicker i {

    width: 45px;
    height: 1px;

    background: #d7b16e;
}


.rk-jb-kicker small {

    font-size: 10px;

    letter-spacing: .2em;

    color: rgba(255,255,255,.5);
}


.rk-jb-period {

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 15px;

    letter-spacing: .08em;

    color: #d7b16e;
}


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

.rk-jb-hero {

    position: relative;

    min-height: 570px;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* background word */

.rk-jb-bg-text {

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: clamp(160px, 25vw, 360px);

    line-height: 1;

    font-weight: 600;

    color: rgba(255,255,255,.035);

    white-space: nowrap;

    pointer-events: none;
}


/* =====================================================
   CENTER SEAL
===================================================== */

.rk-jb-center {

    position: relative;

    z-index: 5;
}


.rk-jb-ring {

    width: 330px;
    height: 330px;

    display: flex;

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

    border: 1px solid #cda35d;

    border-radius: 50%;

    box-shadow:
        0 0 0 12px rgba(205,163,93,.035),
        0 0 0 13px rgba(205,163,93,.18),
        0 0 0 27px rgba(205,163,93,.025);
}


.rk-jb-inner {

    width: 275px;
    height: 275px;

    display: flex;

    flex-direction: column;

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

    text-align: center;

    border: 1px solid rgba(205,163,93,.5);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(108,68,43,.9),
            rgba(67,39,28,.96)
        );
}


.rk-jb-inner > span {

    font-size: 10px;

    letter-spacing: .2em;

    color: #d7b16e;
}


.rk-jb-inner h2 {

    margin: 12px 0 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 45px;

    line-height: 1;

    font-weight: 500;

    color: #fff;
}


.rk-jb-inner h2 em {

    display: block;

    font-style: normal;

    color: #d7b16e;
}


.rk-jb-star {

    margin: 16px 0;

    font-size: 16px;

    color: #d7b16e;
}


.rk-jb-inner small {

    font-size: 10px;

    color: rgba(255,255,255,.55);
}


/* =====================================================
   SIDE CONTENT
===================================================== */

.rk-jb-message {

    position: absolute;

    width: 270px;
}


.rk-jb-left {

    left: 0;
    top: 120px;

    text-align: right;

    padding-right: 35px;

    border-right: 1px solid rgba(215,177,110,.35);
}


.rk-jb-right {

    right: 0;
    bottom: 105px;

    padding-left: 35px;

    border-left: 1px solid rgba(215,177,110,.35);
}


.rk-jb-small {

    display: block;

    margin-bottom: 15px;

    font-size: 10px;

    letter-spacing: .2em;

    color: #d7b16e;
}


.rk-jb-message h3 {

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 23px;

    line-height: 1.5;

    font-weight: 400;

    color: #fff;
}


.rk-jb-message h3 strong {

    display: block;

    color: #d7b16e;

    font-weight: 500;
}


.rk-jb-message > p {

    margin: 15px 0 0;

    font-size: 13px;

    line-height: 1.8;

    color: rgba(255,255,255,.58);
}


/* quote */

.rk-jb-quote {

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 17px;

    line-height: 1.8;

    color: rgba(255,255,255,.78);
}


/* =====================================================
   LOCATIONS
===================================================== */

.rk-jb-locations {

    position: relative;

    display: grid;

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

    margin-top: 20px;

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

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


.rk-jb-location {

    position: relative;

    min-height: 125px;

    display: grid;

    grid-template-columns: 45px 1fr auto;

    align-items: center;

    gap: 15px;

    padding: 25px 30px;

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

    transition: .35s ease;
}


.rk-jb-location:last-child {

    border-right: 0;
}


.rk-jb-location:hover {

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

}


.rk-location-no {

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 13px;

    color: #d7b16e;
}


.rk-jb-location small {

    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    letter-spacing: .18em;

    color: rgba(255,255,255,.4);
}


.rk-jb-location h3 {

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 21px;

    font-weight: 500;

    color: #fff;
}


.rk-location-arrow {

    font-size: 18px;

    color: rgba(215,177,110,.7);

    transition: .3s ease;
}


.rk-jb-location:hover .rk-location-arrow {

    transform: translate(4px, -4px);

    color: #d7b16e;
}


/* featured */

.rk-jb-location-featured {

    background: rgba(215,177,110,.06);

}


.rk-jb-location-featured::before {

    content: "";

    position: absolute;

    left: 0;
    top: 15px;
    bottom: 15px;

    width: 2px;

    background: #d7b16e;
}


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

.rk-jb-footer {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 35px;
}


.rk-jb-footer-line {

    width: 70px;
    height: 1px;

    background: rgba(215,177,110,.5);
}


.rk-jb-footer span {

    font-size: 10px;

    letter-spacing: .18em;

    color: rgba(255,255,255,.45);
}


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

@media (max-width: 900px) {

    .rk-jb-hero {

        min-height: 650px;
    }


    .rk-jb-message {

        width: 220px;
    }


    .rk-jb-left {

        left: 0;
        top: 70px;
    }


    .rk-jb-right {

        right: 0;
        bottom: 55px;
    }


    .rk-jb-locations {

        grid-template-columns: 1fr;
    }


    .rk-jb-location {

        border-right: 0;

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


    .rk-jb-location:last-child {

        border-bottom: 0;
    }

}


@media (max-width: 600px) {

    .rk-janata-creative {

        padding: 85px 0 70px;
    }


    .rk-jb-period {

        display: none;
    }


    .rk-jb-hero {

        min-height: 700px;

        display: block;
    }


    .rk-jb-bg-text {

        font-size: 150px;

        top: 45%;
    }


    .rk-jb-center {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);
    }


    .rk-jb-ring {

        width: 245px;
        height: 245px;
    }


    .rk-jb-inner {

        width: 205px;
        height: 205px;
    }


    .rk-jb-inner h2 {

        font-size: 34px;
    }


    .rk-jb-left,
    .rk-jb-right {

        position: absolute;

        width: 175px;

        padding: 0;

        border: 0;
    }


    .rk-jb-left {

        left: 0;

        top: 15px;

        text-align: left;
    }


    .rk-jb-right {

        right: 0;

        bottom: 10px;
    }


    .rk-jb-message h3 {

        font-size: 18px;
    }


    .rk-jb-quote {

        font-size: 14px;
    }


    .rk-jb-location {

        min-height: 100px;

        padding: 20px;
    }


    .rk-jb-footer-line {

        width: 30px;
    }

}

/* =========================================================
   BANKING
========================================================= */
/* =====================================================
   INSTITUTIONAL LEGACY SECTION
===================================================== */

.rk-institution-section {
    position: relative;

    padding: 125px 0 110px;

    background: #f4eee3;

    color: #352116;

    overflow: hidden;
}


/* subtle oversized background */

.rk-institution-section::before {
    content: "०४";

    position: absolute;

    right: -40px;
    bottom: -100px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 330px;
    line-height: 1;

    color: rgba(111, 69, 25, .035);

    pointer-events: none;
}


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

.rk-institution-header {
    position: relative;

    display: grid;

    grid-template-columns: 150px 1fr auto;

    gap: 45px;

    align-items: start;

    margin-bottom: 90px;
}


.rk-institution-kicker {
    display: flex;

    align-items: center;

    gap: 12px;

    padding-top: 12px;
}


.rk-institution-kicker span {
    font-family: Georgia, serif;

    font-size: 13px;

    letter-spacing: 2px;

    color: #9b672d;
}


.rk-institution-kicker i {
    width: 38px;
    height: 1px;

    background: #b88a4a;
}


.rk-institution-kicker small {
    display: none;
}


.rk-institution-heading h2 {
    max-width: 700px;

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: clamp(40px, 5vw, 68px);

    line-height: 1.15;

    font-weight: 500;

    letter-spacing: -1px;

    color: #362217;
}


.rk-institution-heading h2 em {
    display: block;

    font-style: normal;

    color: #91472f;
}


.rk-institution-heading p {
    max-width: 550px;

    margin: 22px 0 0;

    font-size: 15px;

    line-height: 1.85;

    color: #786e63;
}


/* watermark */

.rk-institution-watermark {
    padding-top: 5px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 30px;

    writing-mode: vertical-rl;

    color: rgba(111, 69, 25, .13);

    letter-spacing: 5px;
}


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

.rk-institution-timeline {
    position: relative;

    padding: 10px 0 20px;
}


/* central spine */

.rk-institution-line {
    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #c29a5b 8%,
            #c29a5b 92%,
            transparent
        );

    transform: translateX(-50%);
}


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

.rk-institution-item {
    position: relative;

    display: grid;

    grid-template-columns: 1fr 70px 1fr;

    align-items: center;

    min-height: 300px;
}


/* alternating right */

.rk-institution-item-right {
    direction: rtl;
}

.rk-institution-item-right > * {
    direction: ltr;
}


/* =====================================================
   YEAR
===================================================== */

.rk-institution-year {


    /* text-align: right; */
}


.rk-institution-item-right .rk-institution-year {
    text-align: left;
}


.rk-institution-year span {
    display: block;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 38px;

    line-height: 1;

    color: #a16b2d;
}


.rk-institution-year small {
    display: block;

    margin-top: 8px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 16px;

    color: #9a8a78;
}


/* =====================================================
   NODE
===================================================== */

.rk-institution-node {
    position: relative;
    z-index: 5;

    width: 62px;
    height: 62px;

    display: flex;

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

    border: 1px solid #b48747;

    background: #f4eee3;

    transform: rotate(45deg);
}


.rk-institution-node::before {
    content: "";

    position: absolute;

    inset: 7px;

    border: 1px solid rgba(180,135,71,.4);
}


.rk-institution-node span {
    position: relative;

    transform: rotate(-45deg);

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 12px;

    color: #8d5b28;
}


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

.rk-institution-card {
    position: relative;

    min-height: 245px;

    padding: 30px 35px;

    border: 1px solid rgba(111, 69, 25, .2);

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

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}


.rk-institution-card:hover {
    transform: translateY(-8px);

    border-color: #b88b4b;

    box-shadow:
        0 20px 45px rgba(75,45,20,.10);
}


/* top row */

.rk-card-top {
    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;
}


.rk-card-top span {
    font-size: 10px;

    letter-spacing: .18em;

    color: #a17037;
}


.rk-card-top b {
    font-family: Georgia, serif;

    font-size: 12px;

    font-weight: 400;

    color: rgba(111,69,25,.25);
}


/* symbol */

.rk-card-symbol {
    position: absolute;

    right: 25px;
    top: 62px;

    font-family: Georgia, serif;

    font-size: 52px;

    color: rgba(143,64,49,.09);
}


/* title */

.rk-institution-card h3 {
    max-width: 370px;

    margin: 0 0 15px;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 500;

    color: #382317;
}


.rk-institution-card h3 em {
    display: block;

    font-style: normal;

    color: white;
}


/* paragraph */

.rk-institution-card p {
    max-width: 430px;

    margin: 0;

    font-size: 13px;

    line-height: 1.8;

    color:white;
}


/* bottom */

.rk-card-bottom {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 22px;
}


.rk-card-bottom span {
    font-size: 10px;

    letter-spacing: .15em;

    color: #a16d32;
}


.rk-card-bottom i {
    width: 35px;
    height: 1px;

    background: #bd9254;
}


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

.rk-institution-footer {
    display: grid;

    grid-template-columns: 45px 1fr auto;

    align-items: center;

    gap: 20px;

    margin-top: 75px;

    padding-top: 28px;

    border-top: 1px solid rgba(111,69,25,.2);
}


.rk-footer-mark {
    width: 34px;
    height: 34px;

    display: flex;

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

    border: 1px solid #b78b4b;

    transform: rotate(45deg);
}


.rk-footer-mark span {
    width: 7px;
    height: 7px;

    background: #9b672d;

    transform: rotate(-45deg);
}


.rk-institution-footer p {
    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 15px;

    color: #756a5f;
}


.rk-institution-footer strong {
    color: #8e462f;

    font-weight: 500;
}


.rk-footer-years {
    font-family: "Noto Serif Devanagari", Georgia, serif;

    font-size: 18px;

    color: #a16b30;
}


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

@media (max-width: 900px) {

    .rk-institution-header {
        grid-template-columns: 1fr auto;

        gap: 25px;
    }

    .rk-institution-kicker {
        grid-column: 1 / -1;
    }

    .rk-institution-watermark {
        font-size: 22px;
    }

    .rk-institution-item {
        grid-template-columns: 90px 55px 1fr;

        min-height: 260px;
    }

    .rk-institution-year {
        padding: 20px 15px;

        text-align: right;
    }

    .rk-institution-year span {
        font-size: 27px;
    }

    .rk-institution-node {
        width: 48px;
        height: 48px;
    }

    .rk-institution-card {
        padding: 25px;
    }

}


@media (max-width: 600px) {

    .rk-institution-section {
        padding: 85px 0;
    }

    .rk-institution-header {
        display: block;

        margin-bottom: 55px;
    }

    .rk-institution-watermark {
        display: none;
    }

    .rk-institution-heading h2 {
        font-size: 40px;
    }

    .rk-institution-timeline {
        padding-left: 0;
    }

    .rk-institution-line {
        left: 22px;
    }

    .rk-institution-item,
    .rk-institution-item-right {
        display: grid;

        grid-template-columns: 45px 1fr;

        min-height: auto;

        margin-bottom: 45px;

        direction: ltr;
    }

    .rk-institution-year {
        position: absolute;

        left: 58px;
        top: -30px;

        padding: 0;

        text-align: left;
    }

    .rk-institution-year span {
        font-size: 24px;
    }

    .rk-institution-year small {
        display: inline;

        margin-left: 5px;

        font-size: 13px;
    }

    .rk-institution-node {
        width: 44px;
        height: 44px;

        grid-column: 1;
        grid-row: 1;

        margin-top: 25px;
    }

    .rk-institution-card {
        grid-column: 2;
        grid-row: 1;

        margin-left: 15px;

        padding: 25px 20px;
    }

    .rk-institution-card h3 {
        font-size: 21px;
    }

    .rk-card-symbol {
        font-size: 40px;
    }

    .rk-institution-footer {
        grid-template-columns: 40px 1fr;

    }

    .rk-footer-years {
        grid-column: 2;
    }

}
.rk-chapter-intro {
    position: relative;
    padding: 150px 0;
    background: var(--rk-paper-light);
    overflow: hidden;
}

.rk-chapter-intro .rk-container {
    position: relative;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 70px;
}

.rk-chapter-number {
    padding-top: 10px;
}

.rk-chapter-number span {
    display: block;
    margin-bottom: 8px;
    font-size: 10px;
    letter-spacing: .2em;
    color: var(--rk-gold);
}

.rk-chapter-number strong {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 1;
    color: rgba(80,45,20,.12);
}

.rk-chapter-content {
    max-width: 780px;
}

.rk-chapter-content h2 {
    margin: 15px 0 25px;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(45px,6vw,78px);
    line-height: 1.12;
    font-weight: 500;
    color: var(--rk-brown);
}

.rk-chapter-content h2 em {
    display: block;
    font-style: normal;
    color: var(--rk-clay);
}

.rk-chapter-lead {
    max-width: 650px;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 23px;
    line-height: 1.7;
    color: var(--rk-brown);
}

.rk-chapter-rule {
    width: 90px;
    height: 2px;
    margin: 35px 0;
    background: var(--rk-gold);
}

.rk-chapter-content > p:last-child {
    max-width: 620px;
    font-size: 15px;
    line-height: 1.9;
    color: var(--rk-text);
}

.rk-chapter-watermark {
    position: absolute;
    right: -80px;
    bottom: -90px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 230px;
    color: rgba(100,60,25,.035);
}


/* =========================================================
   MODERNISATION
========================================================= */

.rk-modernisation {
    padding: 105px 0;

    background: var(--rk-paper);
}

.rk-modernisation-inner {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 170px;
    gap: 70px;
    align-items: center;
}

.rk-modernisation-year {
    border-left: 2px solid var(--rk-clay);
    padding-left: 25px;
}

.rk-modernisation-year span {
    display: block;

    font-size: 11px;
    color: var(--rk-muted);
}

.rk-modernisation-year strong {
    display: block;
    margin-top: 10px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-modernisation-content h2 {
    margin: 0 0 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-modernisation-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-modernisation-content p {
    max-width: 650px;

    margin: 0;

    font-size: 17px;
    line-height: 1.9;

    color: var(--rk-text);
}

.rk-modernisation-mark {
    width: 145px;
    height: 145px;

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

    border: 1px solid var(--rk-gold);
    border-radius: 50%;

    text-align: center;
}

.rk-modernisation-mark span {
    font-size: 10px;
    letter-spacing: .12em;
    color: var(--rk-muted);
}

.rk-modernisation-mark strong {
    margin-top: 5px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;
    font-weight: 500;

    color: var(--rk-clay);
}


/* =========================================================
   HONOURS
========================================================= */

.rk-coop-honours {
    padding: 110px 0;

    background: var(--rk-clay);
    color: var(--rk-paper-light);
}

.rk-coop-honours .rk-section-intro>span {
    color: var(--rk-gold-light);
}

.rk-coop-honours .rk-section-intro h2 {
    color: var(--rk-paper-light);
}

.rk-coop-honours .rk-section-intro h2 em {
    color: var(--rk-gold-light);
}

.rk-honours-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.rk-honour-card {
    min-height: 350px;

    padding: 40px;

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

.rk-honour-card>span {
    font-size: 11px;
    color: rgba(255, 255, 255, .65);
}

.rk-honour-card>strong {
    display: block;
    margin-top: 10px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 52px;
    font-weight: 500;

    color: var(--rk-gold-light);
}

.rk-honour-rule {
    width: 50px;
    height: 2px;

    margin: 35px 0;

    background: var(--rk-gold-light);
}

.rk-honour-card h3 {
    margin: 0 0 15px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 32px;
    font-weight: 500;
}

.rk-honour-card p {
    max-width: 450px;

    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .7);
}


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

@media (max-width: 900px) {

    .rk-coop-intro-grid,
    .rk-spinning-layout,
    .rk-modernisation-inner {
        display: block;
    }

    .rk-coop-intro-number,
    .rk-spinning-year,
    .rk-modernisation-year {
        margin-bottom: 45px;
    }

    .rk-panchganga-timeline,
    .rk-banking-grid {
        grid-template-columns: 1fr;
    }

    .rk-panch-event {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
    }

    .rk-panch-event:last-child {
        border-bottom: 0;
    }

    .rk-consumer-grid,
    .rk-honours-grid {
        grid-template-columns: 1fr;
    }

    .rk-janata-locations {
        grid-template-columns: 1fr;
    }

    .rk-location {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

    .rk-location:last-child {
        border-bottom: 0;
    }

    .rk-modernisation-mark {
        margin-top: 45px;
    }
}


@media (max-width: 600px) {

    .rk-coop-intro-content h2,
    .rk-spinning-content h2,
    .rk-banking-header h2,
    .rk-janata-heading h2 {
        font-size: 38px;
    }

    .rk-panchganga h2 {
        font-size: 40px;
    }

    .rk-panchganga-number {
        font-size: 50px;
    }

    .rk-spinning-highlight {
        display: block;
    }

    .rk-spinning-highlight span {
        display: block;
        margin-bottom: 15px;
    }

    .rk-modernisation-content h2 {
        font-size: 38px;
    }
}

/* =========================================================
   PAGE 5 - POLITICAL & PUBLIC CAREER
========================================================= */


/* =========================================================
   01 MUNICIPAL
========================================================= */

.rk-political-municipal {
    padding: 110px 0;
    background: var(--rk-paper-light);
}

.rk-political-municipal-grid {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 160px;
    gap: 70px;
    align-items: start;
}

.rk-political-year {
    border-top: 2px solid var(--rk-clay);
    padding-top: 15px;
}

.rk-political-year span,
.rk-political-year small {
    display: block;
    font-size: 11px;
    letter-spacing: .12em;
    color: var(--rk-muted);
}

.rk-political-year strong {
    display: block;
    margin: 15px 0 3px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 62px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-political-municipal-content h2 {
    margin: 0 0 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 58px;
    line-height: 1.15;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-political-municipal-content h2 em {
    display: block;
    color: var(--rk-clay);
    font-style: normal;
}

.rk-political-municipal-content .rk-lead {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 23px;
    line-height: 1.7;

    color: var(--rk-brown);
}

.rk-political-municipal-content p:not(.rk-lead) {
    font-size: 16px;
    line-height: 1.9;
    color: var(--rk-text);
}

.rk-political-mark {
    padding: 25px;

    border: 1px solid var(--rk-line);
    text-align: center;
}

.rk-political-mark span {
    display: block;
    font-size: 10px;
    color: var(--rk-muted);
}

.rk-political-mark strong {
    display: block;
    margin-top: 12px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-political-mark small {
    color: var(--rk-muted);
}


/* =========================================================
   02 DISTRICT
========================================================= */

.rk-district-responsibilities {
    padding: 110px 0;
    background: var(--rk-paper);
}

.rk-district-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.rk-district-card {
    min-height: 370px;
    padding: 40px;

    border: 1px solid var(--rk-line);
    background: var(--rk-paper-light);

    transition: .3s ease;
}

.rk-district-card:hover {
    transform: translateY(-5px);
    border-color: var(--rk-gold);
}

.rk-district-card>span {
    font-size: 11px;
    letter-spacing: .12em;
    color: var(--rk-gold);
}

.rk-district-number {
    margin: 55px 0 20px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 45px;
    color: rgba(142, 63, 47, .25);
}

.rk-district-card h3 {
    margin: 0 0 15px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 29px;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-district-card p {
    max-width: 480px;

    margin: 0 0 25px;

    font-size: 15px;
    line-height: 1.8;

    color: var(--rk-muted);
}

.rk-district-card small {
    color: var(--rk-clay);
}


/* =========================================================
   03 CABINET
========================================================= */

.rk-cabinet {
    padding: 115px 0;

    background: var(--rk-brown);
    color: var(--rk-paper-light);
}

.rk-cabinet-heading {
    max-width: 800px;
    margin-bottom: 70px;
}

.rk-cabinet-heading .rk-eyebrow {
    color: var(--rk-gold-light);
}

.rk-cabinet-heading h2 {
    margin: 0 0 25px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 58px;
    line-height: 1.2;
    font-weight: 500;
}

.rk-cabinet-heading h2 em {
    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-cabinet-heading p {
    max-width: 680px;

    margin: 0;

    font-size: 17px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .7);
}

.rk-cabinet-timeline {
    max-width: 950px;
}

.rk-cabinet-item {
    display: grid;
    grid-template-columns: 150px 30px minmax(0, 1fr);
    gap: 30px;

    padding: 35px 0;

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

.rk-cabinet-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}

.rk-cabinet-date strong {
    display: block;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 32px;
    font-weight: 500;

    color: var(--rk-gold-light);
}

.rk-cabinet-date span {
    font-size: 10px;
    color: rgba(255, 255, 255, .55);
}

.rk-cabinet-line {
    width: 1px;
    min-height: 70px;

    background: var(--rk-clay);
}

.rk-cabinet-content span {
    font-size: 10px;
    letter-spacing: .12em;
    color: var(--rk-gold-light);
}

.rk-cabinet-content h3 {
    margin: 8px 0 10px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;
    font-weight: 500;
}

.rk-cabinet-content p {
    max-width: 600px;

    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .65);
}


/* =========================================================
   04 KALAMBWADI
========================================================= */

.rk-kalambwadi {
    padding: 105px 0;
    background: var(--rk-clay);
    color: var(--rk-paper-light);
}

.rk-kalambwadi-inner {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 160px;
    gap: 70px;
    align-items: center;
}

.rk-kalambwadi-date {
    border-left: 2px solid var(--rk-gold-light);
    padding-left: 25px;
}

.rk-kalambwadi-date span {
    display: block;
    font-size: 11px;
    color: rgba(255, 255, 255, .65);
}

.rk-kalambwadi-date strong {
    display: block;
    margin-top: 8px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 52px;
    font-weight: 500;

    color: var(--rk-paper-light);
}

.rk-kalambwadi-content h2 {
    margin: 0 0 25px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 48px;
    font-weight: 500;
}

.rk-kalambwadi-content h2 em {
    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-kalambwadi-content p {
    max-width: 680px;

    margin: 0;

    font-size: 17px;
    line-height: 1.9;

    color: rgba(255, 255, 255, .78);
}

.rk-kalambwadi-stamp {
    width: 145px;
    height: 145px;

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

    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50%;

    text-align: center;
}

.rk-kalambwadi-stamp span {
    font-size: 8px;
    letter-spacing: .14em;
}

.rk-kalambwadi-stamp strong {
    margin: 6px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 28px;
    font-weight: 500;
}

.rk-kalambwadi-stamp small {
    color: var(--rk-gold-light);
}


/* =========================================================
   05 EDUCATION
========================================================= */

.rk-political-education {
    padding: 110px 0;
    background: var(--rk-paper-light);
}

.rk-political-education .rk-section-intro {
    max-width: 850px;
}

.rk-political-education .rk-section-intro p {
    max-width: 680px;
    margin-top: 25px;

    font-size: 16px;
    line-height: 1.8;

    color: var(--rk-muted);
}

.rk-political-education-list {
    max-width: 900px;
    border-top: 1px solid var(--rk-line);
}

.rk-political-edu-item {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 45px;

    padding: 30px 0;

    border-bottom: 1px solid var(--rk-line);
}

.rk-political-edu-year {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 32px;
    color: var(--rk-clay);
}

.rk-political-edu-item span {
    font-size: 10px;
    letter-spacing: .12em;
    color: var(--rk-gold);
}

.rk-political-edu-item h3 {
    margin: 7px 0 3px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-political-edu-item p {
    margin: 0;

    font-size: 14px;
    color: var(--rk-muted);
}


/* =========================================================
   06 SOCIAL
========================================================= */

.rk-social-institution {
    padding: 105px 0;
    background: var(--rk-clay);
    color: var(--rk-paper-light);
}

.rk-social-grid {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 160px;
    gap: 70px;
    align-items: center;
}

.rk-social-period {
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .4);
}

.rk-social-period span,
.rk-social-period small {
    display: block;
    font-size: 10px;
    color: rgba(255, 255, 255, .6);
}

.rk-social-period strong {
    display: block;
    margin: 10px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 48px;
    font-weight: 500;

    color: var(--rk-gold-light);
}

.rk-social-content h2 {
    margin: 0 0 25px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 500;
}

.rk-social-content h2 em {
    color: var(--rk-gold-light);
    font-style: normal;
}

.rk-social-content p {
    max-width: 650px;

    margin: 0;

    font-size: 17px;
    line-height: 1.9;

    color: rgba(255, 255, 255, .75);
}

.rk-social-mark {
    width: 145px;
    height: 145px;

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

    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
}

.rk-social-mark span,
.rk-social-mark small {
    font-size: 10px;
}

.rk-social-mark strong {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 40px;
    font-weight: 500;

    color: var(--rk-gold-light);
}


/* =========================================================
   07 CONGRESS
========================================================= */

.rk-congress-role {
    padding: 105px 0;
    background: var(--rk-paper);
}

.rk-congress-inner {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 180px;
    gap: 70px;
    align-items: center;
}

.rk-congress-number {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 52px;
    color: var(--rk-clay);
}

.rk-congress-content h2 {
    margin: 0 0 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-congress-content h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-congress-content p {
    max-width: 650px;

    margin: 0;

    font-size: 17px;
    line-height: 1.9;

    color: var(--rk-text);
}

.rk-congress-label {
    padding: 25px;

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

.rk-congress-label span {
    display: block;
    font-size: 10px;
    color: var(--rk-muted);
}

.rk-congress-label strong {
    display: block;
    margin-top: 10px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 22px;
    font-weight: 500;

    color: var(--rk-clay);
}


/* =========================================================
   08 HONOURS
========================================================= */

.rk-public-honours {
    padding: 110px 0;
    background: #8e3f2f;
    color: var(--rk-paper-light);
}

.rk-public-honours .rk-section-intro>span {
    color: var(--rk-gold-light);
}

.rk-public-honours .rk-section-intro h2 {
    color: var(--rk-paper-light);
}

.rk-public-honours .rk-section-intro h2 em {
    color: var(--rk-gold-light);
}

.rk-public-honours-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.rk-public-honour-card {
    min-height: 350px;
    padding: 40px;

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

.rk-public-honour-card.featured {
    border-color: var(--rk-gold-light);
}

.rk-public-honour-card>span {
    font-size: 10px;
    letter-spacing: .12em;
    color: rgba(255, 255, 255, .55);
}

.rk-public-honour-card>strong {
    display: block;
    margin-top: 8px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 52px;
    font-weight: 500;

    color: var(--rk-gold-light);
}

.rk-public-honour-line {
    width: 50px;
    height: 2px;

    margin: 35px 0;

    background: var(--rk-clay);
}

.rk-public-honour-card h3 {
    margin: 0 0 15px;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 30px;
    font-weight: 500;
}

.rk-public-honour-card p {
    max-width: 500px;

    margin: 0;

    font-size: 15px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .65);
}


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

@media (max-width: 900px) {

    .rk-political-municipal-grid,
    .rk-kalambwadi-inner,
    .rk-social-grid,
    .rk-congress-inner {
        display: block;
    }

    .rk-political-year,
    .rk-kalambwadi-date,
    .rk-social-period,
    .rk-congress-number {
        margin-bottom: 40px;
    }

    .rk-political-mark,
    .rk-kalambwadi-stamp,
    .rk-social-mark,
    .rk-congress-label {
        margin-top: 40px;
    }

    .rk-district-grid,
    .rk-public-honours-grid {
        grid-template-columns: 1fr;
    }

    .rk-cabinet-item {
        grid-template-columns: 110px 20px 1fr;
        gap: 20px;
    }

    .rk-political-edu-item {
        grid-template-columns: 100px 1fr;
        gap: 25px;
    }
}


@media (max-width: 600px) {

    .rk-political-municipal-content h2,
    .rk-cabinet-heading h2,
    .rk-kalambwadi-content h2,
    .rk-social-content h2,
    .rk-congress-content h2 {
        font-size: 38px;
    }

    .rk-cabinet-item {
        grid-template-columns: 1fr;
    }

    .rk-cabinet-line {
        display: none;
    }

    .rk-political-edu-item {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .rk-public-honour-card {
        min-height: 300px;
    }
}

/* =========================================================
   PAGE 6 - TIMELINE / KALPAT
========================================================= */


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

.rk-timeline-intro {
    padding: 100px 0;
    background: var(--rk-paper-light);
}

.rk-timeline-intro-inner {
    display: grid;
    grid-template-columns: 220px minmax(0, 800px);
    gap: 90px;
}

.rk-timeline-intro-number {
    border-top: 2px solid var(--rk-clay);
    padding-top: 15px;
}

.rk-timeline-intro-number span,
.rk-timeline-intro-number small {
    display: block;
    font-size: 11px;
    color: var(--rk-muted);
}

.rk-timeline-intro-number strong {
    display: block;
    margin: 12px 0 2px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 70px;
    font-weight: 500;

    color: var(--rk-clay);
}

.rk-timeline-intro-content h2 {
    margin: 0 0 25px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 55px;
    line-height: 1.2;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-timeline-intro-content h2 em {
    display: block;
    color: var(--rk-clay);
    font-style: normal;
}

.rk-timeline-intro-content p {
    max-width: 700px;

    margin: 0;

    font-size: 17px;
    line-height: 1.9;

    color: var(--rk-muted);
}


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

.rk-timeline-heading {
    margin-bottom: 70px;
}

.rk-timeline-heading>span {
    display: block;
    margin-bottom: 18px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;

    color: var(--rk-gold);
}

.rk-timeline-heading h2 {
    max-width: 800px;

    margin: 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.2;
    font-weight: 500;
}

.rk-timeline-heading h2 em {
    color: var(--rk-clay);
    font-style: normal;
}

.rk-timeline-heading p {
    max-width: 680px;
    margin: 25px 0 0;

    font-size: 16px;
    line-height: 1.8;
    color: var(--rk-muted);
}


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

.rk-life-timeline-light {
    padding: 110px 0;
    background: var(--rk-paper);
}

.rk-vertical-timeline {
    position: relative;

    max-width: 950px;
}

.rk-vertical-timeline::before {
    content: "";

    position: absolute;

    left: 190px;
    top: 0;
    bottom: 0;

    width: 1px;

    background: var(--rk-line);
}

.rk-timeline-event {
    position: relative;

    display: grid;
    grid-template-columns: 150px 80px minmax(0, 1fr);
    gap: 30px;

    padding-bottom: 55px;
}

.rk-timeline-event:last-child {
    padding-bottom: 0;
}

.rk-event-date {
    text-align: right;
}

.rk-event-date strong {
    display: block;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;
    line-height: 1;

    color: var(--rk-clay);
}

.rk-event-date span {
    display: block;
    margin-top: 8px;

    font-size: 10px;
    letter-spacing: .05em;

    color: var(--rk-muted);
}

.rk-event-dot {
    position: relative;
    z-index: 2;

    width: 11px;
    height: 11px;

    margin: 5px auto 0;

    border: 3px solid var(--rk-paper);
    border-radius: 50%;

    background: var(--rk-clay);

    box-shadow: 0 0 0 1px var(--rk-clay);
}

.rk-event-content span {
    font-size: 10px;
    letter-spacing: .12em;

    color: var(--rk-gold);
}

/* .rk-event-content h3 {
    margin: 8px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;
    font-weight: 500;

    color: var(--rk-brown);
} */

/* .rk-event-content p {
    max-width: 600px;

    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: var(--rk-brown);
} */


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

.rk-life-timeline-dark {
    padding: 110px 0;

    background: var(--rk-brown);
    color: var(--rk-paper-light);
}

.rk-life-timeline-dark .rk-timeline-heading h2 {
    color: var(--rk-paper-light);
}

.rk-life-timeline-dark .rk-timeline-heading h2 em {
    color: var(--rk-gold-light);
}

.rk-life-timeline-dark .rk-timeline-heading>span {
    color: var(--rk-gold-light);
}

.rk-life-timeline-dark .rk-vertical-timeline::before {
    background: rgba(255, 255, 255, .2);
}

.rk-life-timeline-dark .rk-event-dot {
    border-color: var(--rk-brown);
}

.rk-life-timeline-dark .rk-event-date strong {
    color: var(--rk-gold-light);
}

.rk-life-timeline-dark .rk-event-date span,
.rk-life-timeline-dark .rk-event-content p {
    color: rgba(255, 255, 255, .55);
}

.rk-life-timeline-dark .rk-event-content span {
    color: var(--rk-gold-light);
}

.rk-life-timeline-dark .rk-event-content h3 {
    color: var(--rk-paper-light);
}


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

.rk-life-timeline-coop {
    padding: 110px 0;
    background: var(--rk-paper-light);
}

.rk-major-timeline {
    max-width: 950px;

    border-top: 1px solid var(--rk-line);
}

.rk-major-event {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 50px;

    padding: 32px 0;

    border-bottom: 1px solid var(--rk-line);
}

.rk-major-year {
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;

    color: var(--rk-clay);
}

.rk-major-content span {
    font-size: 10px;
    letter-spacing: .12em;

    color: var(--rk-gold);
}

.rk-major-content h3 {
    margin: 7px 0;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 25px;
    font-weight: 500;

    color: var(--rk-brown);
}

.rk-major-content p {
    max-width: 650px;

    margin: 0;

    font-size: 14px;
    line-height: 1.8;

    color: var(--rk-muted);
}


/* =========================================================
   LATER PERIOD
========================================================= */

.rk-later-timeline {
    padding: 110px 0;

    background: var(--rk-clay);
    color: var(--rk-paper-light);
}

.rk-later-timeline .rk-timeline-heading>span {
    color: var(--rk-gold-light);
}

.rk-later-timeline .rk-timeline-heading h2 {
    color: var(--rk-paper-light);
}

.rk-later-timeline .rk-timeline-heading h2 em {
    color: var(--rk-gold-light);
}

.rk-later-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.rk-later-card {
    min-height: 260px;

    padding: 30px;

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

    background: rgba(0, 0, 0, .07);

    transition: .3s ease;
}

.rk-later-card:hover {
    transform: translateY(-4px);

    border-color: var(--rk-gold-light);
}

.rk-later-card>span {
    font-size: 10px;
    letter-spacing: .1em;

    color: rgba(255, 255, 255, .6);
}

.rk-later-card>strong {
    display: block;

    margin: 35px 0 20px;

    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 38px;
    font-weight: 500;

    color: var(--rk-gold-light);
}

.rk-later-card h3 {
    margin: 0;
    color: white;
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 500;
}

.rk-later-card p {
    margin: 10px 0 0;

    font-size: 13px;
    line-height: 1.7;

    color: rgba(255, 255, 255, .65);
}

.rk-later-card.final {
    border-color: var(--rk-gold-light);
    background: rgba(43, 33, 28, .3);
}

.rk-later-card.final>strong {
    color: var(--rk-paper-light);
}


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

@media (max-width: 900px) {

    .rk-timeline-intro-inner {
        display: block;
    }

    .rk-timeline-intro-number {
        margin-bottom: 45px;
    }

    .rk-vertical-timeline::before {
        left: 110px;
    }

    .rk-timeline-event {
        grid-template-columns: 75px 40px minmax(0, 1fr);
        gap: 20px;
    }

    .rk-major-event {
        grid-template-columns: 120px 1fr;
        gap: 30px;
    }

    .rk-later-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 600px) {

    .rk-timeline-intro-content h2 {
        font-size: 38px;
    }

    .rk-vertical-timeline::before {
        left: 62px;
    }

    .rk-timeline-event {
        grid-template-columns: 42px 20px 1fr;
        gap: 15px;
    }

    .rk-event-date strong {
        font-size: 19px;
    }

    .rk-event-date span {
        font-size: 7px;
    }

    .rk-event-content h3 {
        font-size: 21px;
    }

    .rk-event-content p {
        font-size: 13px;
    }

    .rk-major-event {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .rk-later-grid {
        grid-template-columns: 1fr;
    }

    .rk-later-card {
        min-height: 220px;
    }
}

/* =========================================
   PAGE 7 : PHOTOGRAPHS
========================================= */

.rk-photo-intro {
    background: var(--rk-paper-light);
    padding: 95px 0;
    border-bottom: 1px solid var(--rk-line);
}

.rk-photo-intro-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 70px;
    align-items: start;
}

.rk-section-label {
    padding-top: 8px;
}

.rk-section-label span {
    display: inline-block;
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
    color: var(--rk-clay);
    letter-spacing: 0.04em;
    padding-left: 18px;
    position: relative;
}

.rk-section-label span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 1px;
    background: var(--rk-gold);
}

.rk-photo-intro-content {
    max-width: 760px;
}

.rk-photo-intro-content h2 {
    margin: 0 0 24px;
    color: var(--rk-brown);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.08;
}

.rk-photo-intro-content h2 em {
    color: var(--rk-clay);
    font-style: italic;
}

.rk-photo-intro-content p {
    max-width: 650px;
    margin: 0;
    color: var(--rk-muted);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 17px;
    line-height: 1.9;
}


/* =========================================
   PHOTO FEATURE
========================================= */

.rk-photo-feature {
    padding: 105px 0 115px;
}

.rk-photo-feature-light {
    background: var(--rk-paper);
}

.rk-photo-feature-dark {
    background: var(--rk-brown);
}

.rk-photo-header {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 35px;
    align-items: start;
    margin-bottom: 50px;
}

.rk-photo-number {
    font-family: "Cormorant Garamond", serif;
    font-size: 46px;
    line-height: 1;
    color: var(--rk-gold);
}

.rk-photo-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
    letter-spacing: 0.06em;
}

.rk-photo-header h2 {
    margin: 0;
    color: var(--rk-brown);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.05;
    font-weight: 500;
}

.rk-photo-header h2 em {
    color: var(--rk-clay);
    font-style: italic;
}


/* =========================================
   DARK PHOTO HEADER
========================================= */

.rk-photo-header-light .rk-photo-eyebrow {
    color: var(--rk-gold-light);
}

.rk-photo-header-light h2 {
    color: var(--rk-paper-light);
}

.rk-photo-header-light h2 em {
    color: var(--rk-gold-light);
}


/* =========================================
   IMAGE FRAME
========================================= */

.rk-photo-frame {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
}

.rk-photo-image {
    position: relative;
    background: var(--rk-paper-dark);
    padding: 14px;
    border: 1px solid var(--rk-gold);
}

.rk-photo-image::before {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(176, 138, 69, 0.35);
    pointer-events: none;
    z-index: 1;
}

.rk-photo-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 680px;
    object-fit: contain;
    background: #d8cdbb;
}


/* =========================================
   CAPTION
========================================= */

.rk-photo-caption {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 20px;
    max-width: 850px;
    margin: 25px 0 0;
}

.rk-caption-line {
    display: block;
    width: 28px;
    height: 1px;
    background: var(--rk-gold);
    margin-top: 12px;
}

.rk-photo-caption p {
    margin: 0;
    color: var(--rk-text);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 15px;
    line-height: 1.8;
}

.rk-photo-frame-dark .rk-photo-image {
    background: #3a2d25;
}

.rk-photo-frame-dark .rk-photo-caption p {
    color: var(--rk-paper-dark);
}


/* =========================================
   ARCHIVE NOTE
========================================= */

.rk-photo-archive {
    background:
        #8e4131;
    padding: 90px 0;
}

.rk-photo-archive-inner {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 70px;
    align-items: center;
    max-width: 950px;
}

.rk-photo-archive-mark {
    width: 145px;
    height: 145px;
    border: 1px solid var(--rk-gold-light);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    color: var(--rk-paper-light);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 17px;
    line-height: 1.6;
}

.rk-photo-archive-content {
    max-width: 700px;
}

.rk-photo-archive-content .rk-photo-eyebrow {
    color: var(--rk-gold-light);
}

.rk-photo-archive-content h2 {
    margin: 0 0 20px;
    color: var(--rk-paper-light);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.08;
    font-weight: 500;
}

.rk-photo-archive-content h2 em {
    color: var(--rk-gold-light);
    font-style: italic;
}

.rk-photo-archive-content p {
    margin: 0;
    max-width: 650px;
    color: #e5ddcf;
    font-family: "Noto Serif Devanagari", serif;
    font-size: 16px;
    line-height: 1.85;
}


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

@media (max-width: 900px) {

    .rk-photo-intro {
        padding: 70px 0;
    }

    .rk-photo-intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .rk-photo-feature {
        padding: 75px 0 85px;
    }

    .rk-photo-header {
        grid-template-columns: 65px 1fr;
        gap: 20px;
        margin-bottom: 35px;
    }

    .rk-photo-number {
        font-size: 38px;
    }

    .rk-photo-archive-inner {
        grid-template-columns: 130px 1fr;
        gap: 40px;
    }

    .rk-photo-archive-mark {
        width: 120px;
        height: 120px;
    }
}


@media (max-width: 600px) {

    .rk-photo-intro {
        padding: 55px 0;
    }

    .rk-photo-intro-content h2 {
        font-size: 36px;
    }

    .rk-photo-intro-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .rk-photo-feature {
        padding: 60px 0 65px;
    }

    .rk-photo-header {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .rk-photo-number {
        font-size: 34px;
    }

    .rk-photo-header h2 {
        font-size: 34px;
    }

    .rk-photo-image {
        padding: 8px;
    }

    .rk-photo-image::before {
        inset: 4px;
    }

    .rk-photo-caption {
        grid-template-columns: 25px 1fr;
        gap: 12px;
    }

    .rk-photo-caption p {
        font-size: 14px;
        line-height: 1.75;
    }

    .rk-photo-archive {
        padding: 60px 0;
    }

    .rk-photo-archive-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .rk-photo-archive-mark {
        width: 100px;
        height: 100px;
        font-size: 14px;
    }

    .rk-photo-archive-content h2 {
        font-size: 55px;
    }
}

/* =========================================
   PAGE 8 : TRIBUTES
========================================= */

.rk-tribute-intro {
    background: var(--rk-paper-light);
    padding: 95px 0;
    border-bottom: 1px solid var(--rk-line);
}

.rk-tribute-intro-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 70px;
    align-items: start;
}

.rk-tribute-label {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 7px;
}

.rk-tribute-label span {
    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
}

.rk-tribute-label strong {
    color: var(--rk-gold);
    font-family: "Cormorant Garamond", serif;
    font-size: 54px;
    font-weight: 500;
    line-height: 1;
}

.rk-tribute-intro-content {
    max-width: 780px;
}

.rk-tribute-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
    letter-spacing: .05em;
}

.rk-tribute-intro-content h2 {
    margin: 0 0 23px;
    color: var(--rk-brown);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.08;
}

.rk-tribute-intro-content h2 em {
    color: var(--rk-clay);
    font-style: italic;
}

.rk-tribute-intro-content p {
    max-width: 680px;
    margin: 0;
    color: var(--rk-muted);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 17px;
    line-height: 1.9;
}


/* =========================================
   TRIBUTE SECTIONS
========================================= */

.rk-tribute-section {
    padding: 105px 0 110px;
}

.rk-tribute-light {
    background: var(--rk-paper);
}

.rk-tribute-dark {
    background: var(--rk-brown);
}

.rk-tribute-paper {
    background: var(--rk-paper-dark);
}


/* =========================================
   EDITORIAL TRIBUTE
========================================= */

.rk-tribute-editorial {
    max-width: 1020px;
    margin: 0 auto;
}

.rk-tribute-topline {
    display: flex;
    align-items: center;
    gap: 25px;
    padding-bottom: 22px;
    margin-bottom: 48px;
    border-bottom: 1px solid var(--rk-line);
}

.rk-tribute-number {
    color: var(--rk-gold);
    font-family: "Cormorant Garamond", serif;
    font-size: 42px;
    line-height: 1;
}

.rk-tribute-type {
    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
}

.rk-tribute-dark .rk-tribute-topline {
    border-color: rgba(200, 166, 106, .3);
}

.rk-tribute-editorial-dark .rk-tribute-type {
    color: var(--rk-gold-light);
}


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

.rk-tribute-quote {
    position: relative;
    max-width: 920px;
}

.rk-quote-mark {
    display: block;
    height: 55px;
    color: var(--rk-gold);
    font-family: Georgia, serif;
    font-size: 86px;
    line-height: .85;
    font-weight: 400;
}

.rk-tribute-quote blockquote {
    margin: 5px 0 0;
    padding: 0;

    color: var(--rk-brown);
    font-family: "Noto Serif Devanagari", serif;
    font-size: clamp(20px, 2vw, 27px);
    line-height: 2;
    font-weight: 400;
}

.rk-tribute-dark .rk-tribute-quote blockquote {
    color: var(--rk-paper-light);
}


/* =========================================
   SOURCE
========================================= */

.rk-tribute-source {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 20px;
    align-items: start;

    max-width: 720px;
    margin-top: 45px;
}

.rk-source-line {
    width: 28px;
    height: 1px;
    margin-top: 10px;
    background: var(--rk-gold);
}

.rk-tribute-source small {
    display: block;
    margin-bottom: 5px;

    color: var(--rk-muted);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 11px;
    letter-spacing: .08em;
}

.rk-tribute-source p {
    margin: 0;
    color: var(--rk-brown-soft);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 14px;
    line-height: 1.7;
}

.rk-tribute-dark .rk-tribute-source small {
    color: #b9aa96;
}

.rk-tribute-dark .rk-tribute-source p {
    color: var(--rk-paper-dark);
}


/* =========================================
   FEATURED TRIBUTE
========================================= */

.rk-tribute-featured-layout {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 65px;
    align-items: start;
}

.rk-tribute-featured-mark {
    width: 130px;
    height: 130px;

    border: 1px solid var(--rk-gold);

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

    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 18px;

    position: relative;
}

.rk-tribute-featured-mark::before {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(176, 138, 69, .35);
}


/* =========================================
   CLOSING
========================================= */

.rk-tribute-closing {
    background: #8d4031;
    padding: 95px 0;
}

.rk-tribute-closing-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.rk-tribute-closing-label {
    display: block;
    margin-bottom: 15px;

    color: var(--rk-gold-light);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
}

.rk-tribute-closing h2 {
    margin: 0 0 22px;

    color: var(--rk-paper-light);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.08;
}

.rk-tribute-closing h2 em {
    color: var(--rk-gold-light);
    font-style: italic;
}

.rk-tribute-closing p {
    max-width: 650px;
    margin: 0 auto;

    color: #e3dacb;
    font-family: "Noto Serif Devanagari", serif;
    font-size: 16px;
    line-height: 1.9;
}


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

@media (max-width: 900px) {

    .rk-tribute-intro {
        padding: 70px 0;
    }

    .rk-tribute-intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .rk-tribute-section {
        padding: 75px 0 80px;
    }

    .rk-tribute-featured-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .rk-tribute-featured-mark {
        width: 105px;
        height: 105px;
    }

    .rk-tribute-closing {
        padding: 75px 0;
    }
}


@media (max-width: 600px) {

    .rk-tribute-intro {
        padding: 55px 0;
    }

    .rk-tribute-intro-content h2 {
        font-size: 36px;
    }

    .rk-tribute-intro-content p {
        font-size: 15px;
    }

    .rk-tribute-section {
        padding: 60px 0 65px;
    }

    .rk-tribute-topline {
        gap: 15px;
        margin-bottom: 35px;
    }

    .rk-tribute-number {
        font-size: 55px;
    }

    .rk-tribute-quote blockquote {
        font-size: 17px;
        line-height: 1.9;
    }

    .rk-quote-mark {
        height: 45px;
        font-size: 68px;
    }

    .rk-tribute-source {
        grid-template-columns: 25px 1fr;
        gap: 12px;
        margin-top: 35px;
    }

    .rk-tribute-source p {
        font-size: 13px;
    }

    .rk-tribute-closing {
        padding: 60px 0;
    }

    .rk-tribute-closing h2 {
        font-size: 36px;
    }

    .rk-tribute-closing p {
        font-size: 15px;
    }
}

/* =========================================
   PAGE 9 : VIDEOS / MEDIA
========================================= */

.rk-media-intro {
    background: var(--rk-paper-light);
    padding: 95px 0;
    border-bottom: 1px solid var(--rk-line);
}

.rk-media-intro-grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 70px;
    align-items: start;
}

.rk-media-label {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 7px;
}

.rk-media-label span {
    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
}

.rk-media-label strong {
    color: var(--rk-gold);
    font-family: "Cormorant Garamond", serif;
    font-size: 54px;
    line-height: 1;
    font-weight: 500;
}

.rk-media-intro-content {
    max-width: 780px;
}

.rk-media-eyebrow {
    display: block;
    margin-bottom: 11px;

    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
    letter-spacing: .05em;
}

.rk-media-intro-content h2 {
    margin: 0 0 23px;

    color: var(--rk-brown);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.08;
}

.rk-media-intro-content h2 em {
    color: var(--rk-clay);
    font-style: italic;
}

.rk-media-intro-content p {
    max-width: 680px;
    margin: 0;

    color: var(--rk-muted);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 17px;
    line-height: 1.9;
}


/* =========================================
   YOUTUBE SECTION
========================================= */

.rk-media-youtube {
    background: var(--rk-paper);
    padding: 105px 0 115px;
}

.rk-media-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;

    margin-bottom: 50px;
}

.rk-media-section-heading h2 {
    margin: 0;

    color: var(--rk-brown);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(38px, 4vw, 55px);
    font-weight: 500;
    line-height: 1.05;
}

.rk-media-section-heading h2 em {
    color: var(--rk-clay);
    font-style: italic;
}

.rk-media-count {
    flex-shrink: 0;

    color: var(--rk-muted);
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;

    padding-bottom: 7px;
}


/* =========================================
   VIDEO GRID
========================================= */

.rk-video-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 55px 38px;
}

.rk-video-card {
    position: relative;
}

.rk-video-number {
    margin-bottom: 13px;

    color: var(--rk-gold);
    font-family: "Cormorant Garamond", serif;
    font-size: 25px;
}

.rk-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;

    background: #221b17;
    border: 1px solid var(--rk-gold);

    overflow: hidden;
}

.rk-video-frame::before {
    content: "";
    position: absolute;
    inset: 6px;

    border: 1px solid rgba(200, 166, 106, .25);

    pointer-events: none;
    z-index: 2;
}

.rk-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.rk-video-info {
    padding: 18px 0 0;
}

.rk-video-info span {
    display: block;
    margin-bottom: 6px;

    color: var(--rk-clay);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.rk-video-info h3 {
    margin: 0;

    color: var(--rk-brown);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 17px;
    font-weight: 500;
}


/* =========================================
   FACEBOOK
========================================= */

.rk-social-media {
    background: var(--rk-brown);
    padding: 105px 0 115px;
}

.rk-media-section-heading-light {
    border-bottom: 1px solid rgba(200, 166, 106, .25);
    padding-bottom: 28px;
}

.rk-media-section-heading-light .rk-media-eyebrow {
    color: var(--rk-gold-light);
}

.rk-media-section-heading-light h2 {
    color: var(--rk-paper-light);
}

.rk-media-section-heading-light h2 em {
    color: var(--rk-gold-light);
}

.rk-media-section-heading-light .rk-media-count {
    color: #b9aa96;
}

.rk-social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.rk-social-card {
    position: relative;

    min-height: 330px;
    padding: 32px;

    border: 1px solid rgba(200, 166, 106, .4);

    text-decoration: none;
    overflow: hidden;

    transition:
        border-color .25s ease,
        transform .25s ease,
        background .25s ease;
}

.rk-social-card:hover {
    border-color: var(--rk-gold-light);
    background: rgba(255, 255, 255, .025);
    transform: translateY(-4px);
}

.rk-social-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-bottom: 20px;
    border-bottom: 1px solid rgba(200, 166, 106, .22);
}

.rk-social-number {
    color: var(--rk-gold-light);
    font-family: "Cormorant Garamond", serif;
    font-size: 25px;
}

.rk-social-platform {
    color: #c5b8a5;
    font-family: "Noto Serif Devanagari", serif;
    font-size: 12px;
}

/* .rk-social-icon {
  width: 56px;
  height: 56px;

  margin: 42px 0 25px;

  border: 1px solid var(--rk-gold);

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

  color: var(--rk-gold-light);

  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
} */

.rk-social-content h3 {
    margin: 0 0 12px;

    color: var(--rk-paper-light);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: 32px;
    font-weight: 500;
}

.rk-social-content p {
    max-width: 480px;
    margin: 0 0 25px;

    color: #cfc4b4;
    font-family: "Noto Serif Devanagari", serif;
    font-size: 14px;
    line-height: 1.8;
}

.rk-social-link {
    color: var(--rk-gold-light);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
}

.rk-social-link b {
    margin-left: 5px;
    font-family: Arial, sans-serif;
    font-weight: 400;
}


/* =========================================
   CLOSING
========================================= */

.rk-media-closing {
    background: #8d4031;
    padding: 95px 0;
}

.rk-media-closing-inner {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.rk-media-closing-label {
    display: block;
    margin-bottom: 15px;

    color: var(--rk-gold-light);
    font-family: "Noto Serif Devanagari", serif;
    font-size: 13px;
}

.rk-media-closing h2 {
    margin: 0 0 22px;

    color: var(--rk-paper-light);
    font-family: "Cormorant Garamond", "Noto Serif Devanagari", serif;
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 500;
    line-height: 1.1;
}

.rk-media-closing h2 em {
    color: var(--rk-gold-light);
    font-style: italic;
}

.rk-media-closing p {
    max-width: 650px;
    margin: 0 auto;

    color: #e1d8c9;
    font-family: "Noto Serif Devanagari", serif;
    font-size: 16px;
    line-height: 1.9;
}


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

@media (max-width: 900px) {

    .rk-media-intro {
        padding: 70px 0;
    }

    .rk-media-intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .rk-media-youtube,
    .rk-social-media {
        padding: 75px 0 85px;
    }

    .rk-video-grid {
        gap: 45px 25px;
    }

    .rk-social-card {
        min-height: 300px;
    }

    .rk-media-closing {
        padding: 75px 0;
    }
}


@media (max-width: 600px) {

    .rk-media-intro {
        padding: 55px 0;
    }

    .rk-media-intro-content h2 {
        font-size: 36px;
    }

    .rk-media-intro-content p {
        font-size: 15px;
    }

    .rk-media-section-heading {
        display: block;
        margin-bottom: 35px;
    }

    .rk-media-count {
        display: block;
        margin-top: 15px;
    }

    .rk-media-section-heading h2 {
        font-size: 36px;
    }

    .rk-video-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .rk-social-grid {
        grid-template-columns: 1fr;
    }

    .rk-social-card {
        min-height: 280px;
        padding: 25px;
    }

    .rk-social-icon {
        margin-top: 30px;
    }

    .rk-social-content h3 {
        font-size: 28px;
    }

    .rk-media-closing {
        padding: 60px 0;
    }

    .rk-media-closing h2 {
        font-size: 36px;
    }

    .rk-media-closing p {
        font-size: 15px;
    }
}

/* =========================================
   FOOTER SOCIAL ICONS
========================================= */

.rk-footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 25px 0 22px;
}


.rk-social-icon i {
    font-size: 15px;
}

.rk-social-icon:hover {
    background: var(--rk-gold);
    color: var(--rk-brown);
    border-color: var(--rk-gold);
    transform: translateY(-2px);
}

.rk-footer-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    margin: 25px 0 22px;
}

.rk-social-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;

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

    border: 1px solid var(--rk-gold);
    color: var(--rk-paper-light);
    text-decoration: none;

    transition: all .25s ease;
}

.rk-social-icon:hover {
    background: var(--rk-gold);
    color: var(--rk-brown);
    transform: translateY(-2px);
}

/* =========================================
   RATNAPPA KUMBHAR
   FACTS / INTRO SECTION
========================================= */

.rk-legacy-facts {
    position: relative;
    padding: 120px 0;
    background: #f7f3ea;
    overflow: hidden;
}


/* subtle background detail */

.rk-legacy-facts::before {
    content: "जीवन";
    position: absolute;
    right: -70px;
    top: 60px;

    font-size: 180px;
    font-weight: 700;

    color: rgba(111, 69, 25, 0.035);

    writing-mode: vertical-rl;
    pointer-events: none;
}


/* CONTAINER */

.rk-facts-container {
    width: min(1180px, 90%);
    margin: 0 auto;
}


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

.rk-facts-header {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 75px;
}


/* number */

.rk-header-number {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: -4px;
}

.rk-header-number span {
    font-family: Georgia, serif;
    font-size: 15px;
    color: #9b6425;
    letter-spacing: 2px;
}

.rk-header-number i {
    display: block;
    width: 45px;
    height: 1px;
    background: #b8873d;
}


/* kicker */

.rk-section-kicker {
    display: block;

    margin-bottom: 12px;

    font-size: 13px;
    letter-spacing: 3px;

    color: #a16b2d;
}


/* heading */

.rk-header-content h2 {
    margin: 0;

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

    font-weight: 500;

    color: #352014;
}

.rk-header-content h2 em {
    display: inline-block;

    font-style: normal;

    color: #8f472d;
}

.rk-header-content p {
    max-width: 520px;

    margin: 20px 0 0;

    font-size: 15px;
    line-height: 1.8;

    color: #776c61;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.rk-facts-layout {
    display: grid;
    grid-template-columns: 0.8fr 1.5fr;
    gap: 80px;
    align-items: stretch;
}


/* =========================================
   LEFT INTRO
========================================= */

.rk-facts-intro {
    position: relative;

    min-height: 500px;

    padding: 40px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    border: 1px solid rgba(145, 100, 43, 0.35);

    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, 0.65),
            rgba(239, 226, 200, 0.4));
}


/* decorative inner border */

.rk-facts-intro::before {
    content: "";

    position: absolute;
    inset: 10px;

    border: 1px solid rgba(173, 128, 60, 0.22);

    pointer-events: none;
}


/* big number */

.rk-big-number {
    position: absolute;

    top: 25px;
    right: 35px;

    font-family: Georgia, serif;

    font-size: 145px;
    line-height: 1;

    color: rgba(101, 58, 25, 0.08);
}


/* line */

.rk-intro-line {
    width: 65px;
    height: 3px;

    margin-bottom: 25px;

    background: #9c6528;
}


/* paragraph */

.rk-facts-intro p {
    position: relative;

    max-width: 300px;

    margin: 0;

    font-size: 20px;
    line-height: 1.7;

    color: #3c2a1d;
}


/* caption */

.rk-intro-caption {
    display: block;

    margin-top: 30px;

    font-size: 12px;
    letter-spacing: 4px;

    color: #9b6425;
}


/* =========================================
   RIGHT FACT LIST
========================================= */

.rk-facts-list {
    position: relative;
}


/* vertical heritage line */

.rk-facts-list::before {
    content: "";

    position: absolute;

    left: 25px;
    top: 28px;
    bottom: 28px;

    width: 1px;

    background: linear-gradient(to bottom,
            transparent,
            #c9a66a 10%,
            #c9a66a 90%,
            transparent);
}


/* =========================================
   FACT ITEM
========================================= */

.rk-fact-item {
    position: relative;

    display: grid;
    grid-template-columns: 52px 1fr auto;

    align-items: center;

    min-height: 115px;

    padding: 22px 28px 22px 0;

    border-bottom: 1px solid rgba(101, 67, 33, 0.18);

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        padding 0.35s ease;
}


/* index */

.rk-fact-index {
    position: relative;
    z-index: 2;

    width: 50px;
    height: 50px;

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

    border: 1px solid #bd9451;

    background: #f7f3ea;

    font-family: Georgia, serif;

    font-size: 12px;

    color: #875726;
}


/* content */

.rk-fact-content {
    padding-left: 28px;
}

.rk-fact-content>span {
    display: block;

    margin-bottom: 5px;

    font-size: 11px;
    letter-spacing: 2px;

    color: #a3753b;
}

.rk-fact-content h3 {
    margin: 0;

    font-size: 24px;
    line-height: 1.3;

    font-weight: 500;

    color: #342116;
}

.rk-fact-content p {
    margin: 5px 0 0;

    font-size: 13px;

    color: #80766c;
}


/* arrow */

.rk-fact-arrow {
    font-size: 20px;

    color: #a97938;

    opacity: 0;

    transform: translateX(-10px);

    transition: 0.35s ease;
}


/* hover */

.rk-fact-item:hover {
    padding-left: 15px;

    background: rgba(255, 255, 255, 0.55);
}

.rk-fact-item:hover .rk-fact-arrow {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   PADMASHRI HIGHLIGHT
========================================= */

.rk-award-item {
    margin-top: 15px;

    padding: 25px 28px 25px 0;

    border: 1px solid #b68a48;

    background:
        linear-gradient(120deg,
            #efe0bd,
            #f8f1e2);

    overflow: hidden;
}


/* remove normal bottom border */

.rk-award-item::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -100px;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(134, 85, 28, 0.15);

    border-radius: 50%;
}


/* seal */

.rk-award-seal {
    position: absolute;

    right: 45px;
    top: 22px;

    width: 62px;
    height: 62px;

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

    border: 1px solid #9b6b2d;
    border-radius: 50%;

    color: #8c5924;

    font-family: Georgia, serif;

    font-size: 13px;
    letter-spacing: 1px;
}

.rk-award-seal::before {
    content: "";

    position: absolute;

    inset: 5px;

    border: 1px solid rgba(155, 107, 45, 0.55);

    border-radius: 50%;
}


/* award label */

.rk-award-label {
    position: absolute;

    right: 32px;
    bottom: 20px;

    font-size: 10px;
    letter-spacing: 2px;

    color: #9a6a30;
}


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

@media (max-width: 900px) {

    .rk-facts-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .rk-facts-intro {
        min-height: 360px;
    }

    .rk-facts-list::before {
        display: none;
    }

}


@media (max-width: 600px) {

    .rk-legacy-facts {
        padding: 80px 0;
    }

    .rk-facts-header {
        gap: 15px;
        margin-bottom: 45px;
    }

    .rk-header-number {
        display: none;
    }

    .rk-header-content h2 {
        font-size: 40px;
    }

    .rk-facts-intro {
        min-height: 330px;
        padding: 30px;
    }

    .rk-big-number {
        font-size: 100px;
    }

    .rk-facts-intro p {
        font-size: 17px;
    }

    .rk-fact-item {
        grid-template-columns: 45px 1fr;
        padding: 20px 10px 20px 0;
    }

    .rk-fact-index {
        width: 42px;
        height: 42px;
    }

    .rk-fact-content {
        padding-left: 18px;
    }

    .rk-fact-content h3 {
        font-size: 20px;
    }

    .rk-fact-arrow {
        display: none;
    }

    .rk-award-item {
        padding-right: 15px;
    }

    .rk-award-seal {
        right: 15px;
        top: 15px;
        width: 48px;
        height: 48px;
    }

    .rk-award-label {
        display: none;
    }

}


/* =========================================================
   VISUAL CONSISTENCY PATCH
   CSS VALUES ONLY
   No HTML/classes/IDs/content/functionality changed.
   ========================================================= */

/* ---------------------------------------------------------
   1. GLOBAL CONTAINER SYSTEM
   Main page containers now share the same 1180px content
   boundary while preserving each section's internal layout.
--------------------------------------------------------- */

:root {
    --rk-content-width: 1180px;
    --rk-content-gutter: 40px;
    --rk-section-space: 100px;
    --rk-section-space-mobile: 60px;
}

.container,
.rk-container,
.rk-life-container,
.rk-home-legacy-container,
.rk-header-inner,
.rk-origin-inner,
.rk-education-inner,
.rk-new-hero-inner,
.rk-facts-container,
.rk-journey-container,
.rk-legacy-container,
.rk-bio-container,
.rk-bio-hero-inner,
.rk-bio-thought-inner,
.rk-philosophy-inner,
.rk-movement-container {
    width: min(
        var(--rk-content-width),
        calc(100% - (var(--rk-content-gutter) * 2))
    );
    max-width: var(--rk-content-width);
    margin-left: auto;
    margin-right: auto;
}

/* Preserve deliberately narrower editorial content blocks. */
.rk-bio-family-inner,
.rk-bio-next-inner,
.rk-photo-archive-inner,
.rk-tribute-closing-inner,
.rk-media-closing-inner {
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   2. COMMON SECTION SPACING
   Only section-level vertical spacing is normalized.
--------------------------------------------------------- */

.section,
.rk-life-chronicle,
.rk-home-legacy,
.rk-home-milestones,
.rk-legacy-facts,
.rk-media-youtube,
.rk-social-media,
.rk-photo-intro,
.rk-photo-feature,
.rk-photo-archive,
.rk-tribute-intro,
.rk-tribute-section,
.rk-tribute-closing,
.rk-media-intro,
.rk-media-closing {
    /* Preserve horizontal padding while normalizing vertical rhythm. */
    padding-top: var(--rk-section-space);
    padding-bottom: var(--rk-section-space);
}


/* ---------------------------------------------------------
   3. COMMON HEADING TYPOGRAPHY
   Section-specific colors remain untouched.
--------------------------------------------------------- */

.rk-life-title,
.rk-home-legacy-main h2,
.rk-home-milestones-head h2,
.rk-stat-intro h2,
.rk-origin-content h2,
.rk-freedom-content h2,
.rk-coop-heading h2,
.rk-education-heading h2,
.rk-honours-heading h2,
.rk-archive-content h2,
.rk-journey-heading h2,
.rk-legacy-header h2,
.rk-bio-section-heading h2,
.rk-bio-childhood-content h2,
.rk-bio-thought-content h2,
.rk-college-content h2,
.rk-family-content h2,
.rk-institution-content h2,
.rk-philosophy-content h2,
.rk-bio-next-inner h2,
.rk-section-intro h2,
.rk-movement-heading h2,
.rk-praja-content h2,
.rk-quit-content h2,
.rk-underground-content h2,
.rk-honour-content h2,
.rk-coop-intro-content h2,
.rk-panchganga h2,
.rk-spinning-content h2,
.rk-jb-inner h2,
.rk-institution-heading h2,
.rk-chapter-content h2,
.rk-modernisation-content h2,
.rk-janata-heading h2,
.rk-political-municipal-content h2,
.rk-cabinet-heading h2,
.rk-kalambwadi-content h2,
.rk-social-content h2,
.rk-congress-content h2,
.rk-timeline-intro-content h2,
.rk-timeline-heading h2,
.rk-photo-intro-content h2,
.rk-photo-header h2,
.rk-photo-archive-content h2,
.rk-tribute-intro-content h2,
.rk-tribute-closing h2,
.rk-media-intro-content h2,
.rk-media-section-heading h2,
.rk-media-closing h2,
.rk-header-content h2 {
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.08;
    font-weight: 500;
}

.rk-life-chapter h3,
.rk-home-milestone h3,
.rk-fact-content h3,
.rk-card-content h3,
.rk-legacy-card h3,
.rk-education-items h3,
.rk-education-content h3,
.rk-coop-main h3,
.rk-panch-event h3,
.rk-consumer-card h3,
.rk-jb-message h3,
.rk-jb-location h3,
.rk-institution-card h3,
.rk-honour-card h3,
.rk-district-card h3,
.rk-cabinet-content h3,
.rk-political-edu-item h3,
.rk-public-honour-card h3,
.rk-event-content h3,
.rk-session-content h3,
.rk-1947-card h3,
.rk-video-info h3,
.rk-social-content h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
}


/* Keep the primary hero hierarchy distinct. */
.hero h1,
.rk-hero h1,
.rk-new-hero h1,
.rk-bio-hero-content h1,
.rk-freedom-hero h1 {
    line-height: 1.02;
}


/* ---------------------------------------------------------
   4. COMMON SECTION HEADING GAPS
--------------------------------------------------------- */

.rk-life-intro,
.rk-legacy-header,
.rk-journey-heading,
.rk-facts-header,
.rk-section-intro,
.rk-media-section-heading,
.rk-photo-header,
.rk-tribute-topline {
    margin-bottom: 50px;
}


/* ---------------------------------------------------------
   5. BODY COPY RHYTHM
--------------------------------------------------------- */

.rk-life-description,
.rk-home-legacy-text p,
.rk-home-milestone p,
.rk-header-content p,
.rk-fact-content p,
.rk-card-content p,
.rk-education-content p,
.rk-photo-caption p,
.rk-tribute-source p,
.rk-media-intro-content p,
.rk-media-closing p {
    line-height: 1.8;
}


/* ---------------------------------------------------------
   6. MOBILE CONTAINER FIXES
   Removes the existing 1368px mobile overrides that create
   horizontal overflow and destroy alignment.
--------------------------------------------------------- */

@media (max-width: 900px) {

    .container,
    .rk-container,
    .rk-life-container,
    .rk-home-legacy-container,
    .rk-header-inner,
    .rk-origin-inner,
    .rk-education-inner,
    .rk-new-hero-inner,
    .rk-facts-container,
    .rk-journey-container,
    .rk-legacy-container,
    .rk-bio-container,
    .rk-bio-hero-inner,
    .rk-bio-thought-inner,
    .rk-philosophy-inner,
    .rk-movement-container {
        width: min(
            var(--rk-content-width),
            calc(100% - 40px)
        );
        max-width: var(--rk-content-width);
    }

    .rk-life-title,
    .rk-home-legacy-main h2,
    .rk-home-milestones-head h2,
    .rk-stat-intro h2,
    .rk-origin-content h2,
    .rk-freedom-content h2,
    .rk-coop-heading h2,
    .rk-education-heading h2,
    .rk-honours-heading h2,
    .rk-archive-content h2,
    .rk-journey-heading h2,
    .rk-legacy-header h2,
    .rk-bio-section-heading h2,
    .rk-bio-childhood-content h2,
    .rk-bio-thought-content h2,
    .rk-college-content h2,
    .rk-family-content h2,
    .rk-institution-content h2,
    .rk-philosophy-content h2,
    .rk-bio-next-inner h2,
    .rk-section-intro h2,
    .rk-movement-heading h2,
    .rk-praja-content h2,
    .rk-quit-content h2,
    .rk-underground-content h2,
    .rk-honour-content h2,
    .rk-coop-intro-content h2,
    .rk-panchganga h2,
    .rk-spinning-content h2,
    .rk-jb-inner h2,
    .rk-institution-heading h2,
    .rk-chapter-content h2,
    .rk-modernisation-content h2,
    .rk-janata-heading h2,
    .rk-political-municipal-content h2,
    .rk-cabinet-heading h2,
    .rk-kalambwadi-content h2,
    .rk-social-content h2,
    .rk-congress-content h2,
    .rk-timeline-intro-content h2,
    .rk-timeline-heading h2,
    .rk-photo-intro-content h2,
    .rk-photo-header h2,
    .rk-photo-archive-content h2,
    .rk-tribute-intro-content h2,
    .rk-tribute-closing h2,
    .rk-media-intro-content h2,
    .rk-media-section-heading h2,
    .rk-media-closing h2,
    .rk-header-content h2 {
        font-size: 36px;
        line-height: 1.12;
    }

    .rk-life-chapter h3,
    .rk-home-milestone h3,
    .rk-fact-content h3,
    .rk-card-content h3,
    .rk-legacy-card h3,
    .rk-education-items h3,
    .rk-education-content h3,
    .rk-coop-main h3,
    .rk-panch-event h3,
    .rk-consumer-card h3,
    .rk-jb-message h3,
    .rk-jb-location h3,
    .rk-institution-card h3,
    .rk-honour-card h3,
    .rk-district-card h3,
    .rk-cabinet-content h3,
    .rk-political-edu-item h3,
    .rk-public-honour-card h3,
    .rk-event-content h3,
    .rk-session-content h3,
    .rk-1947-card h3,
    .rk-video-info h3,
    .rk-social-content h3 {
        font-size: 22px;
        line-height: 1.35;
    }
}


@media (max-width: 600px) {

    .container,
    .rk-container,
    .rk-life-container,
    .rk-home-legacy-container,
    .rk-header-inner,
    .rk-origin-inner,
    .rk-education-inner,
    .rk-new-hero-inner,
    .rk-facts-container,
    .rk-journey-container,
    .rk-legacy-container,
    .rk-bio-container,
    .rk-bio-hero-inner,
    .rk-bio-thought-inner,
    .rk-philosophy-inner,
    .rk-movement-container {
        width: calc(100% - 32px);
        max-width: var(--rk-content-width);
    }

    .section,
    .rk-life-chronicle,
    .rk-home-legacy,
    .rk-home-milestones,
    .rk-legacy-facts,
    .rk-media-youtube,
    .rk-social-media,
    .rk-photo-intro,
    .rk-photo-feature,
    .rk-photo-archive,
    .rk-tribute-intro,
    .rk-tribute-section,
    .rk-tribute-closing,
    .rk-media-intro,
    .rk-media-closing {
        padding-top: var(--rk-section-space-mobile);
        padding-bottom: var(--rk-section-space-mobile);
    }

    .rk-life-title,
    .rk-home-legacy-main h2,
    .rk-home-milestones-head h2,
    .rk-stat-intro h2,
    .rk-origin-content h2,
    .rk-freedom-content h2,
    .rk-coop-heading h2,
    .rk-education-heading h2,
    .rk-honours-heading h2,
    .rk-archive-content h2,
    .rk-journey-heading h2,
    .rk-legacy-header h2,
    .rk-bio-section-heading h2,
    .rk-bio-childhood-content h2,
    .rk-bio-thought-content h2,
    .rk-college-content h2,
    .rk-family-content h2,
    .rk-institution-content h2,
    .rk-philosophy-content h2,
    .rk-bio-next-inner h2,
    .rk-section-intro h2,
    .rk-movement-heading h2,
    .rk-praja-content h2,
    .rk-quit-content h2,
    .rk-underground-content h2,
    .rk-honour-content h2,
    .rk-coop-intro-content h2,
    .rk-panchganga h2,
    .rk-spinning-content h2,
    .rk-jb-inner h2,
    .rk-institution-heading h2,
    .rk-chapter-content h2,
    .rk-modernisation-content h2,
    .rk-janata-heading h2,
    .rk-political-municipal-content h2,
    .rk-cabinet-heading h2,
    .rk-kalambwadi-content h2,
    .rk-social-content h2,
    .rk-congress-content h2,
    .rk-timeline-intro-content h2,
    .rk-timeline-heading h2,
    .rk-photo-intro-content h2,
    .rk-photo-header h2,
    .rk-photo-archive-content h2,
    .rk-tribute-intro-content h2,
    .rk-tribute-closing h2,
    .rk-media-intro-content h2,
    .rk-media-section-heading h2,
    .rk-media-closing h2,
    .rk-header-content h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    .rk-life-intro,
    .rk-legacy-header,
    .rk-journey-heading,
    .rk-facts-header,
    .rk-section-intro,
    .rk-media-section-heading,
    .rk-photo-header,
    .rk-tribute-topline {
        margin-bottom: 35px;
    }

    .rk-life-chapter h3,
    .rk-home-milestone h3,
    .rk-fact-content h3,
    .rk-card-content h3,
    .rk-legacy-card h3,
    .rk-education-items h3,
    .rk-education-content h3,
    .rk-coop-main h3,
    .rk-panch-event h3,
    .rk-consumer-card h3,
    .rk-jb-message h3,
    .rk-jb-location h3,
    .rk-institution-card h3,
    .rk-honour-card h3,
    .rk-district-card h3,
    .rk-cabinet-content h3,
    .rk-political-edu-item h3,
    .rk-public-honour-card h3,
    .rk-event-content h3,
    .rk-session-content h3,
    .rk-1947-card h3,
    .rk-video-info h3,
    .rk-social-content h3 {
        font-size: 21px;
        line-height: 1.35;
    }
}


/* ---------------------------------------------------------
   7. TYPOGRAPHY FALLBACKS USED BY EARLY SECTIONS
   Prevents undefined font variables from creating inconsistent
   heading rendering.
--------------------------------------------------------- */

:root {
    --heading-font: var(--serif);
    --terracotta: var(--red);
}