:root{
  --navy:#06334d;
  --navy-deep:#022b44;
  --ink:#2a4f67;
  --maroon:#7b3038;
  --gold:#d9a13a;
  --ivory:#fbfaf6;
  --shell:1180px;
  
}


*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}

.skip-link{
  position:fixed;top:8px;left:8px;z-index:999;
  transform:translateY(-150%);
  padding:10px 14px;background:#fff;color:#000;
}
.skip-link:focus{transform:none}
/* 
.site-header{
  position:sticky;
  z-index:10;
  background:var(--navy-deep);
  color:#fff;
}
.header-inner{
  min-height:82px;
  display:grid;
  grid-template-columns:220px 1fr 34px;
  align-items:center;
  gap:28px;
}
.brand{display:inline-flex;flex-direction:column;width:max-content}
.brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;letter-spacing:.17em;line-height:1;
}
.brand-tag{
  margin-top:7px;color:var(--gold);
  font-size:10px;font-weight:600;
  letter-spacing:.22em;line-height:1;
}
.primary-nav{
  display:flex;justify-content:center;align-items:stretch;
  gap:28px;height:82px;
}
.primary-nav a{
  position:relative;display:flex;align-items:center;
  font-size:10px;letter-spacing:.03em;white-space:nowrap;
}
.primary-nav a.active{color:var(--gold)}
.primary-nav a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:15px;
  height:2px;background:var(--gold);
}
.search-button{border:0;background:transparent;color:#fff;padding:4px;cursor:pointer}
.search-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.nav-toggle{display:none} */

/* =========================================
   STICKY HEADER
   DESKTOP + TABLET + MOBILE
========================================= */
/* =========================================================
   SITE HEADER
========================================================= */

.site-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;

    z-index: 9999;

    background: var(--navy-deep);
    color: #fff;

    /* Smooth visual separation while scrolling */
    box-shadow: 0 2px 12px rgba(0, 0, 0, .12);

    /* Same base font style as reference header */
    font-family: Arial, Helvetica, sans-serif;
}


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

.header-inner {
    min-height: 82px;

    display: grid;
    grid-template-columns: 220px 1fr 34px;

    align-items: center;
    gap: 28px;
}


/* =========================================
   BRAND
========================================= */

.brand {
    display: inline-flex;
    flex-direction: column;
    width: max-content;
}


/* Main Brand Name
   Font style same as reference
   Font size SAME as existing
========================================= */

.brand-name {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;
    letter-spacing: .17em;
    line-height: 1;
}


/* Brand Tag
   Font size SAME as existing
========================================= */

.brand-tag {
    margin-top: 7px;

    color: var(--gold);

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .22em;
    line-height: 1;
}


/* =========================================
   PRIMARY NAV
========================================= */

.primary-nav {
    display: flex;
    justify-content: center;
    align-items: stretch;

    gap: 28px;
    height: 82px;

    font-family: Arial, Helvetica, sans-serif;
}


.primary-nav a {
    position: relative;

    display: flex;
    align-items: center;

    /* SAME FONT SIZE */
    font-size: 10px;

    /* FONT STYLE ONLY */
    font-family: Arial, Helvetica, sans-serif;

    letter-spacing: .03em;
    white-space: nowrap;
}


.primary-nav a.active {
    color: var(--gold);
}


.primary-nav a.active::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;

    height: 2px;

    background: var(--gold);
}


/* =========================================
   DROPDOWN TEXT
   Keep existing sizing
========================================= */

.primary-nav .nav-dropdown > a {
    font-family: Arial, Helvetica, sans-serif;
}


.primary-nav .nav-dropdown > a span {
    font-family: Arial, Helvetica, sans-serif;
}


/* Dropdown level 2
   Only font family is controlled here.
   Existing size remains if defined elsewhere.
========================================= */

.primary-nav .level-2 a {
    font-family: Arial, Helvetica, sans-serif;
}


/* Nested dropdown */

.primary-nav .nested-item a {
    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================
   SEARCH
========================================= */

.search-button {
    border: 0;
    background: transparent;
    color: #fff;

    padding: 4px;

    cursor: pointer;

    font-family: Arial, Helvetica, sans-serif;
}


.search-button svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}


/* =========================================
   SEARCH BOX
========================================= */

.search-box {
    font-family: Arial, Helvetica, sans-serif;
}


.search-box input {
    font-family: Arial, Helvetica, sans-serif;
}


.search-box button {
    font-family: Arial, Helvetica, sans-serif;
}


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

.nav-toggle {
    display: none;

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================
   MOBILE NAV HEADER
========================================= */

.mobile-nav-header {
    font-family: Arial, Helvetica, sans-serif;
}


/* Mobile brand
   Same typography as desktop brand
========================================= */

.mobile-brand .brand-name {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 18px;
    letter-spacing: .17em;
    line-height: 1;
}


.mobile-brand .brand-tag {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .22em;
    line-height: 1;
}


/* =========================================
   MOBILE ACTIVE STATES
========================================= */

@media (max-width: 700px) {

    /* =========================================
       ACTIVE NORMAL MENU
    ========================================= */

    .primary-nav a.active {
        color: #d9a13a !important;
        font-weight: 600 !important;
    }


    /* =========================================
       OPEN DROPDOWN
       Example: LIVING TRADITION
    ========================================= */

    .primary-nav .nav-dropdown.open > a {
        color: #d9a13a !important;
        font-weight: 600 !important;
        background: transparent !important;
    }


    /* =========================================
       OPEN DROPDOWN ARROW
    ========================================= */

    .primary-nav .nav-dropdown.open > a .mobile-arrow {
        color: #d9a13a !important;
    }


    /* =========================================
       ACTIVE SUBMENU
       Example: Sharanas / Sacred Places
    ========================================= */

    .primary-nav .level-2 a.active {
        color: #d9a13a !important;
        font-weight: 600 !important;

        border-left: 3px solid #d9a13a !important;

        padding-left: 15px !important;
    }

}


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

@media (max-width: 1024px) {

    .site-header {
        top: 0;
        z-index: 9999;
    }

}


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

@media (max-width: 720px) {

    .site-header {
        position: sticky;
        top: 0;
        width: 100%;

        z-index: 9999;
    }

}


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

@media (max-width: 480px) {

    .site-header {
        position: sticky;
        top: 0;

        z-index: 9999;
    }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 360px) {

    .site-header {
        position: sticky;
        top: 0;

        z-index: 9999;
    }

}

/* =========================================================
   HOME HERO
   Typography matched with original Veerashaiva design
========================================================= */

.home-hero {
    position: relative;
    height: clamp(520px, 38vw, 650px) !important;
    overflow: hidden;
    background: #66777d;
}


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

.home-hero .hero-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 52%;
}


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

.home-hero .hero-softener {
    position: absolute;
    inset: 0;

    display: block;

    background:
        linear-gradient(
            90deg,
            rgba(13, 43, 58, .72) 0%,
            rgba(13, 43, 58, .56) 21%,
            rgba(13, 43, 58, .22) 40%,
            rgba(13, 43, 58, 0) 61%
        );
}


/* =========================================================
   HERO COPY
   Same positioning + typography as original HTML
========================================================= */

.home-hero .hero-copy {
    position: relative;
    z-index: 1;

    width: min(var(--shell), calc(100% - 32px));
    margin: 0 auto;

    padding-top: 86px;
}


/* =========================================================
   MAIN TITLE
   Veerashaivism
========================================================= */

.home-hero h1 {
    margin: 0;

    max-width: 620px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(48px, 5.1vw, 73px);
    font-weight: 400;
    line-height: 1;

    color: #fff;

    letter-spacing: -.025em;

    text-shadow: 0 1px 16px rgba(0, 0, 0, .14);
    margin-top: -5px;
    margin-left: -15px;
    
}




/* =========================================================
   SUBTITLE
   A LIVING TRADITION
========================================================= */

.home-hero .hero-copy p {
    margin: 20px 0 0;

    color: var(--gold);

    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(10px, .9vw, 13px);
    font-weight: 600;

    line-height: normal;

    letter-spacing: .32em;
    margin-left: -10px;
}

/* =========================================================
   MOBILE HERO TEXT FIX
   Desktop positioning remains unchanged
========================================================= */

@media (max-width: 720px) {

    .home-hero .hero-copy {
        width: calc(100% - 44px);
        margin: 0 auto;
        padding-top: 55px;
    }

    /* Veerashaivism */
    .home-hero h1 {
        width: 100%;
        max-width: 100%;

        margin-top: 0;
        margin-left: 0;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 42px !important;
        font-weight: 400;
        line-height: 1.05;

        letter-spacing: -.02em;

        white-space: normal;
        overflow: visible;
        word-break: normal;
        overflow-wrap: normal;
    }

    /* A LIVING TRADITION */
    .home-hero .hero-copy p {
        margin-top: 16px;
        margin-left: 0;

        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px !important;
        font-weight: 600;
        line-height: 1.5;

        letter-spacing: .20em;

        white-space: normal;
    }

    /* KUDALA SANGAMA area */
    .home-hero .hero-place {
        left: 0;
        right: 0;
        bottom: 20px;

        width: calc(100% - 44px);

        margin: 0 auto;

        transform: none;

        gap: 10px;
    }

    .home-hero .hero-place-rule {
        min-height: 42px;
        flex: 0 0 2px;
    }

    .home-hero .hero-place-name {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;

        letter-spacing: .10em;

        white-space: normal;
    }

    .home-hero .hero-place-note {
        margin-top: 4px;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 11px;
        font-weight: 400;
        line-height: 1.35;

        white-space: normal;
    }
}


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

@media (max-width: 480px) {

    .home-hero {
        height: 500px;
        min-height: 500px;
    }

    .home-hero .hero-copy {
        width: calc(100% - 36px);
        padding-top: 48px;
    }

    .home-hero h1 {
        width: 100%;
        max-width: 100%;

        margin-top: 0;
        margin-left: 0;

        font-size: 42px !important;
        line-height: 1.05;

        letter-spacing: -.02em;
    }

    .home-hero .hero-copy p {
        margin-top: 15px;
        margin-left: 0;

        font-size: 10px !important;
        line-height: 1.5;

        letter-spacing: .17em;
    }

    .home-hero .hero-place {
        width: calc(100% - 36px);
        bottom: 18px;
    }

    .home-hero .hero-place-name {
        font-size: 11px;
        letter-spacing: .08em;
    }

    .home-hero .hero-place-note {
        font-size: 11px;
        line-height: 1.35;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .home-hero {
        height: 480px;
        min-height: 480px;
    }

    .home-hero .hero-copy {
        width: calc(100% - 30px);
        padding-top: 42px;
    }

    .home-hero h1 {
        margin-top: 0;
        margin-left: 0;

        font-size: 40px !important;
        line-height: 1.05;
    }

    .home-hero .hero-copy p {
        margin-top: 14px;
        margin-left: 0;

        font-size: 9px !important;
        letter-spacing: .14em;
    }

    .home-hero .hero-place {
        width: calc(100% - 30px);
        bottom: 16px;
        gap: 8px;
    }

    .home-hero .hero-place-rule {
        min-height: 38px;
    }

    .home-hero .hero-place-name {
        font-size: 10px;
        letter-spacing: .07em;
    }

    .home-hero .hero-place-note {
        font-size: 10px;
        line-height: 1.3;
    }
}

/* =========================================================
   HERO PLACE
   KUDALA SANGAMA
========================================================= */

.home-hero .hero-place {
    position: absolute;
    z-index: 2;

    left: 50%;
    bottom: 28px;

    transform: translateX(-50%);

    width: min(var(--shell), calc(100% - 32px));

    display: flex;
    align-items: stretch;

    gap: 14px;

    color: #fff;

    pointer-events: none;
}


/* Gold vertical line */

.home-hero .hero-place-rule {
    width: 2px;
    min-height: 50px;

    background: var(--gold);

    flex: 0 0 2px;
}


/* KUDALA SANGAMA */

.home-hero .hero-place-name {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;

    letter-spacing: .12em;

    color: #fff;

    text-shadow: 0 1px 8px rgba(0, 0, 0, .28);
}


/* A sacred place associated with Basava */

.home-hero .hero-place-note {
    margin-top: 6px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;

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

    text-shadow: 0 1px 8px rgba(0, 0, 0, .30);
}


/* =========================================================
   ENTER THE WORLDS
   Same typography as original
========================================================= */

.worlds .section-heading h2 {
    margin: 0;

    color: var(--maroon);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;

    letter-spacing: .035em;
}


/* Maroon line below ENTER THE WORLDS */

.worlds .section-heading span {
    display: block;

    width: 42px;
    height: 2px;

    margin-top: 16px;

    background: var(--maroon);
}


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

@media (max-width: 1024px) {

    .home-hero {
        height: 560px;
        min-height: 560px;
    }

    .home-hero .hero-copy {
        width: calc(100% - 48px);
        padding-top: 75px;
    }

    .home-hero h1 {
        font-size: clamp(48px, 7vw, 68px);
    }

}


/* =========================================================
   MOBILE
   Matched with original design
========================================================= */

@media (max-width: 720px) {

    .home-hero {
        height: 520px;
        min-height: 520px;
    }


    /* Mobile image */

    .home-hero .hero-image {
        object-position: center center;
    }


    /* Mobile overlay */

    .home-hero .hero-softener {
        background:
            linear-gradient(
                180deg,
                rgba(13, 43, 58, .78) 0%,
                rgba(13, 43, 58, .55) 40%,
                rgba(13, 43, 58, .25) 72%,
                rgba(13, 43, 58, .15) 100%
            );
    }


    /* Mobile hero copy */

    .home-hero .hero-copy {
        width: calc(100% - 44px);
        margin: 0 auto;

        padding-top: 55px;
    }


    /* Veerashaivism */

    .home-hero h1 {
        width: 100%;
        max-width: 100%;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 42px !important;
        font-weight: 400;
        line-height: 1.05;

        letter-spacing: -.02em;

        white-space: normal;
        overflow: visible;
        word-break: normal;
        overflow-wrap: normal;
    }


    /* A LIVING TRADITION */

    .home-hero .hero-copy p {
        margin-top: 16px;

        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px !important;
        font-weight: 600;
        line-height: 1.5;

        letter-spacing: .20em;
    }


    /* Hero place */

    .home-hero .hero-place {
        bottom: 20px;

        gap: 10px;
    }


    .home-hero .hero-place-rule {
        min-height: 42px;
    }


    .home-hero .hero-place-name {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 11px;
        font-weight: 600;

        letter-spacing: .10em;
    }


    .home-hero .hero-place-note {
        margin-top: 4px;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 11px;
        font-weight: 400;

        line-height: 1.35;
    }


    /* ENTER THE WORLDS */

    .worlds .section-heading h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 600;

        letter-spacing: .035em;
    }

}


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

@media (max-width: 480px) {

    .home-hero {
        height: 500px;
        min-height: 500px;
    }

    .home-hero .hero-copy {
        width: calc(100% - 36px);
        padding-top: 48px;
    }


    .home-hero h1 {
        width: 100%;
        max-width: 100%;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 42px !important;
        font-weight: 400;
        line-height: 1.05;

        letter-spacing: -.02em;

        white-space: normal;
        overflow: visible;
        word-break: normal;
        overflow-wrap: normal;
        
    }


    .home-hero .hero-copy p {
        margin-top: 16px;

        font-size: 10px !important;
        font-weight: 600;

        line-height: 1.5;

        letter-spacing: .17em;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .home-hero {
        height: 480px;
        min-height: 480px;
    }

    .home-hero .hero-copy {
        padding-top: 42px;
    }


    .home-hero h1 {
        width: 100%;
        max-width: 100%;

        font-family: Georgia, "Times New Roman", serif;
        font-size: 40px !important;
        font-weight: 400;
        line-height: 1.05;

        letter-spacing: -.02em;

        white-space: normal;
        overflow: visible;
        word-break: normal;
        overflow-wrap: normal;
    }


    .home-hero .hero-copy p {
        margin-top: 16px;

        font-size: 9px !important;
        font-weight: 600;

        line-height: 1.5;

        letter-spacing: .15em;
    }

}


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

.hero-copy .breadcrumb a,
.hero-copy .breadcrumb span:not(.breadcrumb-arrow) {
    color: #ffffff;
}

.hero-copy .breadcrumb .breadcrumb-arrow {
    color: #d9a13a;
}
.worlds{
  background:var(--ivory);
  padding:44px 0 76px;
}
.section-heading h2{
  margin:0;color:var(--maroon);
  font-weight:600;font-size:14px;letter-spacing:.035em;
}
.section-heading span{
  display:block;width:42px;height:2px;
  margin-top:16px;background:var(--maroon);
}
.world-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
  margin-top:46px;
}
.world-card{display:block}
.world-card figure{
  margin:0;
  aspect-ratio:.83;
  overflow:hidden;
  background:#eee9df;
}
.world-card figure img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.world-card:nth-child(1) figure img{object-position:center 22%}
.world-card:nth-child(2) figure img{object-position:center 12%}
.world-card:nth-child(3) figure img{object-position:center 35%}
.world-card:nth-child(4) figure img{object-position:center top}

.world-card-copy{padding-top:18px}
.world-card h3{
  margin:0;
  font:400 21px/1.2 Georgia,"Times New Roman",serif;
  color:#315268;
}
.world-card p{
  margin:6px 0 0;
  color:#597b8c;
  font:400 17px/1.3 Georgia,"Times New Roman",serif;
}
.arrow{
  position:relative;
  display:inline-block;
  width:34px;
  height:12px;
  margin-top:25px;
  color:transparent;
  font-size:0;
  line-height:0;
  transition:width .18s ease;
}
.arrow::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  width:27px;
  height:1px;
  background:var(--maroon);
  transition:width .18s ease;
}
.arrow::after{
  content:"";
  position:absolute;
  right:1px;
  top:2px;
  width:6px;
  height:6px;
  border-top:1px solid var(--maroon);
  border-right:1px solid var(--maroon);
  transform:rotate(45deg);
}

.world-card:hover .arrow,
.world-card:focus-visible .arrow{transform:translateX(4px)}
.world-card:focus-visible{outline:2px solid var(--maroon);outline-offset:6px}
/* =========================================================
   PROFESSIONAL COMPACT FOOTER
========================================================= */
/* =========================================================
   SITE FOOTER
========================================================= */


/* Copyright aur legal links ke beech ka gap */
/* .footer-lower {
    justify-content: space-between;
    column-gap: 10px !important;
} */

/* Site Map / Privacy / Terms / Credits ke beech ka gap */
/* .footer-lower nav {
    gap: 10px !important;
} */

/* Copyright text ka line spacing */

/* SCREEN READER */

/*
.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0,0,0,0);

    white-space: nowrap;

    border: 0;

}
*/


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

@media(max-width:930px) {

    .header-inner {
        grid-template-columns: 1fr auto auto;
        min-height: 72px;
    }

    .nav-toggle {
        display: flex;

        width: 34px;
        height: 34px;

        padding: 7px 5px;

        flex-direction: column;
        justify-content: center;
        gap: 5px;

        background: transparent;
        color: #fff;
        border: 0;
    }

    .nav-toggle span:not(.sr-only) {
        display: block;

        height: 1px;

        background: currentColor;

        width: 22px;
    }

    .primary-nav {
        display: none;

        position: absolute;

        left: 0;
        right: 0;
        top: 72px;

        height: auto;

        padding: 20px 24px 26px;

        background: var(--navy-deep);

        flex-direction: column;
        align-items: flex-start;

        gap: 16px;
    }

    .primary-nav.open {
        display: flex;
    }

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

    .primary-nav a.active::after {
        display: none;
    }

    .hero {
        height: 540px;
    }

    .hero-image {
        object-position: center 52%;
    }

    .hero-copy {
        padding-top: 70px;
    }

    .world-grid {
        gap: 22px;
    }

    .world-card h3 {
        font-size: 17px;
    }


    /* FOOTER */

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 42px;
    }

    .footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 42px;
    }

    .footer-connect {
        text-align: left;
    }

    .social-links {
        justify-content: flex-start;
    }

}


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

@media(max-width:680px) {

    .shell {
        width: min(calc(100% - 32px), var(--shell));
    }

    .brand-name {
        font-size: 16px;
    }

    .brand-tag {
        font-size: 9px;
    }


    /* HERO */

    .hero {
        height: 500px;
    }

    .hero-image {
        object-position: center 52%;
    }

    .hero-softener {
        background:
            linear-gradient(
                180deg,
                rgba(13,43,58,.68) 0%,
                rgba(13,43,58,.38) 31%,
                rgba(13,43,58,.08) 58%,
                rgba(13,43,58,0) 76%
            );
    }

    .hero-copy {
        width: min(var(--shell), calc(100% - 32px));

        margin: 0 auto;

        padding: 34px 0 0;
    }

    .hero h1 {
        font-size: 42px;
    }

    .hero p {
        font-size: 10px;
        letter-spacing: .24em;
    }


    /* WORLDS */

    .worlds {
        padding: 38px 0 58px;
    }

    .world-grid {
        grid-template-columns: 1fr 1fr;

        gap: 38px 18px;

        margin-top: 36px;
    }

    .world-card-copy {
        padding-top: 13px;
    }

    .world-card h3 {
        font-size: 17px;
    }

    .arrow {
        margin-top: 18px;
    }


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

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

        gap: 30px;

        padding: 36px 0 26px;

        width: min(calc(100% - 32px), 1200px);
    }

    .footer-brand-column > p {
        max-width: 100%;
    }

    .footer-column h4 {
        font-size: 16px;
    }

    .footer-column p {
        font-size: 15px;
        line-height: 1.9;
    }

    .footer-links {
        gap: 28px;

        max-width: 430px;
    }

    .footer-connect {
        text-align: left;
    }

    .social-links {
        justify-content: flex-start;
    }


    /* LOWER FOOTER */

    .footer-lower {
        width: min(calc(100% - 32px), 1200px);

        padding: 17px 0 20px;

        min-height: 0;

        align-items: flex-start;

        flex-direction: column;
    }

    .footer-lower p {
        font-size: 14px;
    }

    .footer-lower nav {
        flex-wrap: wrap;

        gap: 12px 20px;
    }

    .footer-social {
        gap: 10px;
    }

}


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

@media(max-width:420px) {

    .world-grid {
        grid-template-columns: 1fr;
    }

    .world-card figure {
        aspect-ratio: 1.05;
    }


    /* FOOTER */

    .footer-grid {
        gap: 28px;
    }

    .footer-brand .brand-name {
        font-size: 17px;
    }

    .footer-brand-column > p {
        font-size: 14px;
    }

    .footer-column h4 {
        font-size: 15px;
    }

    .footer-column p {
        font-size: 14px;
    }

    .mantra {
        font-size: 17px;
    }

    .footer-lower p,
    .footer-lower a,
    .footer-legal a {
        font-size: 13px;
    }

}

.kumarswamiji-band{

  background:#f5efe3;

  border-top:1px solid rgba(123,48,56,.05);

  padding:34px 0 38px;

}

.kumarswamiji-band-inner{position:relative}

.kumarswamiji-band-heading{max-width:720px}

.kumarswamiji-band-heading .eyebrow{

  margin:0 0 8px;

  color:#a87321;

  font-size:16px;

  line-height:1;

  font-weight:700;

  letter-spacing:.055em;

}

.kumarswamiji-band-heading h2{

  margin:0;

  color:#3f382f;

  font:400 28px/1.12 Georgia,"Times New Roman",serif;

  letter-spacing:-.015em;

}

.kumarswamiji-band-heading > p:last-child{

  margin:7px 0 0;

  color:#756958;

  font:400 15px/1.45 Georgia,"Times New Roman",serif;

}

.kumarswamiji-archive{

  margin-top:28px;

  display:grid;

  grid-template-columns:.78fr 1.08fr .82fr .96fr;

  align-items:center;

  gap:34px;

}

.archive-photo{
  margin:0;
  min-width:0;
}

.archive-photo img{

  width:100%;

  height:auto;

  object-fit:contain;

  background:transparent;

}


/* First Image */

.archive-award{
  max-width:172px;
  justify-self:start;
}

.archive-award img{
  border-radius:22px;
}


/* Pope Image */

.archive-pope{
  max-width:250px;
  justify-self:center;
}

.archive-pope img{
  border-radius:18px;
}


/* Dalai Lama Image */

.archive-dalai{

  width:178px;

  height:154px;

  justify-self:center;

  overflow:hidden;

  border-radius:50%;

  border:1px solid rgba(169,112,30,.65);

  background:#eee1cd;

}

.archive-dalai img{

  width:100%;

  height:100%;

  object-fit:cover;

  object-position:center center;

}


/* Vice President Image */

.archive-vp{
  max-width:220px;
  justify-self:end;
}

.archive-vp img{
  border-radius:18px;
}


/* Caption - Same Style for First & Last Image */

.archive-vp figcaption,
.archive-award figcaption{

  margin-top:9px;

  text-align:center;

  color:#756958;

  line-height:1.15;

}

.archive-vp figcaption strong,
.archive-award figcaption strong{

  display:block;

  color:#9e6c22;

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

  font-size:11px;

  letter-spacing:.025em;

}

.archive-vp figcaption span,
.archive-award figcaption span{

  display:block;

  margin-top:3px;

  font:400 13px/1.25 Georgia,"Times New Roman",serif;

}


/* Discover Link */

.kumarswamiji-band-link{

  display:inline-block;

  margin-top:20px;

  color:#5b5042;

  font:400 13px/1.3 Georgia,"Times New Roman",serif;

}

.kumarswamiji-band-link span{
  margin-left:7px;
  color:#9e6c22;
}

.kumarswamiji-band-link:hover,
.kumarswamiji-band-link:focus-visible{
  color:#2e2821;
}

.kumarswamiji-band-link:focus-visible{
  outline:2px solid #9e6c22;
  outline-offset:5px;
}


/* Tablet */

@media(max-width:930px){

  .kumarswamiji-archive{
    gap:22px;
  }

  .archive-dalai{
    width:150px;
    height:130px;
  }

}


/* Mobile */

@media(max-width:680px){

  .kumarswamiji-band{
    padding:30px 0 34px;
  }

  .kumarswamiji-band-heading h2{
    font-size:24px;
  }

  .kumarswamiji-archive{

    grid-template-columns:1fr 1fr;

    align-items:start;

    gap:28px 20px;

  }

  .archive-award,
  .archive-pope,
  .archive-vp{

    max-width:none;

    justify-self:stretch;

  }

  .archive-dalai{

    width:min(168px,100%);

    height:auto;

    aspect-ratio:1.16;

    align-self:center;

  }


  /* Mobile Caption */

  .archive-vp figcaption,
  .archive-award figcaption{
    padding-inline:4px;
  }

}


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

/* .site-header {
    position: sticky;
    z-index: 1000;
} */
.header-inner {
    position: relative;
}


.site-header .primary-nav > a.active::after,
.site-header .primary-nav > .nav-dropdown > a.active::after {
    content: '';
    position: absolute;
    height: 2px;
    background: #d8a33b;
    left: 15%;
    right: 15%;
    bottom: 20px;
}

.primary-nav .level-2 a.active::after,
.primary-nav .level-3 a.active::after {
    content: none !important;
    display: none !important;
}

.primary-nav .level-2 a.active,
.primary-nav .level-3 a.active {
    text-decoration: none !important;
}


/* =========================================================
   DESKTOP NAV DROPDOWN
========================================================= */

.nav-dropdown {
    position: relative;
    margin-top: 35px;
}

.nav-dropdown > a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mobile-arrow {
    display: none;
}

@media (min-width: 992px) {
    .primary-nav > a,
    .primary-nav > .nav-dropdown > a {
        font-size: 14px;
    }
}


/* =========================================================
   LEVEL 2 DROPDOWN - DESKTOP
========================================================= */

.level-2 {
    position: absolute;
    top: 100%;
    left: 0;

    width: 220px;

    background: #ffffff;

    padding: 8px 0;

    border-radius: 3px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.12);

    margin-top: -20px;

    opacity: 0;
    visibility: hidden;

    transform: translateY(0);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;

    z-index: 9999;
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

.nav-dropdown:hover > .level-2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* =========================================================
   LEVEL 2 LINKS - DESKTOP
========================================================= */

.level-2 > a,
.nested-item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    box-sizing: border-box;

    padding: 11px 16px;

    color: #222222;

    text-decoration: none;

    font-size: 14px;

    white-space: nowrap;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}


/* =========================================================
   LEVEL 2 HOVER
========================================================= */

.level-2 > a:hover,
.nested-item > a:hover {
    background: #f7f3e9;
    color: #9b7a32;
}


/* =========================================================
   LEVEL 2 ACTIVE
   SAME AS HOVER
========================================================= */

.level-2 > a.active {
    background: #f7f3e9 !important;
    color: #9b7a32 !important;

    text-decoration: none !important;
}


/*
 * Active submenu should remain highlighted
 * even when mouse is not currently over it.
 */

.level-2 > a.active:hover {
    background: #f7f3e9 !important;
    color: #9b7a32 !important;
}


/* =========================================================
   NESTED ITEM - DESKTOP
========================================================= */

.nested-item {
    position: relative;
}


/* =========================================================
   LEVEL 3 DROPDOWN - DESKTOP
========================================================= */

.level-3 {
    position: absolute;

    top: -8px;
    left: calc(100% + 4px);

    width: 220px;

    background: #ffffff;

    padding: 8px 0;

    border-radius: 3px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.12);

    opacity: 0;
    visibility: hidden;

    transform: translateX(8px);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;

    z-index: 1100;
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

.nested-item:hover > .level-3 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}


/* =========================================================
   LEVEL 3 LINKS - DESKTOP
========================================================= */

.level-3 a {
    display: block;

    width: 100%;

    box-sizing: border-box;

    padding: 11px 16px;

    color: #222222;

    text-decoration: none;

    font-size: 13px;

    white-space: nowrap;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.level-3 a:hover {
    background: #f7f3e9;
    color: #9b7a32;
}


/* =========================================================
   LEVEL 3 ACTIVE
   SAME AS HOVER
========================================================= */

.level-3 a.active {
    background: #f7f3e9 !important;
    color: #9b7a32 !important;

    text-decoration: none !important;
}


.level-3 a.active:hover {
    background: #f7f3e9 !important;
    color: #9b7a32 !important;
}


/* =========================================================
   NESTED ARROW - DESKTOP
========================================================= */

.nested-arrow {
    font-size: 20px;

    line-height: 1;

    margin-left: 15px;

    transition:
        color 0.2s ease;
}


/* =========================================================
   MOBILE NAV HEADER
========================================================= */

.mobile-nav-header {
    display: none;
}


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

.nav-overlay {
    display: none;
}


/* =========================================================
   SEARCH BOX - DESKTOP
========================================================= */

.search-box {
    position: absolute;

    top: calc(100% + 15px);
    right: 0;

    width: 300px;

    background: #ffffff;

    padding: 10px;

    border-radius: 4px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.15);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-10px);

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;

    z-index: 1100;
}

.search-box.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search-box form {
    display: flex;
    align-items: center;

    width: 100%;
}

.search-box input {
    flex: 1;

    width: 100%;
    height: 42px;

    padding: 0 12px;

    border: 1px solid #dddddd;

    outline: none;

    box-sizing: border-box;

    font-size: 14px;

    color: #222222;

    background: #ffffff;
}

.search-box input:focus {
    border-color: #9b7a32;
}

.search-box form button {
    width: 42px;
    height: 42px;

    display: flex;

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

    padding: 0;

    border: none;

    background: #9b7a32;

    color: #ffffff;

    cursor: pointer;
}

.search-box form button svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;
}


/* =========================================================
   SCREEN READER
========================================================= */

.sr-only {
    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;
}


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

@media (max-width: 991px) {

    /* =====================================================
       DRAWER MAIN
    ===================================================== */

    .primary-nav {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;

        width: 350px !important;
        max-width: 88vw !important;

        height: 100vh !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 84px 0 0 0 !important;

        display: block !important;

        background: #ffffff !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        transform: translateX(-100%) !important;

        opacity: 0 !important;
        visibility: hidden !important;

        transition:
            transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.25s ease,
            visibility 0s linear 0.45s !important;

        z-index: 1100 !important;

        box-shadow: 8px 0 30px rgba(0,0,0,0.18);

        -webkit-overflow-scrolling: touch;
    }


    /* =====================================================
       DRAWER OPEN
    ===================================================== */

    .primary-nav.active {
        transform: translateX(0) !important;

        opacity: 1 !important;

        visibility: visible !important;

        transition:
            transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
            opacity 0.25s ease,
            visibility 0s linear 0s !important;
    }


    /* =====================================================
       HEADER - COMPLETELY FIXED AT DRAWER TOP
    ===================================================== */

    .mobile-nav-header {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;

        height: 84px !important;
        min-height: 84px !important;

        margin: 0 !important;
        padding: 0 24px !important;

        display: flex !important;

        align-items: center !important;

        box-sizing: border-box !important;

        background: #022b44 !important;

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

        z-index: 99999 !important;

        flex: none !important;

        transform: none !important;
    }


    /* =====================================================
       BRAND
    ===================================================== */

    .mobile-brand {
        display: flex !important;

        flex-direction: column !important;

        justify-content: center !important;

        width: auto !important;

        flex: 1 !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        transform: none !important;

        text-decoration: none !important;
    }


    .mobile-brand .brand-name {
        display: block !important;

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

        font-size: 21px !important;

        font-weight: 600 !important;

        letter-spacing: 2px !important;

        line-height: 1 !important;

        color: #ffffff !important;

        white-space: nowrap !important;
    }


    .mobile-brand .brand-tag {
        display: block !important;

        margin-top: 7px !important;

        font-size: 9px !important;

        font-weight: 400 !important;

        letter-spacing: 2px !important;

        line-height: 1 !important;

        color: #d9a13a !important;

        white-space: nowrap !important;
    }


    /* =====================================================
       CLOSE BUTTON
    ===================================================== */

    .nav-close {
        position: relative !important;

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;

        margin: 0 0 0 15px !important;

        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        flex-shrink: 0 !important;

        cursor: pointer !important;
    }


    .nav-close span {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 24px !important;
        height: 2px !important;

        background: #ffffff !important;

        border-radius: 2px !important;
    }


    .nav-close span:first-child {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }


    .nav-close span:last-child {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }


    /* =====================================================
       HOME
    ===================================================== */

    .primary-nav > a {
        position: relative !important;

        top: auto !important;

        width: 100% !important;

        min-height: 52px !important;

        margin: 0 !important;

        padding: 16px 25px !important;

        display: flex !important;

        align-items: center !important;

        box-sizing: border-box !important;

        color: #222222 !important;

        background: #ffffff !important;

        border-bottom: 1px solid rgba(0,0,0,0.10);

        font-size: 15px !important;

        flex: none !important;
    }


    .primary-nav > a.active {
        position: relative !important;

        top: auto !important;

        color: #222222 !important;

        background: #ffffff !important;
    }


    /* =====================================================
       MAIN DROPDOWN
    ===================================================== */

    .nav-dropdown {
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        min-height: 52px !important;

        background: #ffffff !important;
    }


    .nav-dropdown > a {
        position: relative !important;

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        width: 100% !important;

        min-height: 52px !important;

        margin: 0 !important;

        padding: 16px 25px !important;

        box-sizing: border-box !important;

        color: #222222 !important;

        background: #ffffff !important;

        border-bottom: 1px solid rgba(0,0,0,0.10);

        font-size: 15px !important;
    }


    /* =====================================================
       MAIN ARROW
    ===================================================== */

    .mobile-arrow {
        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 24px !important;

        height: 24px !important;

        margin-left: auto !important;

        font-size: 25px !important;

        line-height: 1 !important;

        color: #7b3038 !important;

        transition: transform 0.3s ease !important;
    }


    .nav-dropdown.open > a .mobile-arrow {
        transform: rotate(90deg) !important;
    }


    /* =====================================================
       LEVEL 2
    ===================================================== */

    .level-2 {
        position: static !important;

        width: 100% !important;

        max-height: 0 !important;

        overflow: hidden !important;

        display: block !important;

        margin: 0 !important;

        padding: 0 !important;

        background: #ffffff !important;

        box-shadow: none !important;

        opacity: 0 !important;

        visibility: visible !important;

        transform: none !important;

        transition:
            max-height 0.4s ease,
            opacity 0.25s ease !important;
    }


    .nav-dropdown.open > .level-2 {
        max-height: 1000px !important;

        opacity: 1 !important;
    }


    /* =====================================================
       LEVEL 2 LINKS
    ===================================================== */

    .level-2 > a,
    .nested-item > a {
        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        width: 100% !important;

        min-height: 48px !important;

        margin: 0 !important;

        padding: 14px 40px !important;

        box-sizing: border-box !important;

        color: #222222 !important;

        background: #ffffff !important;

        border-bottom: 1px solid #dddddd;

        font-size: 14px !important;

        line-height: 1.4 !important;
    }


    /* =====================================================
       LEVEL 2 ACTIVE - MOBILE
       SAME AS HOVER
    ===================================================== */

    .level-2 > a.active {
        background: #f7f3e9 !important;

        color: #9b7a32 !important;

        text-decoration: none !important;
    }


    .level-2 > a.active:hover {
        background: #f7f3e9 !important;

        color: #9b7a32 !important;
    }


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

    .nested-item {
        position: relative !important;

        width: 100% !important;

        display: block !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       LEVEL 3
    ===================================================== */

    .level-3 {
        position: static !important;

        width: 100% !important;

        max-height: 0 !important;

        overflow: hidden !important;

        display: block !important;

        margin: 0 !important;

        padding: 0 !important;

        background: #fafafa !important;

        opacity: 0 !important;

        visibility: visible !important;

        transform: none !important;

        box-shadow: none !important;

        transition:
            max-height 0.4s ease,
            opacity 0.25s ease !important;
    }


    .nested-item.open > .level-3 {
        max-height: 700px !important;

        opacity: 1 !important;
    }


    /* =====================================================
       LEVEL 3 LINKS
    ===================================================== */

    .level-3 a {
        display: block !important;

        width: 100% !important;

        min-height: 45px !important;

        padding: 13px 58px !important;

        box-sizing: border-box !important;

        color: #333333 !important;

        background: #fafafa !important;

        border-bottom: 1px solid #e5e5e5;

        font-size: 14px !important;
    }


    /* =====================================================
       LEVEL 3 ACTIVE - MOBILE
       SAME AS HOVER
    ===================================================== */

    .level-3 a.active {
        background: #f7f3e9 !important;

        color: #9b7a32 !important;

        text-decoration: none !important;
    }


    .level-3 a.active:hover {
        background: #f7f3e9 !important;

        color: #9b7a32 !important;
    }


    /* =====================================================
       NESTED ARROW
    ===================================================== */

    .nested-arrow {
        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 24px !important;

        height: 24px !important;

        margin-left: auto !important;

        font-size: 23px !important;

        color: #555555 !important;

        transition: transform 0.3s ease !important;
    }


    .nested-item.open > a .nested-arrow {
        transform: rotate(90deg) !important;

        color: #7b3038 !important;
    }


    /* =====================================================
       OVERLAY
    ===================================================== */

    .nav-overlay {
        display: block !important;

        position: fixed !important;

        inset: 0 !important;

        width: 100% !important;

        height: 100vh !important;

        height: 100dvh !important;

        background: rgba(0,0,0,0.42) !important;

        opacity: 0 !important;

        visibility: hidden !important;

        z-index: 1090 !important;

        transition:
            opacity 0.35s ease,
            visibility 0s linear 0.35s !important;
    }


    .nav-overlay.active {
        opacity: 1 !important;

        visibility: visible !important;

        transition:
            opacity 0.35s ease,
            visibility 0s linear 0s !important;
    }


    body.menu-open {
        overflow: hidden !important;
    }
}


/* =========================================================
   480px AND BELOW
========================================================= */

@media (max-width: 480px) {

    .primary-nav {
        width: 88vw !important;

        padding-top: 78px !important;
    }


    .mobile-nav-header {
        height: 78px !important;

        min-height: 78px !important;

        padding: 0 20px !important;
    }


    .mobile-brand .brand-name {
        font-size: 18px !important;

        letter-spacing: 1.8px !important;
    }


    .mobile-brand .brand-tag {
        font-size: 8px !important;

        letter-spacing: 1.7px !important;

        margin-top: 7px !important;
    }


    .nav-close {
        width: 40px !important;

        height: 40px !important;

        min-width: 40px !important;
    }


    .nav-close span {
        width: 23px !important;
    }


    .primary-nav > a,
    .nav-dropdown > a {
        padding-left: 20px !important;

        padding-right: 20px !important;
    }


    .level-2 > a,
    .nested-item > a {
        padding-left: 32px !important;

        padding-right: 32px !important;
    }


    .level-3 a {
        padding-left: 48px !important;

        padding-right: 48px !important;
    }


    /* =====================================================
       ACTIVE SUBMENU - SMALL MOBILE
    ===================================================== */

    .level-2 > a.active {
        background: #f7f3e9 !important;

        color: #9b7a32 !important;
    }


    .level-3 a.active {
        background: #f7f3e9 !important;

        color: #9b7a32 !important;
    }
}

/* =========================================================
   ACTIVE SUBMENU - SAME AS HOVER
========================================================= */

.site-header .primary-nav .level-2 > a.active,
.site-header .primary-nav .nested-item > a.active,
.site-header .primary-nav .level-3 a.active {
    background: #f7f3e9 !important;
    color: #9b7a32 !important;
    text-decoration: none !important;
}

.site-header .primary-nav .level-2 > a.active:hover,
.site-header .primary-nav .nested-item > a.active:hover,
.site-header .primary-nav .level-3 a.active:hover {
    background: #f7f3e9 !important;
    color: #9b7a32 !important;
}


/* =========================================================
   MOBILE ACTIVE SUBMENU
========================================================= */

@media (max-width: 991px) {

    .site-header .primary-nav .level-2 > a.active,
    .site-header .primary-nav .nested-item > a.active {
        background: #f7f3e9 !important;
        color: #9b7a32 !important;
    }

    .site-header .primary-nav .level-3 a.active {
        background: #f7f3e9 !important;
        color: #9b7a32 !important;
    }

    .site-header .primary-nav .level-2 > a.active:hover,
    .site-header .primary-nav .nested-item > a.active:hover,
    .site-header .primary-nav .level-3 a.active:hover {
        background: #f7f3e9 !important;
        color: #9b7a32 !important;
    }

}
/* =========================================================
   VEERASHAIVA FOOTER
========================================================= */


.site-footer {
    width: 100%;
    background: #071c2d;
    color: #d8d4ca;

    /* Reference footer typography */
    font-family: Arial, Helvetica, sans-serif;

    /* padding: 52px 5vw 30px; */
    padding: 35px 5vw 22px;
}


/* =========================================================
   MAIN FOOTER GRID
========================================================= */

.footer-grid {
    display: grid;

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

    gap: 38px;

    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   BRAND
========================================================= */

.footer-brand-column {
    min-width: 0;

    font-family: Arial, Helvetica, sans-serif;
}


.footer-brand {
    display: inline-flex;
    flex-direction: column;

    text-decoration: none;
    color: #fff;

    margin-bottom: 16px;
}


/* BRAND NAME
   Reference style = Georgia serif
========================================================= */

.footer-brand .brand-name {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 24px;
    font-weight: 400;

    letter-spacing: .04em;
    line-height: 1.1;

    color: #ffffff;
}


/* BRAND TAG
   Reference style = Arial / sans-serif
========================================================= */

.footer-brand .brand-tag {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: .22em;
    line-height: 1.2;

    margin-top: 5px;

    color: #d6a64d;
}


/* BRAND DESCRIPTION
   Reference normal text = Arial
========================================================= */

.footer-brand-column p {
    margin: 0;

    max-width: 240px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;
    font-weight: 400;

    line-height: 1.8;

    color: #c5c4bf;
}


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

.footer-column {
    font-family: Arial, Helvetica, sans-serif;
}


/* COLUMN HEADING
   Normal reference footer typography = Arial
========================================================= */

.footer-column h4 {
    margin: 0 0 15px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 15px;
    font-weight: 600;

    line-height: 1.3;

    letter-spacing: .02em;

    color: #d6a64d;
}


/* COLUMN TEXT
========================================================= */

.footer-column p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;
    font-weight: 400;

    line-height: 1.8;

    color: #c5c4bf;
}


/* =========================================================
   MANTRA
   Reference serif typography
========================================================= */

.mantra {
    margin-top: 20px;

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

    font-size: 22px;
    font-weight: 400;

    line-height: 1.35;

    color: #d6a64d;
}


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

.footer-lower {
    max-width: 1180px;

    margin: 5px auto 0;
    padding-top: 8px;

    border-top: 1px solid rgba(214, 166, 77, .22);

    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px !important;

    /* gap: 30px; */

    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer-copyright {
    flex: 1;

    font-family: Arial, Helvetica, sans-serif;
}


.footer-copyright p {
    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.7;

    color: #aebfc8;
}


.footer-copyright a {
    font-family: Arial, Helvetica, sans-serif;

    color: #d6a64d;

    text-decoration: none;
}


.footer-copyright a:hover {
    text-decoration: underline;
}


/* =========================================================
   LEGAL LINKS
========================================================= */

.footer-legal {
    display: flex;
    align-items: center;

    gap: 20px;

    white-space: nowrap;

    font-family: Arial, Helvetica, sans-serif;
}


.footer-legal a {
    color: #aebfc8;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 400;

    text-decoration: none;

    transition: color .2s ease;
}


.footer-legal a:hover {
    color: #d6a64d;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.footer-social {
    display: flex;
    align-items: center;

    gap: 9px;

    font-family: Arial, Helvetica, sans-serif;
}


.footer-social a {
    width: 32px;
    height: 32px;

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

    color: #d8d4ca;

    text-decoration: none;

    border: 1px solid rgba(214, 166, 77, .45);

    border-radius: 50%;

    transition:
        color .2s ease,
        border-color .2s ease,
        background-color .2s ease;
}


.footer-social a:hover {
    color: #d6a64d;

    border-color: #d6a64d;

    background: rgba(214, 166, 77, .06);
}


.footer-social i {
    /* font-family: Arial, Helvetica, sans-serif; */

    font-size: 14px;
}


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

@media (max-width: 1000px) {

    .footer-grid {
        grid-template-columns:
            1.4fr
            1fr
            1fr;

        gap: 32px;
    }


    .footer-brand-column {
        grid-column: span 3;
    }


    .footer-lower {
        flex-wrap: wrap;
    }

}


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

@media (max-width: 850px) {

    .site-footer {
        padding: 45px 5vw 28px;
    }


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

        gap: 32px;
    }


    .footer-brand-column {
        grid-column: span 2;
    }


    .footer-lower {
        display: grid;

        grid-template-columns: 1fr 1fr;

        align-items: center;

        gap: 20px 30px;
    }


    .footer-social {
        justify-content: flex-end;
    }

}


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

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

@media (max-width: 767px) {

    .site-footer {
        padding: 28px 18px 16px;

        text-align: center;
    }


    /* =====================================================
       MAIN GRID
    ===================================================== */

    .footer-grid {
        display: grid;

        grid-template-columns: 1fr 1fr;

        column-gap: 22px;
        row-gap: 22px;

        width: 100%;
        max-width: 600px;

        margin: 0 auto;

        text-align: center;
    }


    /* =====================================================
       BRAND - FULL WIDTH + CENTER
    ===================================================== */

    .footer-brand-column {
        grid-column: 1 / -1;

        width: 100%;

        display: flex;
        flex-direction: column;

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

        text-align: center;
    }


    .footer-brand {
        display: inline-flex;

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

        text-align: center;

        margin-bottom: 9px;
    }


    .footer-brand-column p {
        max-width: 310px;

        margin-left: auto;
        margin-right: auto;

        text-align: center;

        font-family: Arial, Helvetica, sans-serif;

        line-height: 1.6;
    }


    /* =====================================================
       MANTRA
    ===================================================== */

    .mantra {
        margin-top: 7px;

        font-size: 20px;

        line-height: 1.25;

        text-align: center;
    }


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

    .footer-column {
        width: 100%;

        text-align: center;

        font-family: Arial, Helvetica, sans-serif;
    }


    .footer-column h4 {
        margin: 0 0 8px;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 14px;

        line-height: 1.3;

        text-align: center;
    }


    .footer-column p {
        margin: 0;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        line-height: 1.75;

        text-align: center;
    }


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

    .footer-lower {
        width: 100%;

        max-width: 600px;

        margin: 20px auto 0;

        padding-top: 13px;

        display: flex;

        flex-direction: column;

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

        gap: 12px;

        text-align: center;

        font-family: Arial, Helvetica, sans-serif;
    }


    /* =====================================================
       COPYRIGHT
    ===================================================== */

    .footer-copyright {
        width: 100%;

        text-align: center;
    }


    .footer-copyright p {
        width: 100%;

        margin: 0;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        line-height: 1.5;

        text-align: center;
    }


    .footer-copyright a {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 10px;
    }


    /* =====================================================
       LEGAL
    ===================================================== */

    .footer-legal {
        display: flex;

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

        flex-wrap: wrap;

        gap: 6px 15px;

        width: 100%;

        white-space: normal;

        text-align: center;
    }


    .footer-legal a {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 10px;

        text-align: center;
    }


    /* =====================================================
       SOCIAL
    ===================================================== */

    .footer-social {
        display: flex;

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

        gap: 8px;

        width: 100%;
    }


    .footer-social a {
        width: 30px;
        height: 30px;
    }


    .footer-social i {
        font-size: 13px;
    }
}


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

@media (max-width: 480px) {

    .site-footer {
        padding: 24px 15px 14px;

        text-align: center;
    }


    .footer-grid {
        column-gap: 16px;
        row-gap: 19px;

        text-align: center;
    }


    /* =====================================================
       BRAND
    ===================================================== */

    .footer-brand-column {
        align-items: center;

        text-align: center;
    }


    .footer-brand {
        align-items: center;
        justify-content: center;

        text-align: center;
    }


    .footer-brand .brand-name {
        font-family: Georgia, "Times New Roman", serif;

        font-size: 22px;

        text-align: center;
    }


    .footer-brand .brand-tag {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 9px;

        letter-spacing: .20em;

        text-align: center;
    }


    .footer-brand-column p {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        max-width: 285px;

        margin-left: auto;
        margin-right: auto;

        line-height: 1.55;

        text-align: center;
    }


    /* =====================================================
       MANTRA
    ===================================================== */

    .mantra {
        margin-top: 5px;

        font-size: 19px;

        text-align: center;
    }


    /* =====================================================
       COLUMNS
    ===================================================== */

    .footer-column {
        text-align: center;
    }


    .footer-column h4 {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 13px;

        margin-bottom: 7px;

        text-align: center;
    }


    .footer-column p {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 11.5px;

        line-height: 1.75;

        text-align: center;
    }


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

    .footer-lower {
        margin-top: 18px;

        padding-top: 12px;

        gap: 11px;

        align-items: center;

        text-align: center;
    }


    .footer-copyright {
        text-align: center;
    }


    .footer-copyright p {
        font-family: Arial, Helvetica, sans-serif;

        font-size: 12px;

        text-align: center;
    }


    .footer-copyright a {
        font-size: 12px;
    }


    /* =====================================================
       LEGAL
    ===================================================== */

    .footer-legal {
        justify-content: center;

        align-items: center;

        gap: 5px 12px;

        text-align: center;
    }


    .footer-legal a {
        font-size: 10px;

        text-align: center;
    }


    /* =====================================================
       SOCIAL
    ===================================================== */

    .footer-social {
        justify-content: center;

        align-items: center;

        gap: 8px;

        text-align: center;
    }


    .footer-social a {
        width: 29px;
        height: 29px;
    }


    .footer-social i {
        font-size: 12px;
    }
}


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

@media (max-width: 991px) {


    /* =====================================================
       NORMAL MAIN MENU
    ===================================================== */

    .primary-nav > a,
    .primary-nav .nav-dropdown > a {

        position: relative !important;

        color: #222 !important;

        background: #ffffff !important;

        transition:
            color 0.25s ease,
            background 0.25s ease !important;
    }


    /* =====================================================
       NORMAL MOBILE ACTIVE PAGE
       Example: HOME
    ===================================================== */

    .primary-nav > a.active {

        color: var(--gold) !important;

        background: #ffffff !important;

        font-weight: 600 !important;

        padding-left: 26px !important;
    }


    /* =====================================================
       REMOVE LEFT GOLD RECTANGLE
       FROM MAIN ACTIVE LINKS
    ===================================================== */

    .primary-nav > a.active::before {

        content: none !important;

        display: none !important;

        width: 0 !important;

        height: 0 !important;

        background: transparent !important;
    }


    /* =====================================================
       DROPDOWN MAIN LINK
    ===================================================== */

    .primary-nav .nav-dropdown > a {

        color: #222 !important;

        background: #ffffff !important;

        font-weight: 500 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        width: 100% !important;
    }


    /* =====================================================
       ACTIVE / OPEN DROPDOWN
       
       LIVING TRADITION
       SADHANA
       TEACHINGS
       SHRI KUMARSWAMIJI
    ===================================================== */

    .primary-nav .nav-dropdown > a.active,
    .primary-nav .nav-dropdown.open > a {

        color: var(--gold) !important;

        background: #ffffff !important;

        font-weight: 600 !important;
    }


    /* =====================================================
       REMOVE LEFT GOLD RECTANGLE
       FROM DROPDOWN MAIN LINKS
    ===================================================== */

    .primary-nav .nav-dropdown > a::before,
    .primary-nav .nav-dropdown > a.active::before,
    .primary-nav .nav-dropdown.open > a::before {

        content: none !important;

        display: none !important;

        width: 0 !important;

        height: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* =====================================================
       MOBILE TRIANGLE
       
       IMPORTANT:
       34px AREA = CLICKABLE
       ACTUAL TRIANGLE = SMALL
    ===================================================== */

    .primary-nav .nav-dropdown > a .mobile-arrow {

        width: 34px !important;

        height: 34px !important;

        min-width: 34px !important;

        min-height: 34px !important;

        padding: 0 !important;

        margin: 0 0 0 8px !important;

        display: inline-flex !important;

        align-items: center !important;

        justify-content: center !important;

        flex: 0 0 34px !important;

        position: relative !important;

        z-index: 20 !important;

        cursor: pointer !important;

        font-size: 0 !important;

        line-height: 0 !important;

        color: transparent !important;

        text-indent: 0 !important;

        background: transparent !important;

        background-image: none !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        outline: none !important;

        transform: none !important;

        overflow: visible !important;

    }


    /* =====================================================
       ACTUAL TRIANGLE
       
       CLOSED
       ▶
    ===================================================== */

    .primary-nav .nav-dropdown > a .mobile-arrow::after {

        content: "" !important;

        display: block !important;

        width: 0 !important;

        height: 0 !important;

        padding: 0 !important;

        margin: 0 !important;

        border-top: 5px solid transparent !important;

        border-bottom: 5px solid transparent !important;

        border-left: 6px solid #222 !important;

        border-right: 0 !important;

        background: transparent !important;

        transition:
            transform 0.25s ease,
            border-left-color 0.25s ease !important;
    }


    /* =====================================================
       ACTIVE PAGE TRIANGLE
       
       GOLD
       ▶
    ===================================================== */

    .primary-nav
        .nav-dropdown
        > a.active
        .mobile-arrow::after {

        border-left-color:
            var(--gold) !important;
    }


    /* =====================================================
       OPEN DROPDOWN
       
       GOLD
       ▼
    ===================================================== */

    .primary-nav
        .nav-dropdown.open
        > a
        .mobile-arrow::after {

        border-left-color:
            var(--gold) !important;

        transform:
            rotate(90deg) !important;
    }


    /* =====================================================
       OPEN + ACTIVE DROPDOWN
       
       GOLD
       ▼
    ===================================================== */

    .primary-nav
        .nav-dropdown.open
        > a.active
        .mobile-arrow::after {

        border-left-color:
            var(--gold) !important;

        transform:
            rotate(90deg) !important;
    }


    /* =====================================================
       REMOVE ANY OLD PSEUDO ELEMENT
    ===================================================== */

    .primary-nav
        .nav-dropdown
        > a
        .mobile-arrow::before {

        content: none !important;

        display: none !important;
    }


    /* =====================================================
       SUBMENU CLOSED
    ===================================================== */

    .primary-nav
        .nav-dropdown
        > .level-2 {

        display: none !important;
    }


    /* =====================================================
       SUBMENU OPEN
       
       IMPORTANT
       .open CLASS JAVASCRIPT SE ADD HOGA
    ===================================================== */

    .primary-nav
        .nav-dropdown.open
        > .level-2 {

        display: block !important;
    }


    /* =====================================================
       SUB MENU ACTIVE
       
       Example:
       The Great Sharanas
       Sharanas
       Sacred Places
    ===================================================== */

    .primary-nav .level-2 > a.active,
    .primary-nav .nested-item > a.active {

        color: var(--gold) !important;

        background: #ffffff !important;

        font-weight: 600 !important;

        position: relative !important;
    }


    /* =====================================================
       REMOVE GOLD LEFT RECTANGLE
       FROM SUB MENU
    ===================================================== */

    .primary-nav .level-2 > a.active::before,
    .primary-nav .nested-item > a.active::before {

        content: none !important;

        display: none !important;

        width: 0 !important;

        height: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* =====================================================
       LEVEL 3 ACTIVE
    ===================================================== */

    .primary-nav .level-3 a.active {

        color: var(--gold) !important;

        background: #ffffff !important;

        font-weight: 600 !important;

        position: relative !important;
    }


    /* =====================================================
       REMOVE LEVEL 3 LEFT RECTANGLE
    ===================================================== */

    .primary-nav .level-3 a.active::before {

        content: none !important;

        display: none !important;

        width: 0 !important;

        height: 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* =====================================================
       NESTED DROPDOWN
    ===================================================== */

    .primary-nav .nested-item.open > a {

        color: var(--gold) !important;

        background: #ffffff !important;

        font-weight: 600 !important;
    }


    /* =====================================================
       NESTED ARROW
    ===================================================== */

    .primary-nav
        .nested-item.open
        > a
        .nested-arrow {

        color: var(--gold) !important;

        transform:
            rotate(90deg) !important;
    }


    /* =====================================================
       HOVER
    ===================================================== */

    .primary-nav > a:hover,
    .primary-nav .nav-dropdown > a:hover,
    .primary-nav .level-2 > a:hover,
    .primary-nav .nested-item > a:hover {

        color: #222 !important;

        background: #faf6ed !important;
    }


    /* =====================================================
       ACTIVE SHOULD STAY GOLD ON HOVER
    ===================================================== */

    .primary-nav > a.active:hover,
    .primary-nav .nav-dropdown > a.active:hover,
    .primary-nav .nav-dropdown.open > a:hover,
    .primary-nav .level-2 > a.active:hover {

        color: var(--gold) !important;

        background: #ffffff !important;
    }


    /* =====================================================
       REMOVE DESKTOP UNDERLINE ON MOBILE
    ===================================================== */

    .primary-nav > a.active::after,
    .primary-nav .nav-dropdown > a.active::after {

        content: none !important;

        display: none !important;
    }

}


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

@media (min-width: 992px) {


    /* =====================================================
       MAIN NAV HEIGHT
    ===================================================== */

    .primary-nav {

        height: 82px !important;

        display: flex !important;

        align-items: stretch !important;
    }


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

    .primary-nav .nav-dropdown {

        position: relative !important;

        margin-top: 0 !important;

        height: 82px !important;

        display: flex !important;

        align-items: stretch !important;
    }


    /* =====================================================
       DROPDOWN MAIN LINK
    ===================================================== */

    .primary-nav .nav-dropdown > a {

        height: 82px !important;

        display: flex !important;

        align-items: center !important;

        position: relative !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       NORMAL MAIN LINKS
    ===================================================== */

    .primary-nav > a {

        height: 82px !important;

        display: flex !important;

        align-items: center !important;

        position: relative !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       DESKTOP ACTIVE UNDERLINE
    ===================================================== */

    .primary-nav > a.active::after,
    .primary-nav .nav-dropdown > a.active::after {

        content: "" !important;

        position: absolute !important;

        left: 0 !important;

        right: 0 !important;

        bottom: 15px !important;

        height: 2px !important;

        background: var(--gold) !important;

        display: block !important;
    }


    /* =====================================================
       NON ACTIVE = NO UNDERLINE
    ===================================================== */

    .primary-nav > a:not(.active)::after,
    .primary-nav .nav-dropdown > a:not(.active)::after {

        content: none !important;

        display: none !important;
    }

}
.hero-place{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  width:min(var(--shell),calc(100% - 32px));
  display:flex;
  align-items:stretch;
  gap:14px;
  color:#fff;
  pointer-events:none;
}
.hero-place-rule{
  width:2px;
  min-height:50px;
  background:var(--gold);
  flex:0 0 2px;
}
.hero-place-name{
  font:600 15px/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:.12em;
  text-shadow:0 1px 8px rgba(0,0,0,.28);
}
.hero-place-note{
  margin-top:6px;
  font:400 17px/1.35 Georgia,"Times New Roman",serif;
  color:rgba(255,255,255,.94);
  text-shadow:0 1px 8px rgba(0,0,0,.3);
}

.archive-dalai {
    width:178px;
    height:154px;
    justify-self:center;
    overflow:visible;
    border-radius:50%;
    border:1px solid rgba(169,112,30,.65);
    background:#eee1cd;
}

.archive-dalai img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    border-radius:50%;
}

.archive-dalai figcaption{
    margin-top:25px;
    text-align:center;
    color:#756958;
    line-height:1.15;
}

.archive-dalai figcaption strong{
    display:block;
    color:#9e6c22;
    font-family:Georgia,"Times New Roman",serif;
    font-size:11px;
    letter-spacing:.025em;
}

.archive-dalai figcaption span{
    display:block;
    margin-top:3px;
    font:400 13px/1.25 Georgia,"Times New Roman",serif;
}

@media (max-width: 767px) {

    .archive-dalai {
        width: 140px;
        height: 120px;
        margin: 0 auto;
        justify-self: center;
    }

    .archive-dalai img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .archive-dalai figcaption {
        margin-top: 8px;
        text-align: center;
    }

    .archive-dalai figcaption strong {
        font-size: 10px;
    }

    .archive-dalai figcaption span {
        font-size: 12px;
        margin-top: 3px;
    }

}
/* =========================================
   DESKTOP TRIANGLE
   ALWAYS VISIBLE
========================================= */

.desktop-triangle {
    width: 0;
    height: 0;

    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #d9a13a;

    display: inline-block;

    margin-left: 7px;
    margin-bottom: 2px;

    opacity: .9;

    /* Normal position */
    transform: translateY(0) rotate(0deg);

    transition:
        transform .4s cubic-bezier(.22, 1, .36, 1),
        opacity .3s ease;
}


/* =========================================
   HOVER
   Triangle UP + ROTATE
========================================= */

.nav-dropdown > a:hover .desktop-triangle {
    opacity: 1;

    transform:
        translateY(-4px)
        rotate(180deg);
}


/* =========================================
   DROPDOWN OPEN
========================================= */

.nav-dropdown.open > a .desktop-triangle {
    opacity: 1;

    transform:
        translateY(-4px)
        rotate(180deg);
}


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

@media (max-width: 991px) {

    .desktop-triangle {
        display: none;
    }

}



/* ////////////////////////////////////////////////////////////TheGreatsharanaspage/////////////////////////////////////////////////////////// */
    :root {
        --navy: #082e4a;
        --stone: #f5f0e6;
        --ink: #102f4c;
        --gold: #b9822d;
        --gold-bright: #d19a36;
        --muted: #70543c;
        --frame: #352b25;
        --panel: #f8f4eb;
    }

    * {
        box-sizing: border-box;
    }

    html,
    body {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: Georgia, 'Times New Roman', serif;
        color: var(--ink);
        background: var(--stone);
    }

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


    /* =========================================================
    GREAT SHARANAS HERO - DESKTOP
    IMAGE FULL WIDTH / NATURAL HEIGHT
    ========================================================= */

    .great-sharanas-hero {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        color: #fff;
    }

    .great-sharanas-hero > img {
        display: block;
        width: 100%;
        height: auto;
    }


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

    .great-sharanas-hero-shade {
        position: absolute;
        inset: 0;

        background: linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );
    }


    /* =========================================================
    HERO CONTENT - DESKTOP
    ========================================================= */

    .great-sharanas-hero-content {
        position: absolute;

        left: 4.2vw;

        top: 50%;
        transform: translateY(-55%);

        width: min(620px, 50vw);

        color: #fff;
    }


    /* =========================================================
    BREADCRUMB
    ========================================================= */

    .great-sharanas-crumb {
        font-size: 14px;
        margin-bottom: 58px;
        color: #f3eee7;
    }

    .great-sharanas-crumb a {
        color: #f3eee7;
    }

    .great-sharanas-crumb span {
        padding: 0 10px;
        color: #d3aa62;
    }

    .great-sharanas-crumb b {
        padding: 0 10px;
        color: #d3aa62;
        font-weight: 400;
    }


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

    .great-sharanas-hero h1 {
        font-family: Georgia, 'Times New Roman', serif;

        font-size: 68px;
        font-weight: 400;
        line-height: 1;

        margin: 0 0 14px;

        color: #fff;
    }


    /* =========================================================
    DESCRIPTOR
    ========================================================= */

    .great-sharanas-descriptor {
        font-size: 24px;

        color: #e0b451;

        margin: 0 0 16px;

        letter-spacing: .01em;
    }


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

    .great-sharanas-hero-intro {
        font-size: 18px;

        line-height: 1.45;

        max-width: 550px;

        margin: 0;

        color: #f4eee5;
    }


    /* =========================================================
    GOLD RULE
    ========================================================= */

    .great-sharanas-gold-rule {
        display: block;

        width: 72px;

        height: 3px;

        background: #d2a23c;

        margin-top: 24px;
    }


    /* =========================================================
    REST OF PAGE
    ========================================================= */

    .sharanas-section {
        background: var(--stone);
        padding: 45px 3.8vw 0;
    }

    .section-kicker {
        display: flex;
        align-items: center;
        gap: 26px;

        color: #9c681f;

        font-size: 14px;
        font-weight: 600;

        letter-spacing: .22em;
    }

    .section-kicker i {
        height: 1px;
        background: #c99a50;
        flex: 1;
    }


    /* =========================================================
    OPENING REFLECTION
    ========================================================= */

    .threshold-reflection {
        max-width: 1240px;

        margin: 34px auto 42px;

        padding: 20px 55px 28px;

        text-align: center;

        background: rgba(255, 255, 255, .14);
    }

    .motif-row,
    .closing-lines {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
    }

    .opening-motif {
        gap: 22px;

        margin: 0 auto 18px;

        max-width: 900px;
    }

    .opening-motif i {
        width: auto;

        flex: 1;

        max-width: 360px;

        height: 1px;

        background: #c99a50;
    }

    .aum-medallion {
        width: 58px;
        height: 58px;

        border: 1px solid rgba(185, 130, 45, .52);

        border-radius: 50%;

        display: inline-flex;

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

        color: #b9822d;

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

        font-family:
            'Noto Serif Devanagari',
            'Nirmala UI',
            'Mangal',
            serif;

        font-size: 31px;

        line-height: 1;

        box-shadow: 0 2px 9px rgba(80, 55, 20, .06);
    }

    .threshold-reflection p {
        font-style: italic;

        font-size: 21px;

        line-height: 1.55;

        margin: 0;

        color: var(--ink);
    }


    /* =========================================================
    SHARANA GRID
    ========================================================= */

    .sharana-grid {
        display: grid;

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

        gap: 24px;

        max-width: 1450px;

        margin: 0 auto;
    }


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

    .sharana-card {
        position: relative;

        text-align: center;

        background: transparent;

        border-radius: 8px;

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

        will-change: transform;
    }

    .sharana-card::before {
        content: "";

        position: absolute;

        inset: 0;

        background:
            radial-gradient(
                circle at 50% 28%,
                rgba(201, 139, 39, .12),
                transparent 58%
            );

        opacity: 0;

        border-radius: 8px;

        transition: opacity .35s ease;

        pointer-events: none;

        z-index: 0;
    }

    .sharana-card:hover {
        transform: translateY(-7px);

        background: rgba(255, 250, 241, .35);

        box-shadow:
            0 14px 28px rgba(73, 51, 31, .10),
            0 0 20px rgba(201, 139, 39, .08);
    }

    .sharana-card:hover::before {
        opacity: 1;
    }

    .sharana-card.siddharameshwara-card h2 {
        font-size: 17px !important;
    }


    /* =========================================================
    PORTRAIT
    ========================================================= */

    .portrait {
        position: relative;

        height: 420px;

        background: var(--frame);

        border: 1px solid #7f633b;

        padding: 10px;

        display: flex;

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

        overflow: hidden;

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

    .portrait img {
        width: 100%;
        height: 100%;

        object-fit: contain;

        display: block;

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

    .sharana-card:hover .portrait {
        border-color: rgba(201, 139, 39, .85);

        background-color: #f5ead8;

        box-shadow:
            inset 0 0 18px rgba(201, 139, 39, .07),
            0 5px 18px rgba(73, 51, 31, .08);
    }

    .sharana-card:hover .portrait img {
        transform: scale(1.035);

        filter:
            saturate(1.02)
            brightness(1.015);
    }


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

    .sharana-card h2 {
        position: relative;

        z-index: 1;

        font-size: 18px;

        margin: 17px 0 7px;

        color: var(--ink);

        transition:
            color .3s ease,
            transform .3s ease;
    }

    .explore11 {
        position: relative;
        top: -20px;
    }

    .sharana-card:hover h2 {
        color: var(--ink);

        transform: translateY(-2px);
    }


    /* =========================================================
    TRAITS
    ========================================================= */

    .traits {
        position: relative;

        z-index: 1;

        text-transform: uppercase;

        color: var(--muted);

        font-size: 9px;

        letter-spacing: .03em;

        min-height: 25px;

        margin: 0 0 17px;

        transition: color .3s ease;
    }

    .sharana-card:hover .traits {
        color: var(--muted);
    }


    /* =========================================================
    EXPLORE
    ========================================================= */

    .sharana-card > a {
        position: relative;

        z-index: 1;

        text-transform: uppercase;

        font-size: 11px;

        letter-spacing: .06em;

        color: var(--ink);

        text-decoration: none;

        transition: color .3s ease;
    }

    .sharana-card:hover > a {
        color: var(--ink);
    }

    .sharana-card > a span {
        display: inline-block;

        color: var(--gold);

        font-size: 17px;

        padding-left: 7px;

        transition: transform .3s ease;
    }

    .sharana-card:hover > a span {
        transform: translateX(5px);
    }


    /* =========================================================
    CLOSING REFLECTION
    ========================================================= */

    .closing-reflection {
        margin: 50px -3.8vw 0;

        padding: 34px 4vw 42px;

        text-align: center;

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

        border-top: 0;
    }

    .closing-lines i {
        height: 1px;

        background: #c99a50;

        width: min(260px, 22vw);
    }

    .five-mark {
        color: #b9822d;

        font-size: 19px;

        line-height: 1;
    }

    .closing-reflection p {
        font-size: 21px;

        font-style: italic;

        line-height: 1.45;

        margin: 17px auto 16px;

        max-width: 780px;
    }

    .short-rule {
        display: block;

        width: 56px;

        height: 2px;

        background: #c99a50;

        margin: 0 auto;
    }


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

    @media (max-width: 1180px) {

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

        .portrait {
            height: 400px;
        }

        .great-sharanas-hero-content {
            width: 70vw;
        }

    }


    /* =========================================================
    MOBILE
    SAME AS PREVIOUS VERSION
    ========================================================= */

    @media (max-width: 720px) {

        .great-sharanas-hero {
            height: 500px;

            position: relative;

            overflow: hidden;
        }

        .great-sharanas-hero > img {
            width: 100%;
            height: 100%;

            object-fit: cover;

            display: block;
        }

        .great-sharanas-hero-shade {
            position: absolute;

            inset: 0;

            background: linear-gradient(
                90deg,
                rgba(15, 12, 10, .76) 0%,
                rgba(15, 12, 10, .42) 37%,
                rgba(15, 12, 10, .04) 68%
            );
        }

        .great-sharanas-hero-content {
            left: 24px;
            right: 24px;

            top: 34px;

            width: auto;

            transform: none;
        }

        .great-sharanas-crumb {
            margin-bottom: 95px;

            font-size: 12px;
        }

        .great-sharanas-hero h1 {
            font-size: 42px;

            line-height: 1.05;

            margin: 0 0 10px;
        }

        .great-sharanas-descriptor {
            font-size: 20px;
        }

        .great-sharanas-hero-intro {
            font-size: 16px;
        }


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

        .sharanas-section {
            padding: 34px 22px 0;
        }

        .section-kicker {
            font-size: 12px;
        }

        .threshold-reflection {
            padding: 22px 12px;

            margin-bottom: 34px;
        }

        .threshold-reflection p {
            font-size: 18px;
        }

        .threshold-reflection br {
            display: none;
        }

        .aum-medallion {
            width: 50px;
            height: 50px;

            font-size: 27px;
        }

        .opening-motif {
            gap: 14px;
        }

        .sharana-grid {
            grid-template-columns: 1fr;

            gap: 38px;
        }

        .portrait {
            height: min(560px, 120vw);
        }

        .closing-reflection {
            margin: 42px -22px 0;

            padding: 32px 22px 36px;
        }

        .closing-reflection p {
            font-size: 19px;
        }

    }


    /* =========================================================
    REDUCED MOTION
    ========================================================= */

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

        .sharana-card,
        .sharana-card::before,
        .portrait,
        .portrait img,
        .sharana-card h2,
        .traits,
        .sharana-card > a,
        .sharana-card > a span {
            transition: none;
        }

        .sharana-card:hover {
            transform: none;
        }

        .sharana-card:hover .portrait img {
            transform: none;
        }

    }
/* //////////////////////////////////////////THE LIVING TRADITION (BASAVA)//////////////////////////////////////////////////////// */
:root {
    --navy: #073653;
    --navy2: #05304a;
    --ink: #0b3557;
    --gold: #c98b27;
    --cream: #f8f3e9;
    --umber: #49331f;
    --line: #d5a35a;
    --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --ui: "Aptos", "Segoe UI", Arial, sans-serif;
    --max: 1440px;
}


* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;
    background: var(--cream);
    color: #2c241d;
    font-family: var(--serif);
}


.page-width {
    max-width: var(--max);
    margin: auto;
    padding-left: 46px;
    padding-right: 46px;
}


/* ==================================================
   BASAVA HERO
   Same visual structure as Great Sharanas Hero
================================================== */

.basava-hero {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: #fff;
}


.basava-hero > img {
    display: block;
    width: 100%;
    height: auto;
}


.basava-hero-shade {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(15, 12, 10, .76) 0%,
        rgba(15, 12, 10, .42) 37%,
        rgba(15, 12, 10, .04) 68%
    );
}


.basava-hero-content {
    position: absolute;

    left: 4.2vw;
    top: 50%;

    transform: translateY(-55%);

    width: min(620px, 50vw);

    color: #fff;
}


.basava-crumbs {
    font-size: 14px;

    margin-bottom: 58px;

    color: #f3eee7;
}


.basava-crumbs a {
    color: #f3eee7;
    text-decoration: none;
}


.basava-crumbs span {
    padding: 0 10px;
    color: #d3aa62;
}


.basava-crumbs b {
    padding: 0 10px;

    color: #d3aa62;

    font-weight: 400;
}


.basava-hero h1 {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 68px;

    font-weight: 400;

    line-height: 1;

    margin: 0 0 14px;

    color: #fff;
}


.basava-descriptor {
    font-size: 24px;

    color: #e0b451;

    margin: 0 0 16px;

    letter-spacing: .01em;
}


.basava-hero-intro {
    font-size: 18px;

    line-height: 1.45;

    max-width: 550px;

    margin: 0;

    color: #f4eee5;
}


.basava-gold-stroke {
    display: block;

    width: 72px;
    height: 3px;

    background: #d2a23c;

    margin-top: 24px;
}


/* ==================================================
   PARCHMENT / REFLECTION
================================================== */

.parchment {
    background: linear-gradient(
        90deg,
        #faf7ef,
        #f8f2e6 50%,
        #faf7ef
    );
}


.opening {
    padding-top: 0;
}


.reflection {
    padding-top: 28px;
    padding-bottom: 52px;
    text-align: center;
}


.ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}


.ornament span {
    height: 1px;
    background: var(--line);
    width: 330px;
}


.ornament i {
    font-style: normal;
    color: var(--gold);

    border: 1px solid #d8ad6b;
    border-radius: 50%;

    width: 54px;
    height: 54px;

    display: grid;
    place-items: center;

    font-size: 31px;
}


.reflection p,
.closing p {
    font-style: italic;
    color: var(--navy,);
    font-size: 21px;
    margin: 16px 0 0;
}


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

.section-heading {
    display: flex;
    align-items: center;
    gap: 26px;
    padding-bottom: 18px;
}


.section-heading h2,
.explore h2 {
    font-size: 23px;

    text-transform: uppercase;
    letter-spacing: 3px;

    color: var(--ink);

    white-space: nowrap;

    margin: 0;

    font-weight: 600;
}


.section-heading .rule,
.title-row .rule {
    height: 1px;
    background: var(--line);
    flex: 1;
}


.section-heading p {
    color: var(--ink);
    font-size: 16px;
    white-space: nowrap;
    margin: 0;
}


/* ==================================================
   PANORAMA
================================================== */

.panorama {
    position: relative;
}


.panorama > img {
    width: 100%;
    height: 315px;

    object-fit: cover;

    display: block;
}


.facet-strip {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    display: grid;

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

    background: rgba(57, 39, 24, .84);

    padding-top: 17px;
    padding-bottom: 16px;
}


.facet-strip div {
    text-align: center;

    border-right:
        1px solid rgba(221, 167, 77, .55);

    padding: 0 13px;
}


.facet-strip div:last-child {
    border: 0;
}


.facet-strip strong {
    display: block;

    color: #e5b052;

    font-size: 19px;

    font-weight: 500;
}


.facet-strip span {
    display: block;

    color: #fff8ec;

    font-size: 14px;

    line-height: 1.25;

    margin-top: 6px;
}


/* ==================================================
   EXPLORE
================================================== */

.explore {
    padding-top: 58px;
    padding-bottom: 64px;
}


.explore-head {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 22px;
}


.title-row {
    display: flex;

    align-items: center;

    gap: 24px;

    flex: 1;

    max-width: 760px;
}


.carousel-meta {
    display: flex;

    align-items: center;

    gap: 18px;

    color: var(--ink);
}


.carousel-meta em {
    font-size: 15px;
}


.nav {
    width: 42px;
    height: 42px;

    border-radius: 50%;

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

    background: #fffaf1;

    color: var(--ink);

    font-size: 29px;

    line-height: 1;

    cursor: pointer;

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


.nav:hover {
    transform: translateY(-2px);

    background: var(--gold);

    color: #fffaf1;

    box-shadow:
        0 6px 15px rgba(73, 51, 31, .15);
}


.nav:active {
    transform: translateY(0);
}


.count {
    font-size: 14px;
}


.carousel-viewport {
    overflow: hidden;
}


.cards {
    display: flex;

    gap: 14px;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1);
}


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

.card {
    position: relative;

    isolation: isolate;

    flex: 0 0 calc((100% - 70px) / 6);

    min-width: 0;

    background: #fbf7ee;

    border: 1px solid #e3d7c5;

    border-radius: 5px;

    box-shadow:
        0 4px 11px rgba(74, 51, 30, .10);

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    opacity: 0;

    transform: translateY(22px);

    animation:
        basavaCardReveal
        .65s
        cubic-bezier(.22, .61, .36, 1)
        forwards;

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


/* ==================================================
   CARD GOLDEN GLOW
================================================== */

.card::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201, 139, 39, .14),
            transparent 62%
        );

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .35s ease;

    z-index: -1;
}


.card:hover::before {
    opacity: 1;
}


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

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

    border-color:
        rgba(201, 139, 39, .65);

    background-color: #fffaf1;

    box-shadow:
        0 16px 32px rgba(73, 51, 31, .15),
        0 0 24px rgba(201, 139, 39, .09);
}


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

.card img {
    width: 100%;

    height: 160px;

    object-fit: cover;

    display: block;

    transform: scale(1);

    transition:
        transform .55s cubic-bezier(.22, .61, .36, 1),
        filter .55s ease;
}


.card-legacy > img {
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}


.card:hover img {
    transform: scale(1.045);

    filter:
        saturate(1.04)
        brightness(1.025);
}


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

.card-body {
    padding: 16px 16px 18px;

    min-height: 150px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    width: 100%;

    transition: background-color .35s ease;
}


/* ==================================================
   EYEBROW
================================================== */

.eyebrow {
    color: #a86e1f;

    text-transform: uppercase;

    letter-spacing: 1.05px;

    font-family: var(--ui);

    font-size: 11px;

    font-weight: 650;

    transition:
        color .3s ease,
        letter-spacing .3s ease;
}


.card:hover .eyebrow {
    color: #a86e1f;

    letter-spacing: 1.15px;
}


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

.card h3 {
    font-family: var(--ui);

    font-size: 19px;

    line-height: 1.18;

    font-weight: 600;

    letter-spacing: -.15px;

    margin: 7px 0 12px;

    color: var(--ink);

    transition:
        color .3s ease,
        transform .3s ease;
}


.card:hover h3 {
    color: var(--ink);

    transform: translateY(-2px);
}


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

/*
.card-arrow {
    margin-top: auto;

    width: 34px;
    height: 34px;

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

    border-radius: 50%;

    display: grid;

    place-items: center;

    color: var(--ink);

    font-size: 20px;
}


.card:hover .card-arrow {
    transform: translateX(5px);

    background:
        rgba(201, 139, 39, .10);

    border-color: var(--gold);

    color: var(--ink);

    box-shadow:
        0 4px 10px rgba(201, 139, 39, .12);
}
*/


/* ==================================================
   EXPLORE TEXT
================================================== */

.explore11 {
    margin-top: auto;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: auto;

    color: var(--ink);

    text-decoration: none;

    font-family: var(--ui);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.2;

    text-align: center;

    white-space: nowrap;

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


.explore11 span {
    display: inline-block;

    font-size: 17px;

    line-height: 1;

    transition: transform .25s ease;
}


.card:hover .explore11 {
    color: var(--gold);

    transform: translateY(-1px);
}


.card:hover .explore11 span {
    transform: translateX(4px);
}


/* ==================================================
   CARD ENTRY ANIMATION
================================================== */

@keyframes basavaCardReveal {

    0% {
        opacity: 0;

        transform:
            translateY(22px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* ==================================================
   STAGGERED DESKTOP CARD DELAY
================================================== */

.cards .card:nth-child(1) {
    animation-delay: .05s;
}

.cards .card:nth-child(2) {
    animation-delay: .10s;
}

.cards .card:nth-child(3) {
    animation-delay: .15s;
}

.cards .card:nth-child(4) {
    animation-delay: .20s;
}

.cards .card:nth-child(5) {
    animation-delay: .25s;
}

.cards .card:nth-child(6) {
    animation-delay: .30s;
}

.cards .card:nth-child(7) {
    animation-delay: .35s;
}

.cards .card:nth-child(8) {
    animation-delay: .40s;
}

.cards .card:nth-child(9) {
    animation-delay: .45s;
}

.cards .card:nth-child(10) {
    animation-delay: .50s;
}

.cards .card:nth-child(11) {
    animation-delay: .55s;
}

.cards .card:nth-child(12) {
    animation-delay: .60s;
}

.cards .card:nth-child(13) {
    animation-delay: .65s;
}

.cards .card:nth-child(14) {
    animation-delay: .70s;
}


/* ==================================================
   CLOSING
================================================== */

.closing {
    text-align: center;

    padding-bottom: 34px;
}


.ornament.small span {
    width: 300px;
}


.ornament.small i {
    border: 0;

    width: auto;
    height: auto;

    font-size: 13px;
}


.closing p {
    margin: 13px 0 0;
}


.closing .basava-gold-stroke {
    margin: 18px auto 0;

    width: 60px;

    height: 2px;
}


/* ==================================================
   LOCKED BASAVA MANY DIMENSIONS RIBBON — V2.2
================================================== */

.ribbon-v22 {
    position: relative;

    height: 390px;

    overflow: hidden;

    background: #8d8373;

    isolation: isolate;
}


.ribbon-v22 .mural {
    position: absolute;

    left: 0;
    top: 0;

    width: 52%;
    height: 294px;

    background:
        url('../assets/anubhava_mantapa.jpg')
        center 44% / cover no-repeat;

    filter:
        sepia(.24)
        saturate(.70)
        contrast(.93)
        brightness(.78);

    z-index: 1;
}


.ribbon-v22 .mural:after {
    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(35, 24, 18, .35) 0%,
        rgba(42, 30, 23, .18) 68%,
        rgba(48, 34, 25, .30) 86%,
        rgba(48, 34, 25, .68) 100%
    );
}


.ribbon-v22 .kudala {
    position: absolute;

    left: 48%;
    right: 0;
    top: 0;

    height: 294px;

    background-color: #8e887d;

    background-image:
        linear-gradient(
            90deg,
            rgba(62, 45, 34, .62) 0%,
            rgba(65, 49, 38, .22) 19%,
            rgba(56, 43, 34, .10) 58%,
            rgba(45, 34, 27, .25) 100%
        ),
        url('../assets/kudala-sangama-v22-local.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center 38%;

    filter:
        saturate(.60)
        sepia(.20)
        contrast(.93)
        brightness(.82);

    z-index: 0;
}


.ribbon-v22 .kudala:after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(43, 29, 21, .58),
            transparent 27%
        ),
        linear-gradient(
            0deg,
            rgba(39, 23, 15, .40),
            transparent 43%,
            rgba(247, 241, 230, .03)
        );
}


.ribbon-v22 .basava-v22 {
    position: absolute;

    left: 45%;
    top: -2px;

    transform: translateX(-50%);

    width: 285px;
    height: 304px;

    background:
        url('../assets/basava_selected.png')
        center 28% / cover no-repeat;

    filter:
        sepia(.12)
        saturate(.76)
        contrast(.95)
        brightness(.90);

    z-index: 3;

    mask-image:
        radial-gradient(
            ellipse 62% 76% at 50% 48%,
            #000 52%,
            rgba(0, 0, 0, .96) 65%,
            rgba(0, 0, 0, .58) 79%,
            transparent 96%
        );

    -webkit-mask-image:
        radial-gradient(
            ellipse 62% 76% at 50% 48%,
            #000 52%,
            rgba(0, 0, 0, .96) 65%,
            rgba(0, 0, 0, .58) 79%,
            transparent 96%
        );
}


.ribbon-v22 .blend {
    position: absolute;

    left: 46%;
    top: 0;

    width: 15%;
    height: 294px;

    background: linear-gradient(
        90deg,
        rgba(67, 48, 36, .28),
        rgba(73, 54, 41, .08) 48%,
        transparent 100%
    );

    z-index: 2;

    pointer-events: none;
}


/* ==================================================
   BASAVA FACET STRIP
================================================== */

.facet-strip-v22 {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 100px;

    padding: 0 26px;

    background:
        rgba(70, 38, 22, .90);

    display: grid;

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

    align-items: stretch;

    z-index: 6;

    border-top:
        1px solid rgba(218, 158, 55, .45);
}


.facet-strip-v22 div {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    position: relative;

    gap: 4px;

    padding: 10px 12px;
}


.facet-strip-v22 div:not(:last-child):after {
    content: "";

    position: absolute;

    right: 0;
    top: 21%;

    height: 58%;

    width: 1px;

    background:
        rgba(214, 151, 46, .52);
}


.facet-strip-v22 strong {
    color: #e7a63c;

    font-family: var(--ui);

    font-size: 17px;

    line-height: 1.15;

    font-weight: 600;

    letter-spacing: .1px;
}


.facet-strip-v22 span {
    color: #fff8eb;

    font-family: var(--ui);

    font-size: 13px;

    line-height: 1.2;

    margin-top: 0;

    font-weight: 400;
}


/* ==========================================================
   BASAVA PAGE - FULL MOBILE RESPONSIVE
========================================================== */


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

@media (max-width: 900px) {

    .page-width {
        padding-left: 30px;
        padding-right: 30px;
    }


    /* ------------------------------------------
       BASAVA HERO
       Mobile/tablet behavior preserved
    ------------------------------------------ */

    .basava-hero {
        height: 500px;
    }


    .basava-hero > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }


    .basava-hero-shade {
        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, .62) 0%,
                rgba(18, 11, 7, .40) 42%,
                rgba(18, 11, 7, .74) 100%
            );
    }


    .basava-hero-content {
        position: absolute;
        inset: 0;

        transform: none;

        width: auto;

        padding-top: 35px;

        color: white;
    }


    .basava-crumbs {
        font-size: 14px;
        line-height: 1.7;

        margin-bottom: 0;
    }


    .basava-hero h1 {
        font-size: 58px;
        margin-top: 65px;
    }


    .basava-descriptor {
        font-size: 25px;
    }


    .basava-hero-intro {
        font-size: 19px;
    }


    /* ------------------------------------------
       REFLECTION
    ------------------------------------------ */

    .reflection {
        padding-top: 24px;
        padding-bottom: 45px;
    }


    .ornament {
        gap: 18px;
    }


    .ornament span {
        width: 180px;
    }


    /* ------------------------------------------
       SECTION HEADING
    ------------------------------------------ */

    .section-heading {
        gap: 18px;
    }


    .section-heading h2,
    .explore h2 {
        font-size: 21px;
        letter-spacing: 2px;
    }


    .section-heading p {
        font-size: 15px;
    }


    /* ------------------------------------------
       RIBBON
    ------------------------------------------ */

    .ribbon-v22 {
        height: 480px;
    }


    .ribbon-v22 .mural,
    .ribbon-v22 .kudala {
        height: 320px;
    }


    .ribbon-v22 .mural {
        width: 58%;
    }


    .ribbon-v22 .kudala {
        left: 44%;
    }


    .ribbon-v22 .basava-v22 {
        left: 50%;
        top: 8px;
        width: 235px;
        height: 275px;
    }


    /* ------------------------------------------
       FACET STRIP
    ------------------------------------------ */

    .facet-strip-v22 {
        height: 160px;
        grid-template-columns: repeat(3, 1fr);
        padding: 0;
    }


    .facet-strip-v22 div {
        padding: 10px 8px;
    }


    .facet-strip-v22 strong {
        font-size: 15px;
    }


    .facet-strip-v22 span {
        font-size: 12px;
    }


    /* ------------------------------------------
       EXPLORE
    ------------------------------------------ */

    .explore {
        padding-top: 50px;
        padding-bottom: 55px;
    }


    .explore-head {
        display: block;
    }


    .title-row {
        max-width: none;
        width: 100%;
    }


    .title-row .rule {
        display: block;
    }


    .carousel-meta {
        margin-top: 15px;
    }


    /* ------------------------------------------
       CARDS
    ------------------------------------------ */

    .card {
        flex-basis: calc((100% - 28px) / 3);
    }

}


/* ==========================================================
   MOBILE - 700px
========================================================== */

@media (max-width: 700px) {

    /* ------------------------------------------
       GENERAL
    ------------------------------------------ */

    .page-width {
        padding-left: 18px;
        padding-right: 18px;
    }


    /* ------------------------------------------
       BASAVA HERO
    ------------------------------------------ */

    .basava-hero {
        height: 500px;
    }


    .basava-hero > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }


    .basava-hero-shade {
        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, .65) 0%,
                rgba(18, 11, 7, .38) 40%,
                rgba(18, 11, 7, .72) 100%
            );
    }


    .basava-hero-content {
        padding-top: 25px;
    }


    /* ------------------------------------------
       BREADCRUMBS
    ------------------------------------------ */

    .basava-crumbs {
        font-size: 13px;
        line-height: 1.7;

        display: flex;
        flex-wrap: wrap;

        align-items: center;

        max-width: 100%;
    }


    .basava-crumbs b {
        padding: 0 6px;
    }


    /* ------------------------------------------
       HERO TITLE
    ------------------------------------------ */

    .basava-hero h1 {
        font-size: 48px;
        line-height: 1.05;

        margin-top: 90px;
        margin-bottom: 8px;
    }


    .basava-descriptor {
        font-size: 21px;
        line-height: 1.3;

        margin-bottom: 18px;
    }


    .basava-hero-intro {
        font-size: 17px;
        line-height: 1.5;

        max-width: 340px;
    }


    .basava-hero-intro br {
        display: none;
    }


    .basava-gold-stroke {
        width: 65px;
        height: 2px;
        margin-top: 20px;
    }


    /* ------------------------------------------
       REFLECTION
    ------------------------------------------ */

    .reflection {
        padding-top: 22px;
        padding-bottom: 38px;
    }


    .ornament {
        gap: 10px;
    }


    .ornament span {
        width: 65px;
    }


    .ornament i {
        width: 45px;
        height: 45px;

        font-size: 25px;
        flex-shrink: 0;
    }


    .reflection p,
    .closing p {
        font-size: 18px;
        line-height: 1.5;

        margin-top: 14px;
    }


    /* ------------------------------------------
       SECTION HEADING
    ------------------------------------------ */

    .section-heading {
        display: block;

        padding-bottom: 16px;
    }


    .section-heading h2,
    .explore h2 {
        font-size: 19px;

        letter-spacing: 1.7px;

        line-height: 1.35;

        white-space: normal;
    }


    .section-heading .rule {
        display: none;
    }


    .section-heading p {
        font-size: 14px;

        line-height: 1.5;

        white-space: normal;

        margin-top: 7px;
    }


    /* ------------------------------------------
       RIBBON
    ------------------------------------------ */

    .ribbon-v22 {
        height: 575px;
    }


    .ribbon-v22 .mural {
        left: 0;
        top: 0;

        width: 100%;
        height: 310px;

        background-position: center center;
    }


    .ribbon-v22 .kudala {
        left: 0;
        right: 0;

        top: 0;

        width: 100%;
        height: 310px;

        background-position: center center;
    }


    .ribbon-v22 .mural {
        opacity: .85;
    }


    .ribbon-v22 .kudala {
        opacity: .85;
    }


    .ribbon-v22 .blend {
        left: 0;
        top: 0;

        width: 100%;
        height: 310px;

        background:
            linear-gradient(
                90deg,
                rgba(67, 48, 36, .38),
                rgba(73, 54, 41, .10) 55%,
                transparent 100%
            );
    }


    .ribbon-v22 .basava-v22 {
        left: 50%;
        top: 10px;

        width: 235px;
        height: 285px;

        transform: translateX(-50%);
    }


    .explore11 {
        font-size: 12px;
        gap: 6px;
    }


    .explore11 span {
        font-size: 16px;
    }


    /* ------------------------------------------
       FACET STRIP
    ------------------------------------------ */

    .facet-strip-v22 {
        left: 0;
        right: 0;
        bottom: 0;

        height: 265px;

        padding: 0;

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


    .facet-strip-v22 div {
        min-height: 132px;

        padding: 12px 8px;

        gap: 5px;
    }


    .facet-strip-v22 div:not(:last-child):after {
        right: 0;
        top: 22%;

        height: 56%;
    }


    .facet-strip-v22 div:nth-child(2n):after {
        display: none;
    }


    .facet-strip-v22 strong {
        font-size: 15px;
        line-height: 1.2;
    }


    .facet-strip-v22 span {
        font-size: 12px;
        line-height: 1.3;
    }


    /* ------------------------------------------
       EXPLORE SECTION
    ------------------------------------------ */

    .explore {
        padding-top: 42px;
        padding-bottom: 48px;
    }


    .explore-head {
        display: block;

        margin-bottom: 18px;
    }


    .title-row {
        display: block;

        width: 100%;
        max-width: none;
    }


    .title-row .rule {
        display: none;
    }


    .explore h2 {
        font-size: 20px;
    }


    /* ------------------------------------------
       CAROUSEL META
    ------------------------------------------ */

    .carousel-meta {
        display: flex;

        width: 100%;

        margin-top: 14px;

        gap: 8px;

        align-items: center;
    }


    .carousel-meta em {
        flex: 1;

        font-size: 13px;

        line-height: 1.4;
    }


    .count {
        font-size: 13px;

        white-space: nowrap;
    }


    /* ------------------------------------------
       PREVIOUS / NEXT BUTTON
    ------------------------------------------ */

    .nav {
        width: 38px;
        height: 38px;

        flex-shrink: 0;

        font-size: 25px;
    }


    /* ------------------------------------------
       CAROUSEL
    ------------------------------------------ */

    .carousel-viewport {
        width: 100%;

        overflow: hidden;
    }


    .cards {
        gap: 12px;
    }


    /* ------------------------------------------
       MOBILE CARD
    ------------------------------------------ */

    .card {
        flex: 0 0 86%;

        min-width: 0;

        opacity: 0;

        transform:
            translateY(30px)
            scale(.98);

        animation: none !important;

        transition:
            opacity .65s ease,
            transform .65s cubic-bezier(.22, .61, .36, 1),
            box-shadow .35s ease,
            border-color .35s ease;
    }


    .card.mobile-visible {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }


    /* ------------------------------------------
       CARD IMAGE
    ------------------------------------------ */

    .card img {
        width: 100%;

        height: 190px;

        object-fit: cover;
    }


    /* ------------------------------------------
       CARD BODY
    ------------------------------------------ */

    .card-body {
        min-height: 145px;

        padding: 15px 15px 17px;
    }


    .eyebrow {
        font-size: 10px;

        letter-spacing: 1px;
    }


    .card h3 {
        font-size: 18px;

        line-height: 1.25;

        margin-top: 7px;
        margin-bottom: 12px;
    }


    .card-arrow {
        width: 32px;
        height: 32px;

        font-size: 18px;
    }


    /* ------------------------------------------
       CLOSING
    ------------------------------------------ */

    .closing {
        padding-bottom: 28px;
    }


    .ornament.small span {
        width: 65px;
    }


    .ornament.small i {
        font-size: 11px;
    }


    .closing p {
        font-size: 17px;

        line-height: 1.5;
    }


    .closing .basava-gold-stroke {
        width: 50px;

        margin-top: 15px;
    }

}


/* ==========================================================
   SMALL MOBILE - 480px
========================================================== */

@media (max-width: 480px) {

    .page-width {
        padding-left: 15px;
        padding-right: 15px;
    }


    /* ------------------------------------------
       BASAVA HERO
    ------------------------------------------ */

    .basava-hero {
        height: 480px;
    }


    .basava-hero-content {
        padding-top: 22px;
    }


    .basava-crumbs {
        font-size: 12px;

        line-height: 1.8;
    }


    .basava-crumbs b {
        padding: 0 4px;
    }


    .basava-hero h1 {
        font-size: 42px;

        margin-top: 75px;
    }


    .basava-descriptor {
        font-size: 19px;
    }


    .basava-hero-intro {
        font-size: 16px;

        max-width: 310px;
    }


    /* ------------------------------------------
       REFLECTION
    ------------------------------------------ */

    .ornament {
        gap: 7px;
    }


    .ornament span {
        width: 45px;
    }


    .ornament i {
        width: 42px;
        height: 42px;

        font-size: 23px;
    }


    .reflection p,
    .closing p {
        font-size: 17px;
    }


    /* ------------------------------------------
       SECTION
    ------------------------------------------ */

    .section-heading h2,
    .explore h2 {
        font-size: 17px;

        letter-spacing: 1.3px;
    }


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


    /* ------------------------------------------
       RIBBON
    ------------------------------------------ */

    .ribbon-v22 {
        height: 555px;
    }


    .ribbon-v22 .mural,
    .ribbon-v22 .kudala {
        height: 295px;
    }


    .ribbon-v22 .blend {
        height: 295px;
    }


    .ribbon-v22 .basava-v22 {
        width: 210px;
        height: 270px;

        top: 8px;
    }


    /* ------------------------------------------
       FACET
    ------------------------------------------ */

    .facet-strip-v22 {
        height: 260px;
    }


    .facet-strip-v22 div {
        min-height: 130px;

        padding: 10px 6px;
    }


    .facet-strip-v22 strong {
        font-size: 14px;
    }


    .facet-strip-v22 span {
        font-size: 11px;
    }


    /* ------------------------------------------
       EXPLORE
    ------------------------------------------ */

    .explore {
        padding-top: 38px;
        padding-bottom: 42px;
    }


    .carousel-meta {
        gap: 6px;
    }


    .carousel-meta em {
        font-size: 12px;
    }


    .nav {
        width: 36px;
        height: 36px;

        font-size: 23px;
    }


    .count {
        font-size: 12px;
    }


    /* ------------------------------------------
       CARD
    ------------------------------------------ */

    .card {
        flex-basis: 100%;
    }


    .card img {
        height: 175px;
    }


    .card-body {
        min-height: 140px;
    }


    .card h3 {
        font-size: 17px;
    }

}


/* ==========================================================
   VERY SMALL MOBILE - 360px
========================================================== */

@media (max-width: 360px) {

    .page-width {
        padding-left: 12px;
        padding-right: 12px;
    }


    /* ------------------------------------------
       BASAVA HERO
    ------------------------------------------ */

    .basava-hero {
        height: 460px;
    }


    .basava-hero h1 {
        font-size: 38px;

        margin-top: 68px;
    }


    .basava-descriptor {
        font-size: 18px;
    }


    .basava-hero-intro {
        font-size: 15px;
    }


    /* ------------------------------------------
       ORNAMENT
    ------------------------------------------ */

    .ornament span {
        width: 35px;
    }


    /* ------------------------------------------
       SECTION
    ------------------------------------------ */

    .section-heading h2,
    .explore h2 {
        font-size: 16px;
    }


    /* ------------------------------------------
       RIBBON
    ------------------------------------------ */

    .ribbon-v22 {
        height: 535px;
    }


    .ribbon-v22 .mural,
    .ribbon-v22 .kudala,
    .ribbon-v22 .blend {
        height: 285px;
    }


    .ribbon-v22 .basava-v22 {
        width: 195px;
        height: 255px;
    }


    /* ------------------------------------------
       FACET
    ------------------------------------------ */

    .facet-strip-v22 {
        height: 250px;
    }


    .facet-strip-v22 strong {
        font-size: 13px;
    }


    .facet-strip-v22 span {
        font-size: 10px;
    }


    /* ------------------------------------------
       CAROUSEL
    ------------------------------------------ */

    .carousel-meta em {
        font-size: 11px;
    }


    /* ------------------------------------------
       CARD
    ------------------------------------------ */

    .card {
        flex-basis: 92%;
    }

}

/* ////////////////////////////////////////ALLAMA PRABHU///////////////////////////////////////// */
/* =========================================
   ALLAMA PRABHU PAGE
=:root {

    --allama-navy: #102f4d;
    --allama-navy2: #071c2d;
    --allama-gold: #ad7621;
    --allama-cream: #f7f1e6;
    --allama-paper: #fbf8f1;
    --allama-umber: #69462e;
    --allama-ink: #24323a;

}


/* =========================================
   COMMON
========================================= */
:root {
    --allama-navy: #073653;
    --allama-ink: #102f4c;
    --allama-gold: #c99a50;
    --allama-gold-bright: #e0b451;
    --allama-stone: #f5f0e6;
    --allama-paper: #f8f3e9;
    --allama-white: #ffffff;
}


/* =========================================
   COMMON WIDTH
========================================= */

.allama-hero,
.allama-reflection,
.allama-section,
.allama-explore,
.allama-closing {
    width: 100%;
}


/* =========================================
   ALLAMA HERO
   SAME FORMAT AS GREAT SHARANAS / BASAVA
========================================= */

.allama-hero {
    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

    color: #fff;
}


/* =========================================
   HERO IMAGE
   IMAGE IS NOW IN BLADE
========================================= */

.allama-hero > img {
    display: block;

    width: 100%;

    height: auto;
}


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

.allama-hero-shade {
    position: absolute;

    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(15, 12, 10, .76) 0%,
        rgba(15, 12, 10, .42) 37%,
        rgba(15, 12, 10, .04) 68%
    );
}


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

.allama-hero-inner {
    position: absolute;

    left: 4.2vw;

    top: 50%;

    transform: translateY(-55%);

    width: min(620px, 50vw);

    z-index: 2;

    color: #fff;
}


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

.allama-crumb {
    font-size: 14px;

    margin-bottom: 58px;

    color: #f3eee7;
}


.allama-crumb a {
    color: #f3eee7;

    text-decoration: none;
}


.allama-crumb span:not(.allama-crumb-arrow) {
    color: #f3eee7;
}


.allama-crumb .allama-crumb-arrow {
    padding: 0 10px;

    color: #d3aa62;
}


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

.allama-hero h1 {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 68px;

    font-weight: 400;

    line-height: 1;

    margin: 0 0 14px;

    color: #fff;
}


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

.allama-descriptor {
    font-size: 24px;

    line-height: 1.25;

    color: #e0b451;

    margin: 0 0 16px;

    letter-spacing: .01em;
}


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

.allama-hero-intro {
    font-size: 18px;

    line-height: 1.45;

    max-width: 550px;

    margin: 0;

    color: #f4eee5;
}


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

@media (max-width: 1180px) {

    .allama-hero-inner {
        width: 70vw;
    }

}


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

@media (max-width: 720px) {

    .allama-hero {
        height: 500px;

        position: relative;

        overflow: hidden;
    }


    .allama-hero > img {
        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;
    }


    .allama-hero-shade {
        position: absolute;

        inset: 0;

        background: linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );
    }


    .allama-hero-inner {
        position: absolute;

        left: 24px;

        right: 24px;

        top: 34px;

        width: auto;

        transform: none;
    }


    .allama-crumb {
        margin-bottom: 95px;

        font-size: 12px;
    }


    .allama-hero h1 {
        font-size: 42px;

        line-height: 1.05;

        margin: 0 0 10px;
    }


    .allama-descriptor {
        font-size: 20px;
    }


    .allama-hero-intro {
        font-size: 16px;

        line-height: 1.45;

        max-width: 100%;

        margin: 0;
    }

}


/* =========================================
   REFLECTION
========================================= */

.allama-reflection {
    padding: 60px 5vw;

    text-align: center;

    background: #faf6ee;
}


.allama-orn {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    color: var(--allama-gold);

    margin-bottom: 24px;
}


.allama-orn::before,
.allama-orn::after {
    content: "";

    width: 120px;

    height: 1px;

    background: var(--allama-gold);
}


.allama-aum {
    border: 1px solid var(--allama-gold);

    border-radius: 50%;

    width: 38px;

    height: 38px;

    display: grid;

    place-items: center;

    font-family: Georgia, serif;
}


.allama-reflection p {
    font:
        24px/1.55
        Georgia,
        serif;

    color: #283f50;

    margin: auto;

    max-width: 900px;
}


/* =========================================
   MAIN SECTION
========================================= */

.allama-section {
    padding: 72px 5vw;
}


.allama-section-head {
    display: flex;

    align-items: center;

    gap: 26px;

    padding-bottom: 18px;
}


.allama-section-head h2 {
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: var(--allama-ink);

    white-space: nowrap;

    margin: 0;

    font-weight: 600;
}


.allama-rule {
    height: 1px;

    background: var(--allama-gold);

    flex: 1;
}


.allama-section-note {
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    color: var(--allama-ink);

    font-size: 16px;

    white-space: nowrap;

    margin: 0;

    font-style: normal;
}


/* =========================================
   ALLAMA RIBBON
========================================= */

.ribbon-v22.allama-ribbon-v22 {
    position: relative;

    width: 100%;

    height: 390px;

    overflow: hidden;

    background: #786b5c;

    isolation: isolate;
}


/* =========================================
   LEFT ALLAMA IMAGE
========================================= */

.ribbon-v22.allama-ribbon-v22
.mural.allama-mural {
    position: absolute;

    left: 0;

    top: 0;

    width: 49%;

    height: 100%;

    background:
        url('/assets/allama-prabhu/anubhava_mantapa_allama.jpg')
        center 58% / cover no-repeat;

    filter:
        sepia(.16)
        saturate(.78)
        contrast(.94)
        brightness(.82);

    z-index: 1;
}


/* =========================================
   RIGHT SHUNYA IMAGE
========================================= */

.ribbon-v22.allama-ribbon-v22
.kudala.allama-shunya {
    position: absolute;

    left: 49.4%;

    right: 0;

    top: 0;

    height: 100%;

    background:
        url('/assets/allama-prabhu/shunya_clean_scenic_crop.jpg')
        53% 52% / 118% auto no-repeat;

    background-color: #504a42;

    filter:
        sepia(.08)
        saturate(.78)
        contrast(.95)
        brightness(.88);

    z-index: 0;
}


/* =========================================
   RIGHT EDGE FEATHER
========================================= */

.ribbon-v22.allama-ribbon-v22
.kudala.allama-shunya::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(34, 28, 23, .42) 0%,
            transparent 10%,
            transparent 86%,
            rgba(30, 25, 21, .56) 100%
        );

    pointer-events: none;
}


/* =========================================
   CENTER ALLAMA IMAGE
========================================= */

.ribbon-v22.allama-ribbon-v22
.allama-center {
    position: absolute;

    left: 50%;

    top: -2px;

    transform: translateX(-50%);

    width: 330px;

    height: 292px;

    background:
        url('/assets/allama-prabhu/allama_center_authentic.jpg')
        center 18% / cover no-repeat;

    filter:
        sepia(.08)
        saturate(.82)
        contrast(.96)
        brightness(.91);

    z-index: 4;

    -webkit-mask-image:
        radial-gradient(
            ellipse 66% 84% at 50% 48%,
            #000 52%,
            rgba(0, 0, 0, .96) 67%,
            rgba(0, 0, 0, .62) 82%,
            transparent 98%
        );

    mask-image:
        radial-gradient(
            ellipse 66% 84% at 50% 48%,
            #000 52%,
            rgba(0, 0, 0, .96) 67%,
            rgba(0, 0, 0, .62) 82%,
            transparent 98%
        );
}


/* =========================================
   BLEND
========================================= */

.ribbon-v22.allama-ribbon-v22
.blend.allama-blend {
    position: absolute;

    left: 38%;

    top: 0;

    width: 31%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(87, 69, 53, .22) 55%,
            rgba(83, 64, 49, .10)
        );

    z-index: 3;

    pointer-events: none;
}


/* =========================================
   SHUNYA LABEL
========================================= */

.ribbon-v22.allama-ribbon-v22
.shunya-label {
    position: absolute;

    top: 50%;

    right: 1%;

    margin-top: -90px;

    left: auto;

    transform: translateY(-50%);

    z-index: 6;

    color: #edb64a;

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

    font-size: 20px;

    line-height: 1.12;

    font-style: italic;

    font-weight: 500;

    letter-spacing: .08em;

    text-align: center;

    text-shadow:
        0 1px 2px rgba(31, 22, 16, .88),
        0 0 5px rgba(31, 22, 16, .28);

    pointer-events: none;

    padding: 14px 18px;

    border-left:
        1px solid rgba(218, 158, 55, .65);

    background:
        linear-gradient(
            90deg,
            rgba(70, 48, 35, .10),
            rgba(70, 48, 35, .38)
        );
}


.ribbon-v22.allama-ribbon-v22
.shunya-label::before {
    content: "";

    display: block;

    width: 42px;

    height: 1px;

    margin: 0 auto 10px;

    background: rgba(218, 158, 55, .75);
}


.ribbon-v22.allama-ribbon-v22
.shunya-label::after {
    content: "";

    display: block;

    width: 42px;

    height: 1px;

    margin: 10px auto 0;

    background: rgba(218, 158, 55, .75);
}


/* =========================================
   FACET STRIP
========================================= */

.ribbon-v22.allama-ribbon-v22
.facet-strip-v22 {
    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100px;

    padding: 0 26px;

    display: grid;

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

    background:
        rgba(70, 38, 22, .90);

    border-top:
        1px solid rgba(218, 158, 55, .45);

    color: #fff;

    z-index: 7;
}


/* =========================================
   FACET ITEMS
========================================= */

.ribbon-v22.allama-ribbon-v22
.facet-strip-v22 > div {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    position: relative;

    gap: 4px;

    padding: 10px 12px;
}


/* =========================================
   FACET DIVIDERS
========================================= */

.ribbon-v22.allama-ribbon-v22
.facet-strip-v22 > div:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;

    top: 21%;

    height: 58%;

    width: 1px;

    background:
        rgba(214, 151, 46, .52);
}


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

.ribbon-v22.allama-ribbon-v22
.facet-strip-v22 strong {
    display: block;

    color: #e7a63c;

    font-size: 17px;

    line-height: 1.15;

    font-weight: 600;

    margin: 0;
}


/* =========================================
   FACET DESCRIPTION
========================================= */

.ribbon-v22.allama-ribbon-v22
.facet-strip-v22 span {
    display: block;

    color: #fff8eb;

    font-size: 13px;

    line-height: 1.2;

    margin: 0;
}


/* =========================================
   EXPLORE
========================================= */

.allama-explore {
    width: min(1440px, 100%);

    margin: 0 auto;

    padding: 58px 46px 64px;

    background: #f8f3e9;

    overflow: hidden;
}


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

.allama-explore-head {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 22px;
}


.allama-title-row {
    display: flex;

    align-items: center;

    gap: 24px;

    flex: 1;

    min-width: 0;
}


.allama-title-row h2 {
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: var(--allama-ink);

    white-space: nowrap;

    margin: 0;

    font-weight: 600;
}


.allama-title-rule {
    height: 1px;

    background: var(--allama-gold);

    flex: 1;
}


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

.allama-carousel-meta {
    display: flex;

    align-items: center;

    gap: 12px;

    flex-shrink: 0;
}


.allama-carousel-meta em {
    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    color: var(--allama-ink);

    font-size: 15px;

    white-space: nowrap;
}


.allama-nav {
    width: 34px;

    height: 34px;

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

    border-radius: 50%;

    background: transparent;

    color: var(--allama-ink);

    font-size: 23px;

    line-height: 1;

    cursor: pointer;

    display: grid;

    place-items: center;

    padding: 0;

    flex-shrink: 0;

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


.allama-nav:hover {
    background: var(--allama-gold);

    color: #fff;

    transform: scale(1.08);
}


.allama-nav:active {
    transform: scale(.94);
}


.allama-nav:focus-visible {
    outline:
        2px solid var(--allama-gold);

    outline-offset: 3px;
}


.allama-count {
    min-width: 42px;

    text-align: center;

    font-size: 13px;

    color: var(--allama-ink);
}


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

.allama-carousel-viewport {
    width: 100%;

    overflow: hidden;
}


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

.allama-cards {
    display: flex;

    flex-wrap: nowrap;

    gap: 14px;

    width: max-content;

    transform:
        translate3d(0, 0, 0);

    transition:
        transform .70s cubic-bezier(.16, 1, .3, 1);

    will-change: transform;
}


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

.allama-card {
    flex:
        0 0
        calc((min(100%, 1348px) - 70px) / 6);

    width:
        calc((min(100%, 1348px) - 70px) / 6);

    min-width: 0;

    background: #fbf7ee;

    border:
        1px solid #e3d7c5;

    border-radius: 6px;

    box-shadow:
        0 4px 12px rgba(74, 51, 30, .10);

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    display: flex;

    flex-direction: column;

    position: relative;

    transform:
        translate3d(0, 0, 0);

    transition:
        transform .45s cubic-bezier(.16, 1, .3, 1),
        box-shadow .45s ease,
        border-color .4s ease;

    will-change: transform;
}


/* =========================================
   CARD TEXT ALIGNMENT
========================================= */

.allama-card .allama-card-body {
    text-align: center;

    align-items: center;

    width: 100%;
}


.allama-card .allama-eyebrow {
    text-align: center;
}


.allama-card h3 {
    text-align: center;
}


.allama-card .explore11 {
    text-align: center;
}


/* =========================================
   CARD HOVER - DESKTOP
========================================= */

@media (min-width: 851px) {

    .allama-card:hover {
        transform:
            translate3d(0, -9px, 0);

        box-shadow:
            0 18px 35px rgba(74, 51, 30, .18);

        border-color:
            rgba(173, 118, 33, .60);
    }


    .allama-card:hover img {
        transform:
            scale(1.07)
            translate3d(0, 0, 0);

        filter:
            brightness(.95)
            saturate(1.06);
    }


    .allama-card:hover .allama-eyebrow {
        letter-spacing: 1.15px;

        color: #a86e1f;
    }


    .allama-card:hover h3 {
        color: var(--allama-navy);

        transform:
            translate3d(0, -2px, 0);
    }


    .allama-card:hover .explore11 {
        color: var(--allama-gold);

        transform:
            translateY(-1px);
    }


    .allama-card:hover .explore11 span {
        transform:
            translateX(4px);
    }


    .allama-card:hover .allama-card-arrow {
        transform:
            translate3d(6px, 0, 0);

        background: var(--allama-gold);

        color: #fff;

        border-color:
            var(--allama-gold);
    }

}


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

.allama-card img {
    width: 100%;

    height: 160px;

    object-fit: cover;

    object-position: center center;

    display: block;

    background: #efe7da;

    transform:
        scale(1)
        translate3d(0, 0, 0);

    transition:
        transform .75s cubic-bezier(.16, 1, .3, 1),
        filter .55s ease;

    will-change: transform;
}


/* =========================================
   CARD 3 & 4 IMAGE
========================================= */

.allama-card:nth-child(3) img,
.allama-card:nth-child(4) img {
    object-fit: contain;

    object-position: center center;

    background: #efe7da;
}


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

.allama-card-body {
    padding:
        16px 16px 18px;

    min-height: 150px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    width: 100%;

    transition:
        background-color .35s ease;
}


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

.allama-eyebrow {
    color: #a86e1f;

    text-transform: uppercase;

    letter-spacing: 1.05px;

    font-family:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 11px;

    line-height: normal;

    font-weight: 650;

    margin: 0;

    transition:
        color .3s ease,
        letter-spacing .3s ease;
}


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

.allama-card h3 {
    font-family:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 19px;

    line-height: 1.18;

    font-weight: 600;

    letter-spacing: -.15px;

    margin:
        7px 0 12px;

    color: var(--allama-navy);

    text-align: center;

    transition:
        color .3s ease,
        transform .3s ease;
}


/* =========================================
   EXPLORE TEXT
========================================= */

.allama-card .explore11 {
    margin-top: auto;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: auto;

    color: var(--allama-navy);

    text-decoration: none;

    font-family:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.2;

    text-align: center;

    white-space: nowrap;

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


.allama-card .explore11 span {
    display: inline-block;

    font-size: 17px;

    line-height: 1;

    transition:
        transform .25s ease;
}


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

.allama-card-arrow {
    margin-top: auto;

    width: 34px;

    height: 34px;

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

    border-radius: 50%;

    display: grid;

    place-items: center;

    color: var(--allama-ink);

    font-size: 20px;

    transform:
        translate3d(0, 0, 0);

    transition:
        transform .45s cubic-bezier(.16, 1, .3, 1),
        background .35s ease,
        color .35s ease,
        border-color .35s ease;
}


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

@keyframes allamaCardReveal {

    0% {
        opacity: 0;

        transform:
            translate3d(0, 30px, 0)
            scale(.97);
    }

    70% {
        opacity: 1;

        transform:
            translate3d(0, -2px, 0)
            scale(1.005);
    }

    100% {
        opacity: 1;

        transform:
            translate3d(0, 0, 0)
            scale(1);
    }

}


.allama-card {
    animation:
        allamaCardReveal
        .75s
        cubic-bezier(.16, 1, .3, 1)
        both;
}


/* =========================================
   STAGGER
========================================= */

.allama-card:nth-child(1) {
    animation-delay: .05s;
}

.allama-card:nth-child(2) {
    animation-delay: .10s;
}

.allama-card:nth-child(3) {
    animation-delay: .15s;
}

.allama-card:nth-child(4) {
    animation-delay: .20s;
}

.allama-card:nth-child(5) {
    animation-delay: .25s;
}

.allama-card:nth-child(6) {
    animation-delay: .30s;
}

.allama-card:nth-child(7) {
    animation-delay: .35s;
}

.allama-card:nth-child(8) {
    animation-delay: .40s;
}

.allama-card:nth-child(9) {
    animation-delay: .45s;
}


/* =========================================
   CLOSING
========================================= */

.allama-closing {
    padding:
        55px 5vw 70px;

    text-align: center;

    background: #faf6ee;
}


.allama-goldline {
    width: 100px;

    height: 1px;

    background: var(--allama-gold);

    margin:
        0 auto 25px;
}


.allama-closing p {
    max-width: 850px;

    margin: auto;

    font-family: Georgia, serif;

    font-size: 22px;

    line-height: 1.5;

    color: #283f50;
}


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

@media (max-width: 1050px) {

    .allama-card {
        flex-basis:
            calc((100vw - 44px - 28px) / 3);

        width:
            calc((100vw - 44px - 28px) / 3);
    }

}


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

@media (max-width: 850px) {

    .allama-section-head {
        display: block;
    }


    .allama-section-head .allama-rule {
        display: none;
    }


    .allama-section-note {
        white-space: normal;

        margin-top: 8px;
    }


    /* =====================================
       RIBBON
    ===================================== */

    .ribbon-v22.allama-ribbon-v22 {
        height: 360px;
    }


    .ribbon-v22.allama-ribbon-v22
    .mural.allama-mural {
        width: 48%;
    }


    .ribbon-v22.allama-ribbon-v22
    .kudala.allama-shunya {
        left: 48%;
    }


    .ribbon-v22.allama-ribbon-v22
    .allama-center {
        width: 290px;

        height: 260px;

        top: 0;

        background-position:
            center 18%;

        background-size: cover;
    }


    .ribbon-v22.allama-ribbon-v22
    .shunya-label {
        right: 4%;

        font-size: 17px;

        padding: 10px 12px;

        letter-spacing: .07em;
    }


    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 {
        height: 144px;

        padding: 0;

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


    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 > div {
        min-height: 72px;

        padding:
            8px 10px;
    }


    /* =====================================
       EXPLORE
    ===================================== */

    .allama-explore {
        width: 100%;

        padding:
            46px 22px 64px;
    }


    .allama-explore-head {
        display: block;

        margin-bottom: 18px;
    }


    .allama-title-row {
        display: block;
    }


    .allama-title-row h2 {
        font-size: 19px;

        letter-spacing: 2px;

        white-space: normal;
    }


    .allama-title-rule {
        display: none;
    }


    .allama-carousel-meta {
        width: 100%;

        margin-top: 12px;

        display: flex;

        align-items: center;
    }


    .allama-carousel-meta em {
        flex: 1;

        min-width: 0;

        white-space: normal;

        font-size: 14px;

        line-height: 1.4;
    }


    .allama-cards {
        gap: 14px;

        width: max-content;

        transform:
            translate3d(0, 0, 0);

        transition:
            transform .75s cubic-bezier(.16, 1, .3, 1);

        will-change: transform;
    }


    .allama-card {
        flex:
            0 0
            calc(100vw - 44px);

        width:
            calc(100vw - 44px);

        min-width:
            calc(100vw - 44px);

        animation:
            allamaMobileCardReveal
            .85s
            cubic-bezier(.16, 1, .3, 1)
            both;

        transform:
            translate3d(0, 0, 0)
            scale(1);

        transition:
            transform .45s cubic-bezier(.16, 1, .3, 1),
            box-shadow .45s ease,
            border-color .4s ease;

        will-change: transform;

        -webkit-tap-highlight-color:
            transparent;
    }


    /* =====================================
       MOBILE CARD ANIMATION
    ===================================== */

    @keyframes allamaMobileCardReveal {

        0% {
            opacity: 0;

            transform:
                translate3d(0, 35px, 0)
                scale(.96);
        }

        65% {
            opacity: 1;

            transform:
                translate3d(0, -3px, 0)
                scale(1.01);
        }

        100% {
            opacity: 1;

            transform:
                translate3d(0, 0, 0)
                scale(1);
        }

    }


    .allama-card:active {
        transform:
            translate3d(0, -4px, 0)
            scale(.985);

        box-shadow:
            0 16px 30px rgba(74, 51, 30, .16);

        border-color:
            rgba(173, 118, 33, .60);
    }


    .allama-card img {
        height: 190px;

        transform:
            scale(1)
            translate3d(0, 0, 0);

        transition:
            transform .8s cubic-bezier(.16, 1, .3, 1),
            filter .55s ease;

        will-change: transform;
    }


    .allama-card:active img {
        transform:
            scale(1.045)
            translate3d(0, 0, 0);

        filter:
            brightness(.96)
            saturate(1.04);
    }


    /* =====================================
       MOBILE CARD BODY
    ===================================== */

    .allama-card-body {
        min-height: 145px;

        padding:
            16px 16px 18px;

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

        width: 100%;
    }


    .allama-eyebrow {
        font-family:
            "Aptos",
            "Segoe UI",
            Arial,
            sans-serif;

        font-size: 10px;

        line-height: normal;

        letter-spacing: 1px;

        font-weight: 650;

        text-align: center;
    }


    .allama-card h3 {
        font-family:
            "Aptos",
            "Segoe UI",
            Arial,
            sans-serif;

        font-size: 18px;

        line-height: 1.25;

        font-weight: 600;

        letter-spacing: -.15px;

        margin:
            7px 0 12px;

        text-align: center;

        transform:
            translate3d(0, 0, 0);

        transition:
            transform .4s cubic-bezier(.16, 1, .3, 1),
            color .4s ease;
    }


    .allama-card:active h3 {
        transform:
            translate3d(2px, 0, 0);

        color:
            var(--allama-navy);
    }


    .allama-card:active .allama-eyebrow {
        letter-spacing: 1.3px;

        color: #8f5f19;
    }


    .allama-card .explore11 {
        font-family:
            "Aptos",
            "Segoe UI",
            Arial,
            sans-serif;

        font-size: 12px;

        font-weight: 600;

        line-height: 1.2;

        gap: 6px;

        text-align: center;
    }


    .allama-card .explore11 span {
        font-size: 16px;

        line-height: 1;
    }


    .allama-card-arrow {
        transition:
            transform .5s cubic-bezier(.16, 1, .3, 1),
            background .4s ease,
            color .4s ease,
            border-color .4s ease;
    }


    .allama-card:active .allama-card-arrow {
        transform:
            translate3d(6px, 0, 0);

        background:
            var(--allama-gold);

        color: #fff;

        border-color:
            var(--allama-gold);
    }


    .allama-closing {
        padding:
            50px 22px 65px;
    }


    .allama-closing p {
        font-size: 20px;
    }

}


/* =========================================
   MOBILE HERO
   SAME AS GREAT SHARANAS / BASAVA
========================================= */

@media (max-width: 720px) {

    .allama-hero {
        height: 500px;

        position: relative;

        overflow: hidden;
    }


    .allama-hero > img {
        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;
    }


    .allama-hero-shade {
        position: absolute;

        inset: 0;

        background: linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );
    }


    .allama-hero-inner {
        position: absolute;

        left: 24px;

        right: 24px;

        top: 34px;

        width: auto;

        transform: none;
    }


    .allama-crumb {
        margin-bottom: 95px;

        font-size: 12px;
    }


    .allama-hero h1 {
        font-size: 42px;

        line-height: 1.05;

        margin: 0 0 10px;
    }


    .allama-descriptor {
        font-size: 20px;
    }


    .allama-hero-intro {
        font-size: 16px;

        line-height: 1.45;

        max-width: 100%;

        margin: 0;

        text-align: left;
    }


    .allama-hero-intro br {
        display: none;
    }

}


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

@media (max-width: 480px) {

    .allama-hero {
        height: 480px;
    }


    .allama-hero-intro {
        font-size: 16px;

        line-height: 1.5;

        max-width: 100%;
    }

}


/* =========================================
   VERY SMALL HERO
========================================= */

@media (max-width: 360px) {

    .allama-hero {
        height: 460px;
    }


    .allama-hero h1 {
        font-size: 38px;
    }


    .allama-descriptor {
        font-size: 18px;
    }


    .allama-hero-intro {
        font-size: 15px;

        line-height: 1.5;
    }

}


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

@media (max-width: 600px) {

    .allama-section {
        padding:
            50px 22px;
    }


    .allama-section-head h2 {
        font-size: 18px;

        white-space: normal;

        letter-spacing: 2px;
    }


    .allama-section-note {
        font-size: 14px;
    }


    /* =====================================
       RIBBON
    ===================================== */

    .ribbon-v22.allama-ribbon-v22 {
        height: 374px;

        background:
            #786b5c;
    }


    /* =====================================
       HIDE LEFT IMAGE
    ===================================== */

    .ribbon-v22.allama-ribbon-v22
    .mural.allama-mural {
        display: none !important;
    }


    /* =====================================
       HIDE RIGHT IMAGE
    ===================================== */

    .ribbon-v22.allama-ribbon-v22
    .kudala.allama-shunya {
        display: none !important;
    }


    /* =====================================
       HIDE BLEND
    ===================================== */

    .ribbon-v22.allama-ribbon-v22
    .blend.allama-blend {
        display: none !important;
    }


    /* =====================================
       CENTER ALLAMA IMAGE
    ===================================== */

    .ribbon-v22.allama-ribbon-v22
    .allama-center {
        display: block !important;

        position: absolute;

        left: 50%;

        top: 5px;

        transform:
            translateX(-50%);

        width: 245px;

        height: 235px;

        background-image:
            url('/assets/allama-prabhu/allama_center_authentic.jpg') !important;

        background-position:
            center center !important;

        background-size:
            contain !important;

        background-repeat:
            no-repeat !important;

        background-color:
            transparent;

        filter:
            sepia(.04)
            saturate(.88)
            contrast(.97)
            brightness(.94);

        z-index: 4;

        -webkit-mask-image:
            none !important;

        mask-image:
            none !important;
    }


    /* =====================================
       SHUNYA LABEL
    ===================================== */

    .ribbon-v22.allama-ribbon-v22
    .shunya-label {
        top: 120px;

        right: 8px;

        left: auto;

        transform: none;

        font-size: 13px;

        line-height: 1.3;

        letter-spacing: .04em;

        padding:
            7px 6px;

        color: #edb64a;

        border-left:
            1px solid rgba(218, 158, 55, .55);

        background:
            linear-gradient(
                90deg,
                rgba(70, 48, 35, .04),
                rgba(70, 48, 35, .28)
            );
    }


    .ribbon-v22.allama-ribbon-v22
    .shunya-label::before,
    .ribbon-v22.allama-ribbon-v22
    .shunya-label::after {
        width: 25px;
    }


    .ribbon-v22.allama-ribbon-v22
    .shunya-label::before {
        margin:
            0 auto 6px;
    }


    .ribbon-v22.allama-ribbon-v22
    .shunya-label::after {
        margin:
            6px auto 0;
    }


    /* =====================================
       FACETS
    ===================================== */

    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 {
        height: 144px;

        padding: 0;

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


    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 > div {
        min-height: 72px;

        padding:
            8px 8px;
    }


    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 strong {
        font-size: 15px;
    }


    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 span {
        font-size: 11px;
    }


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

    .allama-card img {
        height: 180px;
    }


    /* =====================================
       CLOSING
    ===================================== */

    .allama-closing p {
        font-size: 19px;
    }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .ribbon-v22.allama-ribbon-v22 {
        height: 360px;
    }


    .ribbon-v22.allama-ribbon-v22
    .allama-center {
        width: 220px;

        height: 220px;

        top: 4px;
    }


    .ribbon-v22.allama-ribbon-v22
    .shunya-label {
        right: 5px;

        top: 112px;

        font-size: 12px;

        padding:
            6px 5px;

        letter-spacing: .03em;
    }


    .ribbon-v22.allama-ribbon-v22
    .facet-strip-v22 {
        height: 144px;
    }


    .allama-explore {
        padding-left: 16px;

        padding-right: 16px;
    }


    .allama-card {
        flex-basis:
            calc(100vw - 32px);

        width:
            calc(100vw - 32px);

        min-width:
            calc(100vw - 32px);
    }


    .allama-card img {
        height: 180px;
    }


    .allama-card-body {
        min-height: 140px;

        padding:
            15px 15px 17px;
    }


    .allama-eyebrow {
        font-family:
            "Aptos",
            "Segoe UI",
            Arial,
            sans-serif;

        font-size: 10px;

        letter-spacing: 1px;

        font-weight: 650;
    }


    .allama-card h3 {
        font-family:
            "Aptos",
            "Segoe UI",
            Arial,
            sans-serif;

        font-size: 17px;

        line-height: 1.25;

        font-weight: 600;

        letter-spacing: -.15px;

        margin:
            7px 0 12px;
    }


    .allama-card .explore11 {
        font-family:
            "Aptos",
            "Segoe UI",
            Arial,
            sans-serif;

        font-size: 12px;

        gap: 6px;
    }


    .allama-card .explore11 span {
        font-size: 16px;
    }

}


/* =========================================
   REDUCED MOTION
========================================= */

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

    .allama-cards,
    .allama-card,
    .allama-card img,
    .allama-card h3,
    .allama-card-arrow,
    .allama-eyebrow,
    .allama-nav {
        animation: none !important;

        transition: none !important;
    }

}
/* ////////////////////////////////////////akka-mahadevi/////////////////////////////////////////////// */
/* =========================================================
   AKKA MAHADEVI PAGE
   SAME STRUCTURE / STYLE AS ALLAMA PRABHU
========================================================= */
:root {

    --akka-navy: #073653;
    --akka-navy2: #05304a;
    --akka-ink: #0b3557;
    --akka-gold: #c98b27;
    --akka-cream: #f8f3e9;
    --akka-paper: #fbf8f1;
    --akka-umber: #49331f;
    --akka-line: #d5a35a;

    --akka-serif:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    --akka-ui:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    --akka-max: 1440px;
}


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

.akka-page {

    width: 100%;
    overflow: hidden;

    background: var(--akka-cream);

    color: #2c241d;

    font-family: var(--akka-serif);
}


.akka-page * {
    box-sizing: border-box;
}


.akka-page img {
    max-width: 100%;
}


/* =========================================================
   HERO
   SAME FORMAT AS GREAT SHARANAS / BASAVA / ALLAMA
========================================================= */

.akka-hero {

    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

    color: #fff;
}


/* HERO IMAGE
   Desktop par natural image height maintain hogi.
   Image compress nahi hogi.
*/

.akka-hero > img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: initial;

    object-position: center center;
}


/* HERO SHADE */

.akka-hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );

    pointer-events: none;
}


/* HERO CONTENT */

.akka-hero-content {

    position: absolute;

    left: 4.2vw;

    top: 50%;

    transform: translateY(-55%);

    width: min(620px, 50vw);

    margin: 0;

    padding: 0;

    z-index: 2;

    color: #fff;
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.akka-crumb {

    font-size: 14px;

    line-height: 1.4;

    color: #f3eee7;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin: 0 0 58px;

    padding: 0;
}


.akka-crumb a {

    color: #f3eee7;

    text-decoration: none;
}


.akka-crumb span {

    color: #f3eee7;
}


.akka-crumb b {

    color: #d3aa62;

    padding: 0 10px;

    font-weight: 400;
}


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

.akka-hero h1 {

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

    font-size: 68px;

    line-height: 1;

    font-weight: 400;

    margin: 0 0 14px;

    color: #fff;
}


/* =========================================================
   DESCRIPTOR
========================================================= */

.akka-descriptor {

    font-size: 24px;

    line-height: 1.25;

    color: #e0b451;

    margin: 0 0 16px;

    letter-spacing: .01em;

    font-family: var(--akka-serif);
}


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

.akka-hero-intro {

    font-size: 18px;

    line-height: 1.45;

    max-width: 550px;

    margin: 0;

    color: #f4eee5;

    font-family: var(--akka-serif);
}


.akka-hero-intro br {

    display: block;
}


/* =========================================================
   GOLD STROKE
========================================================= */

.akka-gold-stroke {

    display: block;

    width: 72px;

    height: 3px;

    background: #d2a23c;

    margin-top: 24px;
}


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

@media (max-width: 1180px) {

    .akka-hero-content {

        width: 70vw;
    }

}


/* =========================================================
   PARCHMENT
========================================================= */

.akka-parchment {

    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
}


/* =========================================================
   REFLECTION
========================================================= */

.akka-reflection {

    padding-top: 28px;

    padding-bottom: 52px;

    text-align: center;
}


.akka-ornament {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 24px;
}


.akka-ornament span {

    height: 1px;

    background: var(--akka-line);

    width: 330px;
}


.akka-ornament i {

    font-style: normal;

    color: var(--akka-gold);

    border: 1px solid #d8ad6b;

    border-radius: 50%;

    width: 54px;

    height: 54px;

    display: grid;

    place-items: center;

    font-size: 31px;

    flex-shrink: 0;
}


.akka-reflection p,
.akka-closing p {

    font-style: italic;

    color: var(--akka-ink);

    font-size: 21px;

    line-height: 1.5;

    margin: 16px 0 0;
}


/* =========================================================
   DIMENSIONS
========================================================= */

.akka-dimensions {

    width: 100%;
}


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

.akka-section-heading {

    display: flex;

    align-items: center;

    gap: 26px;

    padding:
        0 46px 18px;

    max-width: var(--akka-max);

    margin: auto;
}


.akka-section-heading h2 {

    font-size: 23px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: var(--akka-ink);

    white-space: nowrap;

    margin: 0;

    font-family: var(--akka-serif);

    font-weight: 600;
}


.akka-rule {

    height: 1px;

    background: var(--akka-line);

    flex: 1;
}


.akka-section-heading p {

    color: var(--akka-ink);

    font-size: 16px;

    white-space: nowrap;

    margin: 0;

    font-family: var(--akka-serif);
}


/* =========================================================
   AKKA RIBBON
========================================================= */

.akka-ribbon {

    position: relative;

    height: 390px;

    overflow: hidden;

    background: #8d8373;

    isolation: isolate;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.akka-mural {

    position: absolute;

    left: 0;
    top: 0;

    width: 910px;
    height: 294px;

    background:
        url('../assets/akka-mahadevi/akka_journey_v2.png')
        1% center / contain no-repeat;

    filter:
        sepia(.24)
        saturate(.70)
        contrast(.93)
        brightness(.78);

    z-index: 1;

    margin-left: -6px;
}


.akka-mural::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(35, 24, 18, .35) 0%,
            rgba(42, 30, 23, .18) 68%,
            rgba(48, 34, 25, .30) 86%,
            rgba(48, 34, 25, .68) 100%
        );
}


/* =========================================================
   RIGHT IMAGE
========================================================= */

.akka-mantapa {

    position: absolute;

    left: 48%;
    right: 0;
    top: 0;

    height: 294px;
    width: 900px;

    background-color: #8e887d;

    background-image:
        linear-gradient(
            90deg,
            rgba(62, 45, 34, .62) 0%,
            rgba(65, 49, 38, .22) 19%,
            rgba(56, 43, 34, .10) 58%,
            rgba(45, 34, 27, .25) 100%
        ),
        url('../assets/akka-mahadevi/akka_anubhava_mantapa.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center 38%;

    filter:
        saturate(.60)
        sepia(.20)
        contrast(.93)
        brightness(.82);

    z-index: 0;
}


.akka-mantapa::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(43, 29, 21, .58),
            transparent 27%
        ),
        linear-gradient(
            0deg,
            rgba(39, 23, 15, .40),
            transparent 43%,
            rgba(247, 241, 230, .03)
        );
}


/* =========================================================
   CENTER IMAGE
========================================================= */

.akka-center {

    position: absolute;

    left: 42%;
    top: -2px;

    transform: translateX(-50%);

    width: 400px;
    height: 304px;

    background:
        url('../assets/akka-mahadevi/akka_center_v2.png')
        center 28% / cover no-repeat;

    filter:
        sepia(.12)
        saturate(.76)
        contrast(.95)
        brightness(.90);

    z-index: 3;

    mask-image:
        radial-gradient(
            ellipse 62% 76% at 50% 48%,
            #000 52%,
            rgba(0, 0, 0, .96) 65%,
            rgba(0, 0, 0, .58) 79%,
            transparent 96%
        );

    -webkit-mask-image:
        radial-gradient(
            ellipse 62% 76% at 50% 48%,
            #000 52%,
            rgba(0, 0, 0, .96) 65%,
            rgba(0, 0, 0, .58) 79%,
            transparent 96%
        );
}


/* =========================================================
   BLEND
========================================================= */

.akka-blend {

    position: absolute;

    left: 46%;
    top: 0;

    width: 15%;
    height: 294px;

    background:
        linear-gradient(
            90deg,
            rgba(67, 48, 36, .28),
            rgba(73, 54, 41, .08) 48%,
            transparent 100%
        );

    z-index: 2;

    pointer-events: none;
}


/* =========================================================
   FACET STRIP
========================================================= */

.akka-facet-strip {

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 100px;

    padding: 0 26px;

    background:
        rgba(70, 38, 22, .94);

    display: grid;

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

    align-items: stretch;

    z-index: 10;

    border-top:
        1px solid rgba(218, 158, 55, .55);
}


.akka-facet-strip > div {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    position: relative;

    gap: 4px;

    padding: 10px 12px;
}


.akka-facet-strip > div:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;

    top: 21%;

    height: 58%;

    width: 1px;

    background:
        rgba(214, 151, 46, .52);
}


.akka-facet-strip strong {

    color: #e7a63c;

    font-family: var(--akka-ui);

    font-size: 17px;

    line-height: 1.15;

    font-weight: 600;

    letter-spacing: .1px;
}


.akka-facet-strip span {

    color: #fff8eb;

    font-family: var(--akka-ui);

    font-size: 13px;

    line-height: 1.2;

    margin-top: 0;

    font-weight: 400;
}


/* =========================================================
   EXPLORE
========================================================= */

.akka-explore {

    max-width: var(--akka-max);

    margin: auto;

    padding:
        58px 46px 64px;
}


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

.akka-explore-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 22px;
}


.akka-title-row {

    display: flex;

    align-items: center;

    gap: 24px;

    flex: 1;

    max-width: 760px;
}


.akka-title-row h2 {

    font-size: 23px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: var(--akka-ink);

    white-space: nowrap;

    margin: 0;

    font-family: var(--akka-serif);

    font-weight: 600;
}


.akka-title-rule {

    height: 1px;

    background: var(--akka-line);

    flex: 1;
}


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

.akka-carousel-meta {

    display: flex;

    align-items: center;

    gap: 18px;

    color: var(--akka-ink);
}


.akka-carousel-meta em {

    font-size: 15px;

    font-family: var(--akka-serif);

    white-space: nowrap;
}


.akka-count {

    font-size: 14px;

    color: var(--akka-ink);

    white-space: nowrap;
}


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

.akka-nav {

    width: 42px;

    height: 42px;

    border-radius: 50%;

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

    background: #fffaf1;

    color: var(--akka-ink);

    font-size: 29px;

    line-height: 1;

    cursor: pointer;

    transition:
        transform .25s ease,
        background-color .25s ease,
        color .25s ease,
        box-shadow .25s ease;

    display: grid;

    place-items: center;

    padding: 0;
}


.akka-nav:hover {

    transform: translateY(-2px);

    background: var(--akka-gold);

    color: #fffaf1;

    box-shadow:
        0 6px 15px rgba(73, 51, 31, .15);
}


.akka-nav:active {

    transform: translateY(0);
}


.akka-nav:disabled {

    opacity: .35;

    cursor: default;

    transform: none;
}


/* =========================================================
   VIEWPORT
========================================================= */

.akka-carousel-viewport {

    overflow: hidden;

    width: 100%;
}


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

.akka-cards {

    display: flex;

    gap: 14px;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


/* =========================================================
   AKKA CARDS WRAPPER
   DESKTOP — 3 CARDS CENTERED
========================================================= */

.akka-cards {

    display: flex;

    justify-content: center;

    align-items: stretch;

    gap: 14px;

    width: 100%;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


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

.akka-card {

    position: relative;

    isolation: isolate;

    flex: 0 0 300px;

    width: 300px;

    max-width: 300px;

    min-width: 300px;

    background: #fbf7ee;

    border: 1px solid #e3d7c5;

    border-radius: 5px;

    box-shadow:
        0 4px 11px rgba(74, 51, 30, .10);

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    opacity: 0;

    transform: translateY(22px);

    animation:
        akkaCardReveal
        .65s
        cubic-bezier(.22, .61, .36, 1)
        forwards;

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


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

.akka-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201, 139, 39, .14),
            transparent 62%
        );

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .35s ease;

    z-index: -1;
}


.akka-card:hover::before {

    opacity: 1;
}


.akka-card:hover {

    transform: translateY(-8px);

    border-color:
        rgba(201, 139, 39, .65);

    background-color: #fffaf1;

    box-shadow:
        0 16px 32px rgba(73, 51, 31, .15),
        0 0 24px rgba(201, 139, 39, .09);
}


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

.akka-card > img {

    width: 100%;

    height: 190px;

    display: block;

    object-fit: contain;

    object-position: center center;

    background:
        linear-gradient(
            180deg,
            #e8ddcd,
            #f5eee3
        );

    padding: 0;

    transform: scale(1);

    transition:
        transform .55s cubic-bezier(.22, .61, .36, 1),
        filter .55s ease;
}


.akka-card:hover > img {

    transform: scale(1.025);

    filter:
        saturate(1.04)
        brightness(1.025);
}


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

.akka-card-body {

    position: relative;

    padding: 18px 16px 20px;

    min-height: 150px;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;

    margin: 0;

    transform: none;

    top: auto;

    bottom: auto;
}


/* =========================================================
   EYEBROW
========================================================= */

.akka-eyebrow {

    color: #a86e1f;

    text-transform: uppercase;

    letter-spacing: 1.05px;

    font-family: var(--akka-ui);

    font-size: 11px;

    font-weight: 650;

    transition:
        color .3s ease,
        letter-spacing .3s ease;
}


.akka-card:hover .akka-eyebrow {

    color: #a86e1f;

    letter-spacing: 1.15px;
}


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

.akka-card h3 {

    font-family: var(--akka-ui);

    font-size: 19px;

    line-height: 1.18;

    font-weight: 600;

    letter-spacing: -.15px;

    margin: 7px 0 12px;

    color: var(--akka-ink);

    transition:
        color .3s ease,
        transform .3s ease;
}


.akka-card:hover h3 {

    color: var(--akka-ink);

    transform: translateY(-2px);
}


/* =========================================================
   EXPLORE TEXT
========================================================= */

.akka-explore11 {

    margin-top: auto;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: auto;

    color: var(--akka-ink);

    text-decoration: none;

    font-family: var(--akka-ui);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.2;

    text-align: center;

    white-space: nowrap;

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


.akka-explore11 > span {

    display: inline-block;

    font-size: 17px;

    line-height: 1;

    transition:
        transform .25s ease;
}


.akka-card:hover .akka-explore11 {

    color: var(--akka-gold);

    transform: translateY(-1px);
}


.akka-card:hover .akka-explore11 > span {

    transform: translateX(4px);
}


/* =========================================================
   CARD ENTRY ANIMATION
========================================================= */

@keyframes akkaCardReveal {

    0% {

        opacity: 0;

        transform:
            translateY(22px);
    }

    100% {

        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   STAGGERED CARD DELAY
========================================================= */

.akka-card:nth-child(1) {
    animation-delay: .05s;
}


.akka-card:nth-child(2) {
    animation-delay: .10s;
}


.akka-card:nth-child(3) {
    animation-delay: .15s;
}


/* =========================================================
   CLOSING
========================================================= */

.akka-closing {

    text-align: center;

    padding:
        0 46px 34px;
}


.akka-ornament.small span {

    width: 300px;
}


.akka-ornament.small i {

    border: 0;

    width: auto;
    height: auto;

    font-size: 13px;
}


.akka-closing p {

    margin: 13px 0 0;
}


.akka-closing .akka-gold-stroke {

    margin:
        18px auto 0;

    width: 60px;

    height: 2px;
}


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

@media (max-width: 900px) {

    /* HERO */

    .akka-hero-content {

        left: 4.2vw;

        right: 4.2vw;

        width: auto;

        top: 50%;

        transform: translateY(-55%);

        padding: 0;
    }


    .akka-crumb {

        font-size: 14px;

        line-height: 1.7;

        margin-bottom: 58px;
    }


    .akka-hero h1 {

        font-size: 58px;

        line-height: 1;

        margin: 0 0 14px;
    }


    .akka-descriptor {

        font-size: 25px;

        margin-bottom: 16px;
    }


    .akka-hero-intro {

        font-size: 19px;

        max-width: 550px;
    }


    /* REFLECTION */

    .akka-reflection {

        padding-top: 24px;

        padding-bottom: 45px;
    }


    .akka-ornament {

        gap: 18px;
    }


    .akka-ornament span {

        width: 180px;
    }


    /* SECTION */

    .akka-section-heading {

        padding-left: 30px;
        padding-right: 30px;

        gap: 18px;
    }


    .akka-section-heading h2,
    .akka-title-row h2 {

        font-size: 21px;

        letter-spacing: 2px;
    }


    .akka-section-heading p {

        font-size: 15px;
    }


    /* RIBBON */

    .akka-ribbon {

        height: 480px;
    }


    .akka-mural,
    .akka-mantapa {

        height: 320px;
    }


    .akka-mural {

        width: 58%;
    }


    .akka-mantapa {

        left: 44%;
    }


    .akka-center {

        left: 50%;

        top: 8px;

        width: 235px;

        height: 275px;
    }


    .akka-blend {

        left: 46%;

        height: 320px;
    }


    /* FACETS */

    .akka-facet-strip {

        height: 160px;

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

        padding: 0;
    }


    .akka-facet-strip > div {

        padding: 10px 8px;
    }


    .akka-facet-strip strong {

        font-size: 15px;
    }


    .akka-facet-strip span {

        font-size: 12px;
    }


    /* EXPLORE */

    .akka-explore {

        padding-top: 50px;

        padding-bottom: 55px;

        padding-left: 30px;
        padding-right: 30px;
    }


    .akka-explore-head {

        display: block;
    }


    .akka-title-row {

        max-width: none;

        width: 100%;
    }


    .akka-title-rule {

        display: block;
    }


    .akka-carousel-meta {

        margin-top: 15px;
    }


    /* CARDS */

    .akka-card {

        flex-basis:
            calc((100% - 28px) / 3);
    }


    .akka-card > img {

        height: 185px;
    }

}


/* =========================================================
   MOBILE - 720px
   HERO SAME AS GREAT SHARANAS
========================================================= */

@media (max-width: 720px) {

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

    .akka-hero {

        height: 500px;

        position: relative;

        overflow: hidden;
    }


    .akka-hero > img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

        display: block;
    }


    .akka-hero-shade {

        position: absolute;

        inset: 0;

        background:
            linear-gradient(
                90deg,
                rgba(15, 12, 10, .76) 0%,
                rgba(15, 12, 10, .42) 37%,
                rgba(15, 12, 10, .04) 68%
            );
    }


    .akka-hero-content {

        position: absolute;

        left: 24px;

        right: 24px;

        top: 34px;

        width: auto;

        transform: none;

        padding: 0;

        margin: 0;
    }


    .akka-crumb {

        margin-bottom: 95px;

        font-size: 12px;

        line-height: 1.5;
    }


    .akka-crumb b {

        padding: 0 7px;
    }


    .akka-hero h1 {

        font-size: 42px;

        line-height: 1.05;

        margin: 0 0 10px;
    }


    .akka-descriptor {

        font-size: 20px;

        line-height: 1.25;

        margin: 0 0 16px;
    }


    .akka-hero-intro {

        font-size: 16px;

        line-height: 1.45;

        max-width: 550px;

        margin: 0;
    }


    /* =====================================================
       RIBBON
    ===================================================== */

    .akka-ribbon {

        height: 510px;

        position: relative;

        overflow: hidden;
    }


    /* =====================================================
       BACKGROUND IMAGES
    ===================================================== */

    .akka-mural {

        width: 100%;

        height: 350px;

        left: 0;
        top: 0;

        background-position: center 42%;
    }


    .akka-mantapa {

        left: 0;
        right: 0;

        width: 100%;

        height: 350px;

        background-position: center 38%;
    }


    .akka-blend {

        left: 0;

        width: 100%;

        height: 350px;

        background:
            linear-gradient(
                90deg,
                rgba(67, 48, 36, .20),
                rgba(73, 54, 41, .08) 55%,
                transparent 100%
            );
    }


    .akka-center {

        left: 50%;

        top: 8px;

        width: 235px;

        height: 300px;
    }


    /* =====================================================
       FACET STRIP
       IMAGE KE NICHE
    ===================================================== */

    .akka-facet-strip {

        position: absolute;

        left: 0;
        right: 0;

        bottom: 0;

        width: 100%;

        height: 160px;

        padding: 0;

        display: grid;

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

        background:
            rgba(70, 38, 22, .96);

        z-index: 20;
    }


    .akka-facet-strip > div {

        min-width: 0;

        padding: 9px 5px;

        gap: 3px;
    }


    .akka-facet-strip > div:not(:last-child)::after {

        top: 18%;

        height: 64%;
    }


    .akka-facet-strip strong {

        font-size: 13px;

        line-height: 1.15;

        white-space: normal;
    }


    .akka-facet-strip span {

        font-size: 10px;

        line-height: 1.2;

        white-space: normal;
    }


    /* =====================================================
       EXPLORE SECTION
    ===================================================== */

    .akka-explore {

        padding:
            42px 20px 48px;
    }


    .akka-explore-head {

        display: block;

        margin-bottom: 18px;
    }


    .akka-title-row {

        width: 100%;

        max-width: none;

        gap: 12px;
    }


    .akka-title-row h2 {

        font-size: 18px;

        letter-spacing: 1.5px;

        white-space: nowrap;
    }


    .akka-title-rule {

        display: block;
    }


    .akka-carousel-meta {

        margin-top: 13px;

        gap: 8px;

        justify-content: flex-end;
    }


    .akka-carousel-meta em {

        font-size: 12px;

        white-space: normal;

        text-align: right;

        flex: 1;
    }


    .akka-count {

        font-size: 12px;
    }


    .akka-nav {

        width: 36px;

        height: 36px;

        font-size: 23px;

        flex-shrink: 0;
    }


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

    .akka-carousel-viewport {

        width: 100%;

        overflow: hidden;

        position: relative;
    }


    /* =====================================================
       CARDS CONTAINER
       MOBILE PAR LEFT ALIGNMENT
    ===================================================== */

    .akka-cards {

        display: flex;

        justify-content: flex-start;

        align-items: stretch;

        gap: 14px;

        width: 100%;

        transition:
            transform .45s
            cubic-bezier(.22,.61,.36,1);

        will-change: transform;
    }


    /* =====================================================
       MOBILE CARD
       ONE CARD AT A TIME
    ===================================================== */

    .akka-card {

        flex:
            0 0
            86%;

        width: 86%;

        max-width: 86%;

        min-width: 86%;

        height: auto;

        min-height: 0;

        overflow: hidden;

        display: block;

        border-radius: 6px;

        transform: translateY(22px);

        opacity: 0;
    }


    /* =====================================================
       MOBILE CARD IMAGE
       FULL IMAGE VISIBLE
    ===================================================== */

    .akka-card > img {

        display: block;

        width: 100%;

        height: 205px;

        min-height: 205px;

        max-height: 205px;

        object-fit: contain;

        object-position: center center;

        background:
            linear-gradient(
                180deg,
                #e6dac9,
                #f7f0e5
            );

        margin: 0;

        padding: 0;

        transform: none;
    }


    .akka-card:hover > img {

        transform: none;
    }


    /* =====================================================
       MOBILE CARD BODY
    ===================================================== */

    .akka-card-body {

        position: relative;

        width: 100%;

        min-height: 145px;

        height: auto;

        padding:
            18px 16px 20px;

        margin: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        text-align: center;

        transform: none !important;

        top: auto !important;

        bottom: auto !important;
    }


    /* =====================================================
       EYEBROW
    ===================================================== */

    .akka-eyebrow {

        display: block;

        font-size: 10px;

        line-height: 1.2;

        margin: 0 0 5px;
    }


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

    .akka-card h3 {

        position: relative;

        margin:
            4px 0 10px;

        padding: 0;

        font-size: 17px;

        line-height: 1.25;

        transform: none !important;
    }


    /* =====================================================
       EXPLORE
    ===================================================== */

    .akka-explore11 {

        margin-top: auto;

        font-size: 12px;

        line-height: 1.2;
    }


    .akka-explore11 > span {

        font-size: 16px;
    }


    /* =====================================================
       GENERIC OLD MOBILE SELECTORS
    ===================================================== */

    .akka-card-image,
    .allama-card-image,
    .chennabasava-card-image {

        height: auto;

        min-height: 0;

        max-height: none;
    }


    .akka-card-content,
    .allama-card-content,
    .chennabasava-card-content {

        position: relative;

        width: 100%;

        margin: 0;

        transform: none;

        top: auto;

        bottom: auto;
    }

}


/* =========================================================
   SMALL MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

    /* HERO */

    .akka-hero {

        height: 500px;
    }


    .akka-hero-content {

        left: 24px;

        right: 24px;

        top: 34px;

        padding: 0;

        width: auto;

        transform: none;
    }


    .akka-crumb {

        font-size: 12px;

        line-height: 1.5;

        margin-bottom: 95px;
    }


    .akka-crumb b {

        padding: 0 4px;
    }


    .akka-hero h1 {

        font-size: 42px;

        line-height: 1.05;

        margin: 0 0 10px;
    }


    .akka-descriptor {

        font-size: 20px;

        line-height: 1.25;

        margin: 0 0 16px;
    }


    .akka-hero-intro {

        font-size: 16px;

        line-height: 1.45;

        max-width: 100%;
    }


    /* REFLECTION */

    .akka-ornament {

        gap: 7px;
    }


    .akka-ornament span {

        width: 45px;
    }


    .akka-ornament i {

        width: 42px;

        height: 42px;

        font-size: 23px;
    }


    .akka-reflection p,
    .akka-closing p {

        font-size: 17px;

        padding-left: 15px;

        padding-right: 15px;
    }


    /* SECTION */

    .akka-section-heading {

        padding-left: 20px;

        padding-right: 20px;

        gap: 10px;
    }


    .akka-section-heading h2,
    .akka-title-row h2 {

        font-size: 17px;

        letter-spacing: 1.3px;
    }


    .akka-section-heading p {

        font-size: 13px;
    }


    /* =====================================================
       RIBBON
    ===================================================== */

    .akka-ribbon {

        height: 555px;
    }


    .akka-mural,
    .akka-mantapa,
    .akka-blend {

        height: 315px;
    }


    .akka-center {

        width: 210px;

        height: 270px;

        top: 8px;
    }


    /* =====================================================
       FACETS
    ===================================================== */

    .akka-facet-strip {

        height: 240px;

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


    .akka-facet-strip > div {

        min-height: 120px;

        padding:
            10px 5px;
    }


    .akka-facet-strip strong {

        font-size: 12px;
    }


    .akka-facet-strip span {

        font-size: 10px;

        line-height: 1.25;
    }


    /* =====================================================
       EXPLORE
    ===================================================== */

    .akka-explore {

        padding-top: 38px;

        padding-bottom: 42px;

        padding-left: 18px;

        padding-right: 18px;
    }


    .akka-carousel-meta {

        gap: 6px;
    }


    .akka-carousel-meta em {

        font-size: 11px;
    }


    .akka-nav {

        width: 34px;

        height: 34px;

        font-size: 22px;
    }


    .akka-count {

        font-size: 11px;
    }


    /* =====================================================
       CARD
       SMALLER WIDTH
    ===================================================== */

    .akka-card {

        flex:
            0 0
            84%;

        width: 84%;

        max-width: 84%;

        min-width: 84%;
    }


    .akka-card > img {

        height: 190px;

        min-height: 190px;

        max-height: 190px;
    }


    .akka-card-body {

        min-height: 140px;

        padding:
            17px 14px 19px;
    }


    .akka-card h3 {

        font-size: 16px;

        line-height: 1.25;
    }

}


/* =========================================================
   VERY SMALL MOBILE - 360px
========================================================= */

@media (max-width: 360px) {

    /* HERO */

    .akka-hero {

        height: 500px;
    }


    .akka-hero-content {

        left: 24px;

        right: 24px;

        top: 34px;

        width: auto;

        padding: 0;

        transform: none;
    }


    .akka-hero h1 {

        font-size: 38px;

        line-height: 1.05;

        margin: 0 0 10px;
    }


    .akka-descriptor {

        font-size: 18px;
    }


    .akka-hero-intro {

        font-size: 15px;

        line-height: 1.5;
    }


    .akka-ornament span {

        width: 35px;
    }


    .akka-section-heading h2,
    .akka-title-row h2 {

        font-size: 16px;
    }


    /* =====================================================
       RIBBON
    ===================================================== */

    .akka-ribbon {

        height: 535px;
    }


    .akka-mural,
    .akka-mantapa,
    .akka-blend {

        height: 300px;
    }


    .akka-center {

        width: 195px;

        height: 255px;
    }


    /* =====================================================
       FACET
    ===================================================== */

    .akka-facet-strip {

        height: 235px;
    }


    .akka-facet-strip > div {

        min-height: 117px;

        padding: 8px 4px;
    }


    .akka-facet-strip strong {

        font-size: 11px;
    }


    .akka-facet-strip span {

        font-size: 9px;
    }


    /* =====================================================
       META
    ===================================================== */

    .akka-carousel-meta em {

        font-size: 10px;
    }


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

    .akka-card {

        flex:
            0 0
            88%;

        width: 88%;

        max-width: 88%;

        min-width: 88%;
    }


    .akka-card > img {

        height: 175px;

        min-height: 175px;

        max-height: 175px;
    }


    .akka-card-body {

        min-height: 135px;

        padding:
            16px 12px 18px;
    }


    .akka-card h3 {

        font-size: 15px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .akka-cards,
    .akka-card,
    .akka-card img,
    .akka-nav {

        animation: none !important;

        transition: none !important;
    }

}
/* /////////////////////////chennabasava///////////////////////////////////////// */
:root { 
    --navy: #073653; 
    --navy2: #05304a; 
    --ink: #0b3557; 
    --gold: #c98b27; 
    --cream: #f8f3e9; 
    --umber: #49331f; 
    --line: #d5a35a; 
    --serif: "Source Serif 4", Georgia, "Times New Roman", serif; 
    --ui: "Aptos", "Segoe UI", Arial, sans-serif; 
    --max: 1440px; 
} 


/* ================================================== 
   BASE 
================================================== */ 

.chennabasava-page { 
    margin: 0; 
    background: var(--cream); 
    color: #2c241d; 
    font-family: var(--serif); 
    overflow-x: hidden; 
} 

.chennabasava-page *, 
.chennabasava-page *::before, 
.chennabasava-page *::after { 
    box-sizing: border-box; 
} 


/* ================================================== 
   PAGE WIDTH 
================================================== */ 

.chennabasava-page .page-width { 
    max-width: var(--max); 
    margin: auto; 
    padding-left: 46px; 
    padding-right: 46px; 
} 


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

.chennabasava-page .hero { 
    position: relative; 
    width: 100%; 
    height: auto; 
    overflow: hidden; 
    color: #fff; 
} 


.chennabasava-page .hero > img { 
    display: block; 
    width: 100%; 
    height: auto; 
} 


.chennabasava-page .hero-shade { 
    position: absolute; 
    inset: 0; 

    background: 
        linear-gradient( 
            90deg, 
            rgba(15, 12, 10, .76) 0%, 
            rgba(15, 12, 10, .42) 37%, 
            rgba(15, 12, 10, .04) 68% 
        ); 

    pointer-events: none; 
} 


.chennabasava-page .hero-content { 
    position: absolute; 
    left: 4.2vw; 
    top: 50%; 
    transform: translateY(-55%); 

    width: min(620px, 50vw); 

    color: #fff; 
    z-index: 2; 

    padding: 0; 
    max-width: none; 
    margin: 0; 
} 


/* ================================================== 
   BREADCRUMBS 
================================================== */ 

.chennabasava-page .crumbs { 
    font-size: 14px; 
    line-height: 1.4; 

    margin-bottom: 58px; 

    color: #f3eee7; 

    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
} 


.chennabasava-page .crumbs span { 
    color: #f3eee7; 
} 


.chennabasava-page .crumbs b { 
    color: #d3aa62; 
    padding: 0 10px; 
    font-weight: 400; 
} 


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

.chennabasava-page .hero h1 { 
    font-family: Georgia, "Times New Roman", serif; 

    font-size: 68px; 
    font-weight: 400; 
    line-height: 1; 

    margin: 0 0 14px; 

    color: #fff; 
} 


/* ================================================== 
   DESCRIPTOR 
================================================== */ 

.chennabasava-page .descriptor { 
    font-size: 24px; 
    line-height: 1.3; 

    color: #e0b451; 

    margin: 0 0 16px; 

    letter-spacing: .01em; 
} 


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

.chennabasava-page .hero-intro { 
    font-size: 18px; 
    line-height: 1.45; 

    max-width: 550px; 

    margin: 0; 

    color: #f4eee5; 
} 


.chennabasava-page .hero-intro br { 
    display: block; 
} 


/* ================================================== 
   GOLD STROKE 
================================================== */ 

.chennabasava-page .gold-stroke { 
    display: block; 

    width: 72px; 
    height: 3px; 

    background: #d2a23c; 

    margin-top: 24px; 
} 


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

@media (max-width: 1180px) {

    .chennabasava-page .hero-content {
        width: 70vw;
    }

}


/* ================================================== 
   PARCHMENT / REFLECTION 
================================================== */ 

.chennabasava-page .parchment { 
    background: 
        linear-gradient( 
            90deg, 
            #faf7ef, 
            #f8f2e6 50%, 
            #faf7ef 
        ); 
} 


.chennabasava-page .opening { 
    padding-top: 0; 
} 


.chennabasava-page .reflection { 
    padding-top: 28px; 
    padding-bottom: 52px; 
    text-align: center; 
} 


.chennabasava-page .ornament { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 24px; 
} 


.chennabasava-page .ornament span { 
    height: 1px; 
    background: var(--line); 
    width: 330px; 
} 


.chennabasava-page .ornament i { 
    font-style: normal; 
    color: var(--gold); 

    border: 1px solid #d8ad6b; 
    border-radius: 50%; 

    width: 54px; 
    height: 54px; 

    display: grid; 
    place-items: center; 

    font-size: 31px; 
} 


.chennabasava-page .reflection p, 
.chennabasava-page .closing p { 
    font-style: italic; 
    color: var(--ink); 
    font-size: 21px; 
    margin: 16px 0 0; 
} 


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

.chennabasava-page .section-heading { 
    display: flex; 
    align-items: center; 
    gap: 26px; 
    padding-bottom: 18px; 
} 


.chennabasava-page .section-heading h2, 
.chennabasava-page .explore h2 { 
    font-size: 23px; 

    text-transform: uppercase; 
    letter-spacing: 3px; 

    color: var(--ink); 

    white-space: nowrap; 

    margin: 0; 

    font-weight: 600; 
} 


.chennabasava-page .section-heading .rule, 
.chennabasava-page .title-row .rule { 
    height: 1px; 
    background: var(--line); 
    flex: 1; 
} 


.chennabasava-page .section-heading p { 
    color: var(--ink); 
    font-size: 16px; 
    white-space: nowrap; 
    margin: 0; 
} 


/* ================================================== 
   RIBBON 
================================================== */ 

.chennabasava-page .ribbon-v22 { 
    position: relative; 
    height: 390px; 
    overflow: hidden; 
    background: #8d8373; 
    isolation: isolate; 
} 


/* ================================================== 
   LEFT IMAGE 
================================================== */ 

.chennabasava-page .ribbon-v22 .mural { 
    position: absolute; 

    left: 0; 
    top: 0; 

    width: 570px; 
    height: 294px; 

    background: 
        url("../assets/chennabasava/ulavi_temple.png") 
        30% 44% / cover no-repeat; 

    filter: 
        sepia(.18) 
        saturate(.78) 
        contrast(.94) 
        brightness(.80); 

    z-index: 1; 
} 


.chennabasava-page .ribbon-v22 .mural::after { 
    content: ""; 

    position: absolute; 

    inset: 0; 

    background: 
        linear-gradient( 
            90deg, 
            rgba(35, 24, 18, .35) 0%, 
            rgba(42, 30, 23, .18) 68%, 
            rgba(48, 34, 25, .30) 86%, 
            rgba(48, 34, 25, .68) 100% 
        ); 
} 


/* ================================================== 
   RIGHT IMAGE 
================================================== */ 

.chennabasava-page .ribbon-v22 .kudala { 
    position: absolute; 

    left: 48%; 
    right: 0; 
    top: 0; 

    height: 294px; 

    background-color: #8e887d; 

    background-image: 
        linear-gradient( 
            90deg, 
            rgba(62, 45, 34, .62) 0%, 
            rgba(65, 49, 38, .22) 19%, 
            rgba(56, 43, 34, .10) 58%, 
            rgba(45, 34, 27, .25) 100% 
        ), 
        url("../assets/chennabasava/ulavi_shrine.png"); 

    background-repeat: no-repeat; 

    background-size: cover; 

    background-position: center 10%; 

    filter: 
        saturate(.65) 
        sepia(.18) 
        contrast(.93) 
        brightness(.82); 

    z-index: 0; 
} 


.chennabasava-page .ribbon-v22 .kudala::after { 
    content: ""; 

    position: absolute; 

    inset: 0; 

    background: 
        linear-gradient( 
            90deg, 
            rgba(43, 29, 21, .58), 
            transparent 27% 
        ), 
        linear-gradient( 
            0deg, 
            rgba(39, 23, 15, .40), 
            transparent 43%, 
            rgba(247, 241, 230, .03) 
        ); 
} 


/* ================================================== 
   CENTER CHENNABASAVA 
================================================== */ 

.chennabasava-page .ribbon-v22 .chennabasava-v22 { 
    position: absolute; 

    left: 45%; 
    top: -2px; 

    transform: translateX(-50%); 

    width: 285px; 
    height: 304px; 

    background: 
        url("../assets/chennabasava/chennabasava_full.jpg") 
        center 28% / cover no-repeat; 

    filter: 
        sepia(.12) 
        saturate(.78) 
        contrast(.95) 
        brightness(.90); 

    z-index: 3; 

    mask-image: 
        radial-gradient( 
            ellipse 62% 76% at 50% 48%, 
            #000 52%, 
            rgba(0, 0, 0, .96) 65%, 
            rgba(0, 0, 0, .58) 79%, 
            transparent 96% 
        ); 

    -webkit-mask-image: 
        radial-gradient( 
            ellipse 62% 76% at 50% 48%, 
            #000 52%, 
            rgba(0, 0, 0, .96) 65%, 
            rgba(0, 0, 0, .58) 79%, 
            transparent 96% 
        ); 
} 


/* ================================================== 
   BLEND 
================================================== */ 

.chennabasava-page .ribbon-v22 .blend { 
    position: absolute; 

    left: 46%; 
    top: 0; 

    width: 15%; 
    height: 294px; 

    background: 
        linear-gradient( 
            90deg, 
            rgba(67, 48, 36, .28), 
            rgba(73, 54, 41, .08) 48%, 
            transparent 100% 
        ); 

    z-index: 2; 

    pointer-events: none; 
} 


/* ================================================== 
   FACET STRIP 
================================================== */ 

.chennabasava-page .facet-strip-v22 { 
    position: absolute; 

    left: 0; 
    right: 0; 
    bottom: 0; 

    height: 100px; 

    padding: 0 26px; 

    background: 
        rgba(70, 38, 22, .90); 

    display: grid; 

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

    align-items: stretch; 

    z-index: 6; 

    border-top: 
        1px solid rgba(218, 158, 55, .45); 
} 


.chennabasava-page .facet-strip-v22 div { 
    display: flex; 

    flex-direction: column; 

    justify-content: center; 

    align-items: center; 

    text-align: center; 

    position: relative; 

    gap: 4px; 

    padding: 10px 12px; 
} 


.chennabasava-page .facet-strip-v22 div:not(:last-child)::after { 
    content: ""; 

    position: absolute; 

    right: 0; 
    top: 21%; 

    height: 58%; 

    width: 1px; 

    background: 
        rgba(214, 151, 46, .52); 
} 


.chennabasava-page .facet-strip-v22 strong { 
    color: #e7a63c; 

    font-family: var(--ui); 

    font-size: 17px; 

    line-height: 1.15; 

    font-weight: 600; 

    letter-spacing: .1px; 
} 


.chennabasava-page .facet-strip-v22 span { 
    color: #fff8eb; 

    font-family: var(--ui); 

    font-size: 13px; 

    line-height: 1.2; 

    margin-top: 0; 

    font-weight: 400; 
} 


/* ================================================== 
   EXPLORE 
================================================== */ 

.chennabasava-page .explore { 
    padding-top: 58px; 
    padding-bottom: 64px; 
} 


.chennabasava-page .explore-head { 
    display: flex; 

    align-items: center; 

    justify-content: space-between; 

    margin-bottom: 22px; 
} 


.chennabasava-page .title-row { 
    display: flex; 

    align-items: center; 

    gap: 24px; 

    flex: 1; 

    max-width: 760px; 
} 


.chennabasava-page .carousel-meta { 
    display: flex; 

    align-items: center; 

    gap: 18px; 

    color: var(--ink); 
} 


.chennabasava-page .carousel-meta em { 
    font-size: 15px; 
} 


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

.chennabasava-page .nav { 
    width: 42px; 
    height: 42px; 

    border-radius: 50%; 

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

    background: #fffaf1; 

    color: var(--ink); 

    font-size: 29px; 

    line-height: 1; 

    cursor: pointer; 

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


.chennabasava-page .nav:hover { 
    transform: translateY(-2px); 

    background: var(--gold); 

    color: #fffaf1; 

    box-shadow: 
        0 6px 15px rgba(73, 51, 31, .15); 
} 


.chennabasava-page .nav:active { 
    transform: translateY(0); 
} 


.chennabasava-page .nav:disabled { 
    opacity: .4; 
    cursor: default; 
} 


.chennabasava-page .count { 
    font-size: 14px; 
} 


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

.chennabasava-page .carousel-viewport { 
    overflow: hidden; 
    width: 100%; 
} 


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

.chennabasava-page .cards { 
    display: flex; 

    gap: 14px; 

    width: 100%; 

    transition: 
        transform .45s cubic-bezier(.22, .61, .36, 1); 

    will-change: transform; 
} 


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

.chennabasava-page .card { 
    position: relative; 

    isolation: isolate; 

    flex: 
        0 0 
        calc((100% - 70px) / 6); 

    min-width: 0; 

    background: #fbf7ee; 

    border: 1px solid #e3d7c5; 

    border-radius: 5px; 

    box-shadow: 
        0 4px 11px rgba(74, 51, 30, .10); 

    overflow: hidden; 

    text-decoration: none; 

    color: inherit; 

    opacity: 0; 

    transform: translateY(22px); 

    animation: 
        chennabasavaCardReveal 
        .65s 
        cubic-bezier(.22, .61, .36, 1) 
        forwards; 

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


/* ================================================== 
   GOLDEN CARD GLOW 
================================================== */ 

.chennabasava-page .card::before { 
    content: ""; 

    position: absolute; 

    inset: 0; 

    background: 
        radial-gradient( 
            circle at 50% 20%, 
            rgba(201, 139, 39, .14), 
            transparent 62% 
        ); 

    opacity: 0; 

    pointer-events: none; 

    transition: 
        opacity .35s ease; 

    z-index: -1; 
} 


.chennabasava-page .card:hover::before { 
    opacity: 1; 
} 


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

.chennabasava-page .card:hover { 
    transform: translateY(-8px); 

    border-color: 
        rgba(201, 139, 39, .65); 

    background-color: #fffaf1; 

    box-shadow: 
        0 16px 32px rgba(73, 51, 31, .15), 
        0 0 24px rgba(201, 139, 39, .09); 
} 


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

.chennabasava-page .card img { 
    width: 100%; 

    height: 160px; 

    object-fit: cover; 

    display: block; 

    background: #eee6d9; 

    transform: scale(1); 

    transition: 
        transform .55s cubic-bezier(.22, .61, .36, 1), 
        filter .55s ease; 
} 


.chennabasava-page .card:hover img { 
    transform: scale(1.045); 

    filter: 
        saturate(1.04) 
        brightness(1.025); 
} 


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

.chennabasava-page .card-body { 
    padding: 16px 16px 18px; 

    min-height: 150px; 

    display: flex; 

    flex-direction: column; 

    align-items: center; 

    text-align: center; 

    width: 100%; 

    transition: 
        background-color .35s ease; 
} 


/* ================================================== 
   EYEBROW 
================================================== */ 

.chennabasava-page .eyebrow { 
    color: #a86e1f; 

    text-transform: uppercase; 

    letter-spacing: 1.05px; 

    font-family: var(--ui); 

    font-size: 11px; 

    font-weight: 650; 

    transition: 
        color .3s ease, 
        letter-spacing .3s ease; 
} 


.chennabasava-page .card:hover .eyebrow { 
    color: #a86e1f; 

    letter-spacing: 1.15px; 
} 


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

.chennabasava-page .card h3 { 
    font-family: var(--ui); 

    font-size: 19px; 

    line-height: 1.18; 

    font-weight: 600; 

    letter-spacing: -.15px; 

    margin: 7px 0 12px; 

    color: var(--ink); 

    transition: 
        color .3s ease, 
        transform .3s ease; 
} 


.chennabasava-page .card:hover h3 { 
    color: var(--ink); 

    transform: translateY(-2px); 
} 


/* ================================================== 
   EXPLORE TEXT 
================================================== */ 

.chennabasava-page .explore11 { 
    margin-top: auto; 

    display: inline-flex; 

    align-items: center; 

    justify-content: center; 

    gap: 7px; 

    width: auto; 

    color: var(--ink); 

    text-decoration: none; 

    font-family: var(--ui); 

    font-size: 13px; 

    font-weight: 600; 

    line-height: 1.2; 

    text-align: center; 

    white-space: nowrap; 

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


.chennabasava-page .explore11 span { 
    display: inline-block; 

    font-size: 17px; 

    line-height: 1; 

    transition: 
        transform .25s ease; 
} 


.chennabasava-page .card:hover .explore11 { 
    color: var(--gold); 

    transform: translateY(-1px); 
} 


.chennabasava-page .card:hover .explore11 span { 
    transform: translateX(4px); 
} 


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

@keyframes chennabasavaCardReveal { 

    0% { 
        opacity: 0; 

        transform: 
            translateY(22px); 
    } 

    100% { 
        opacity: 1; 

        transform: 
            translateY(0); 
    } 

} 


/* ================================================== 
   STAGGER 
================================================== */ 

.chennabasava-page .cards .card:nth-child(1) { 
    animation-delay: .05s; 
} 

.chennabasava-page .cards .card:nth-child(2) { 
    animation-delay: .10s; 
} 

.chennabasava-page .cards .card:nth-child(3) { 
    animation-delay: .15s; 
} 

.chennabasava-page .cards .card:nth-child(4) { 
    animation-delay: .20s; 
} 

.chennabasava-page .cards .card:nth-child(5) { 
    animation-delay: .25s; 
} 

.chennabasava-page .cards .card:nth-child(6) { 
    animation-delay: .30s; 
} 

.chennabasava-page .cards .card:nth-child(7) { 
    animation-delay: .35s; 
} 

.chennabasava-page .cards .card:nth-child(8) { 
    animation-delay: .40s; 
} 


/* ================================================== 
   IMAGE POSITIONS 
================================================== */ 

.chennabasava-page .card:nth-child(1) img { 
    object-position: center 36%; 
} 

.chennabasava-page .card:nth-child(2) img { 
    object-position: center 44%; 
} 

.chennabasava-page .card:nth-child(3) img { 
    object-position: center 38%; 
} 

.chennabasava-page .card:nth-child(4) img { 
    object-position: center 28%; 
} 

.chennabasava-page .card:nth-child(5) img { 
    object-position: center 32%; 
} 

.chennabasava-page .card:nth-child(6) img { 
    object-position: center 40%; 
} 

.chennabasava-page .card:nth-child(7) img { 
    object-position: center 45%; 
} 

.chennabasava-page .card:nth-child(8) img { 
    object-position: center 35%; 
} 


/* ================================================== 
   CLOSING 
================================================== */ 

.chennabasava-page .closing { 
    text-align: center; 

    padding-bottom: 34px; 
} 


.chennabasava-page .ornament.small span { 
    width: 300px; 
} 


.chennabasava-page .ornament.small i { 
    border: 0; 

    width: auto; 
    height: auto; 

    font-size: 13px; 
} 


.chennabasava-page .closing p { 
    margin: 13px 0 0; 
} 


.chennabasava-page .closing .gold-stroke { 
    margin: 18px auto 0; 

    width: 60px; 

    height: 2px; 
} 


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

@media (max-width: 900px) { 

    .chennabasava-page .page-width { 
        padding-left: 30px; 
        padding-right: 30px; 
    } 


    /* REFLECTION */ 

    .chennabasava-page .reflection { 
        padding-top: 24px; 
        padding-bottom: 45px; 
    } 

    .chennabasava-page .ornament { 
        gap: 18px; 
    } 

    .chennabasava-page .ornament span { 
        width: 180px; 
    } 


    /* SECTION HEADING */ 

    .chennabasava-page .section-heading { 
        gap: 18px; 
    } 

    .chennabasava-page .section-heading h2, 
    .chennabasava-page .explore h2 { 
        font-size: 21px; 
        letter-spacing: 2px; 
    } 

    .chennabasava-page .section-heading p { 
        font-size: 15px; 
    } 


    /* RIBBON */ 

    .chennabasava-page .ribbon-v22 { 
        height: 480px; 
    } 

    .chennabasava-page .ribbon-v22 .mural, 
    .chennabasava-page .ribbon-v22 .kudala { 
        height: 320px; 
    } 

    .chennabasava-page .ribbon-v22 .mural { 
        width: 58%; 
    } 

    .chennabasava-page .ribbon-v22 .kudala { 
        left: 44%; 
    } 

    .chennabasava-page .ribbon-v22 .chennabasava-v22 { 
        left: 50%; 
        top: 8px; 
        width: 235px; 
        height: 275px; 
    } 


    /* FACET */ 

    .chennabasava-page .facet-strip-v22 { 
        height: 160px; 

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

        padding: 0; 
    } 

    .chennabasava-page .facet-strip-v22 div { 
        padding: 10px 8px; 
    } 

    .chennabasava-page .facet-strip-v22 strong { 
        font-size: 15px; 
    } 

    .chennabasava-page .facet-strip-v22 span { 
        font-size: 12px; 
    } 


    /* EXPLORE */ 

    .chennabasava-page .explore { 
        padding-top: 50px; 
        padding-bottom: 55px; 
    } 

    .chennabasava-page .explore-head { 
        display: block; 
    } 

    .chennabasava-page .title-row { 
        max-width: none; 
        width: 100%; 
    } 

    .chennabasava-page .title-row .rule { 
        display: block; 
    } 

    .chennabasava-page .carousel-meta { 
        margin-top: 15px; 
    } 


    /* CARDS */ 

    .chennabasava-page .card { 
        flex-basis: 
            calc((100% - 28px) / 3); 
    } 

} 


/* ========================================================== 
   MOBILE - 700px 
========================================================== */ 

@media (max-width: 700px) { 

    .chennabasava-page .page-width { 
        padding-left: 18px; 
        padding-right: 18px; 
    } 


    /* HERO */ 

    .chennabasava-page .hero { 
        height: 500px; 
        position: relative; 
        overflow: hidden; 
    } 

    .chennabasava-page .hero > img { 
        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        object-position: center center; 
        display: block; 
    } 

    .chennabasava-page .hero-shade { 
        position: absolute; 
        inset: 0; 

        background: 
            linear-gradient( 
                90deg, 
                rgba(15, 12, 10, .76) 0%, 
                rgba(15, 12, 10, .42) 37%, 
                rgba(15, 12, 10, .04) 68% 
            ); 
    } 

    .chennabasava-page .hero-content { 
        left: 24px; 
        right: 24px; 
        top: 34px; 

        width: auto; 

        transform: none; 

        padding: 0; 
        max-width: none; 
    } 


    /* BREADCRUMB */ 

    .chennabasava-page .crumbs { 
        font-size: 12px; 
        line-height: 1.4; 

        margin-bottom: 95px; 

        display: flex; 
        flex-wrap: wrap; 

        align-items: center; 

        max-width: 100%; 
    } 

    .chennabasava-page .crumbs b { 
        padding: 0 7px; 
    } 


    /* HERO TITLE */ 

    .chennabasava-page .hero h1 { 
        font-size: 42px; 
        line-height: 1.05; 

        margin: 0 0 10px; 
    } 

    .chennabasava-page .descriptor { 
        font-size: 20px; 
        line-height: 1.3; 

        margin: 0 0 16px; 
    } 

    .chennabasava-page .hero-intro { 
        font-size: 16px; 
        line-height: 1.45; 

        max-width: 550px; 
    } 

    .chennabasava-page .hero-intro br { 
        display: none; 
    } 

    .chennabasava-page .gold-stroke { 
        width: 72px; 
        height: 3px; 
        margin-top: 24px; 
    } 


    /* REFLECTION */ 

    .chennabasava-page .reflection { 
        padding-top: 22px; 
        padding-bottom: 38px; 
    } 

    .chennabasava-page .ornament { 
        gap: 10px; 
    } 

    .chennabasava-page .ornament span { 
        width: 65px; 
    } 

    .chennabasava-page .ornament i { 
        width: 45px; 
        height: 45px; 

        font-size: 25px; 

        flex-shrink: 0; 
    } 

    .chennabasava-page .reflection p, 
    .chennabasava-page .closing p { 
        font-size: 18px; 
        line-height: 1.5; 

        margin-top: 14px; 
    } 


    /* SECTION HEADING */ 

    .chennabasava-page .section-heading { 
        display: block; 

        padding-bottom: 16px; 
    } 

    .chennabasava-page .section-heading h2, 
    .chennabasava-page .explore h2 { 
        font-size: 19px; 

        letter-spacing: 1.7px; 

        line-height: 1.35; 

        white-space: normal; 
    } 

    .chennabasava-page .section-heading .rule { 
        display: none; 
    } 

    .chennabasava-page .section-heading p { 
        font-size: 14px; 

        line-height: 1.5; 

        white-space: normal; 

        margin-top: 7px; 
    } 


    /* RIBBON */ 

    .chennabasava-page .ribbon-v22 { 
        height: 575px; 
    } 


    .chennabasava-page .ribbon-v22 .mural { 
        left: 0; 
        top: 0; 

        width: 100%; 
        height: 310px; 

        background-position: center center; 

        opacity: .85; 
    } 


    .chennabasava-page .ribbon-v22 .kudala { 
        left: 0; 
        right: 0; 

        top: 0; 

        width: 100%; 
        height: 310px; 

        background-position: center center; 

        opacity: .85; 
    } 


    .chennabasava-page .ribbon-v22 .blend { 
        left: 0; 
        top: 0; 

        width: 100%; 
        height: 310px; 

        background: 
            linear-gradient( 
                90deg, 
                rgba(67, 48, 36, .38), 
                rgba(73, 54, 41, .10) 55%, 
                transparent 100% 
            ); 
    } 


    /* CENTER IMAGE */ 

    .chennabasava-page .ribbon-v22 .chennabasava-v22 { 
        left: 50%; 
        top: 10px; 

        width: 235px; 
        height: 285px; 

        transform: translateX(-50%); 
    } 


    /* FACET STRIP */ 

    .chennabasava-page .facet-strip-v22 { 
        left: 0; 
        right: 0; 
        bottom: 0; 

        height: 265px; 

        padding: 0; 

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

    .chennabasava-page .facet-strip-v22 div { 
        min-height: 132px; 

        padding: 12px 8px; 

        gap: 5px; 
    } 

    .chennabasava-page .facet-strip-v22 div:not(:last-child)::after { 
        right: 0; 
        top: 22%; 

        height: 56%; 
    } 

    .chennabasava-page .facet-strip-v22 div:nth-child(2n)::after { 
        display: none; 
    } 

    .chennabasava-page .facet-strip-v22 strong { 
        font-size: 15px; 
        line-height: 1.2; 
    } 

    .chennabasava-page .facet-strip-v22 span { 
        font-size: 12px; 
        line-height: 1.3; 
    } 


    /* EXPLORE */ 

    .chennabasava-page .explore { 
        padding-top: 42px; 
        padding-bottom: 48px; 
    } 

    .chennabasava-page .explore-head { 
        display: block; 

        margin-bottom: 18px; 
    } 


    /* TITLE */ 

    .chennabasava-page .title-row { 
        display: block; 

        width: 100%; 
        max-width: none; 
    } 

    .chennabasava-page .title-row .rule { 
        display: none; 
    } 

    .chennabasava-page .explore h2 { 
        font-size: 20px; 
    } 


    /* CAROUSEL META */ 

    .chennabasava-page .carousel-meta { 
        display: flex; 

        width: 100%; 

        margin-top: 14px; 

        gap: 8px; 

        align-items: center; 
    } 

    .chennabasava-page .carousel-meta em { 
        flex: 1; 

        font-size: 13px; 

        line-height: 1.4; 
    } 

    .chennabasava-page .count { 
        font-size: 13px; 

        white-space: nowrap; 
    } 


    /* NAV */ 

    .chennabasava-page .nav { 
        width: 38px; 
        height: 38px; 

        flex-shrink: 0; 

        font-size: 25px; 
    } 


    /* CAROUSEL */ 

    .chennabasava-page .carousel-viewport { 
        width: 100%; 
        overflow: hidden; 
    } 

    .chennabasava-page .cards { 
        gap: 12px; 
    } 


    /* MOBILE CARD */ 

    .chennabasava-page .card { 
        flex: 0 0 86%; 

        min-width: 0; 

        max-width: 86%; 

        opacity: 1; 

        transform: none; 

        animation: none !important; 

        display: flex; 

        flex-direction: column; 

        overflow: hidden; 

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


    /* IMAGE */ 

    .chennabasava-page .card img { 
        width: 100%; 

        height: 190px; 

        min-height: 190px; 

        max-height: 190px; 

        object-fit: cover; 

        object-position: center; 

        display: block; 

        visibility: visible; 

        opacity: 1; 

        flex-shrink: 0; 
    } 


    /* BODY */ 

    .chennabasava-page .card-body { 
        min-height: 145px; 

        padding: 15px 15px 17px; 

        display: flex; 

        flex-direction: column; 

        align-items: center; 

        text-align: center; 
    } 

    .chennabasava-page .eyebrow { 
        font-size: 10px; 

        letter-spacing: 1px; 
    } 

    .chennabasava-page .card h3 { 
        font-size: 18px; 

        line-height: 1.25; 

        margin-top: 7px; 

        margin-bottom: 12px; 
    } 

    .chennabasava-page .explore11 { 
        font-size: 12px; 

        gap: 6px; 
    } 

    .chennabasava-page .explore11 span { 
        font-size: 16px; 
    } 


    /* CLOSING */ 

    .chennabasava-page .closing { 
        padding-bottom: 28px; 
    } 

    .chennabasava-page .ornament.small span { 
        width: 65px; 
    } 

    .chennabasava-page .ornament.small i { 
        font-size: 11px; 
    } 

    .chennabasava-page .closing p { 
        font-size: 17px; 

        line-height: 1.5; 
    } 

    .chennabasava-page .closing .gold-stroke { 
        width: 50px; 

        margin-top: 15px; 
    } 

} 


/* ========================================================== 
   SMALL MOBILE - 480px 
========================================================== */ 

@media (max-width: 480px) { 

    .chennabasava-page .page-width { 
        padding-left: 15px; 
        padding-right: 15px; 
    } 


    /* HERO */ 

    .chennabasava-page .hero { 
        height: 480px; 
    } 

    .chennabasava-page .hero-content { 
        left: 20px; 
        right: 20px; 
        top: 22px; 
        width: auto; 
        padding: 0; 
    } 

    .chennabasava-page .crumbs { 
        font-size: 12px; 

        line-height: 1.8; 

        margin-bottom: 75px; 
    } 

    .chennabasava-page .crumbs b { 
        padding: 0 4px; 
    } 

    .chennabasava-page .hero h1 { 
        font-size: 42px; 

        margin: 0 0 10px; 
    } 

    .chennabasava-page .descriptor { 
        font-size: 19px; 
    } 

    .chennabasava-page .hero-intro { 
        font-size: 16px; 

        max-width: 310px; 
    } 


    /* REFLECTION */ 

    .chennabasava-page .ornament { 
        gap: 7px; 
    } 

    .chennabasava-page .ornament span { 
        width: 45px; 
    } 

    .chennabasava-page .ornament i { 
        width: 42px; 
        height: 42px; 

        font-size: 23px; 
    } 

    .chennabasava-page .reflection p, 
    .chennabasava-page .closing p { 
        font-size: 17px; 
    } 


    /* SECTION */ 

    .chennabasava-page .section-heading h2, 
    .chennabasava-page .explore h2 { 
        font-size: 17px; 

        letter-spacing: 1.3px; 
    } 

    .chennabasava-page .section-heading p { 
        font-size: 13px; 
    } 


    /* RIBBON */ 

    .chennabasava-page .ribbon-v22 { 
        height: 555px; 
    } 

    .chennabasava-page .ribbon-v22 .mural, 
    .chennabasava-page .ribbon-v22 .kudala { 
        height: 295px; 
    } 

    .chennabasava-page .ribbon-v22 .blend { 
        height: 295px; 
    } 

    .chennabasava-page .ribbon-v22 .chennabasava-v22 { 
        width: 210px; 
        height: 270px; 

        top: 8px; 
    } 


    /* FACET */ 

    .chennabasava-page .facet-strip-v22 { 
        height: 260px; 
    } 

    .chennabasava-page .facet-strip-v22 div { 
        min-height: 130px; 

        padding: 10px 6px; 
    } 

    .chennabasava-page .facet-strip-v22 strong { 
        font-size: 14px; 
    } 

    .chennabasava-page .facet-strip-v22 span { 
        font-size: 11px; 
    } 


    /* EXPLORE */ 

    .chennabasava-page .explore { 
        padding-top: 38px; 
        padding-bottom: 42px; 
    } 

    .chennabasava-page .carousel-meta { 
        gap: 6px; 
    } 

    .chennabasava-page .carousel-meta em { 
        font-size: 12px; 
    } 

    .chennabasava-page .nav { 
        width: 36px; 
        height: 36px; 

        font-size: 23px; 
    } 

    .chennabasava-page .count { 
        font-size: 12px; 
    } 


    /* CARD */ 

    .chennabasava-page .card { 
        flex-basis: 100%; 

        width: 100%; 

        max-width: 100%; 
    } 

    .chennabasava-page .card img { 
        height: 175px; 

        min-height: 175px; 

        max-height: 175px; 
    } 

    .chennabasava-page .card-body { 
        min-height: 140px; 
    } 

    .chennabasava-page .card h3 { 
        font-size: 17px; 
    } 

} 


/* ========================================================== 
   VERY SMALL MOBILE - 360px 
========================================================== */ 

@media (max-width: 360px) { 

    .chennabasava-page .page-width { 
        padding-left: 12px; 
        padding-right: 12px; 
    } 


    /* HERO */ 

    .chennabasava-page .hero { 
        height: 460px; 
    } 

    .chennabasava-page .hero-content { 
        left: 18px; 
        right: 18px; 
        top: 22px; 
    } 

    .chennabasava-page .crumbs { 
        margin-bottom: 68px; 
    } 

    .chennabasava-page .hero h1 { 
        font-size: 38px; 

        margin: 0 0 10px; 
    } 

    .chennabasava-page .descriptor { 
        font-size: 18px; 
    } 

    .chennabasava-page .hero-intro { 
        font-size: 15px; 
    } 


    .chennabasava-page .ornament span { 
        width: 35px; 
    } 


    .chennabasava-page .section-heading h2, 
    .chennabasava-page .explore h2 { 
        font-size: 16px; 
    } 


    .chennabasava-page .ribbon-v22 { 
        height: 535px; 
    } 

    .chennabasava-page .ribbon-v22 .mural, 
    .chennabasava-page .ribbon-v22 .kudala, 
    .chennabasava-page .ribbon-v22 .blend { 
        height: 285px; 
    } 

    .chennabasava-page .ribbon-v22 .chennabasava-v22 { 
        width: 195px; 
        height: 255px; 
    } 


    .chennabasava-page .facet-strip-v22 { 
        height: 250px; 
    } 

    .chennabasava-page .facet-strip-v22 strong { 
        font-size: 13px; 
    } 

    .chennabasava-page .facet-strip-v22 span { 
        font-size: 10px; 
    } 


    .chennabasava-page .carousel-meta em { 
        font-size: 11px; 
    } 


    .chennabasava-page .card { 
        flex-basis: 92%; 

        width: 92%; 

        max-width: 92%; 
    } 

} 


/* ========================================= 
   MOBILE TEXT SPACING 
========================================= */ 

@media (max-width: 480px) { 

    .chennabasava-page .crumbs, 
    .chennabasava-page .descriptor, 
    .chennabasava-page .hero-intro, 
    .chennabasava-page .reflection p, 
    .chennabasava-page .section-heading p, 
    .chennabasava-page .facet-strip-v22 span, 
    .chennabasava-page .card h3, 
    .chennabasava-page .closing p { 
        word-spacing: -1px; 
        letter-spacing: 0; 
    } 

} 


@media (max-width: 700px) { 

    .chennabasava-page .card > img { 
        width: 100%; 
        height: 205px; 

        object-fit: contain; 
        object-position: center center; 

        display: block; 

        transform: none !important; 
    } 

}
/* //////////////////////////////////////////////////////siddharameshwara////////////////////////////////////////////////////// */


/* ==========================================================
   SIDDHARAMESHWARA PAGE
   SAME VISUAL SYSTEM AS BASAVA PAGE
   HEADER / FOOTER NOT INCLUDED
========================================================== */
.siddharameshwara-page { 
 
    --navy: #073653; 
    --navy2: #05304a; 
    --ink: #0b3557; 
    --gold: #c98b27; 
    --cream: #f8f3e9; 
    --umber: #49331f; 
    --line: #d5a35a; 
 
    --serif: 
        "Source Serif 4", 
        Georgia, 
        "Times New Roman", 
        serif; 
 
    --ui: 
        "Aptos", 
        "Segoe UI", 
        Arial, 
        sans-serif; 
 
    --max: 1440px; 
 
    background: var(--cream); 
 
    color: #2c241d; 
 
    font-family: var(--serif); 
} 
 
 
.siddharameshwara-page * { 
    box-sizing: border-box; 
} 
 
 
.siddharameshwara-page html { 
    scroll-behavior: smooth; 
} 
 
 
.siddharameshwara-page .page-width { 
 
    max-width: var(--max); 
 
    margin: auto; 
 
    padding-left: 46px; 
    padding-right: 46px; 
} 
 
 
/* ================================================== 
   HERO 
================================================== */ 
 
.siddharameshwara-page .hero { 
 
    position: relative; 
 
    width: 100%; 
 
    height: auto; 
 
    overflow: hidden; 
 
    color: #fff; 
} 
 
 
.siddharameshwara-page .hero > img { 
 
    display: block; 
 
    width: 100%; 
 
    height: auto; 
} 
 
 
.siddharameshwara-page .hero-shade { 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        linear-gradient( 
            90deg, 
            rgba(15, 12, 10, .76) 0%, 
            rgba(15, 12, 10, .42) 37%, 
            rgba(15, 12, 10, .04) 68% 
        ); 
 
    pointer-events: none; 
} 
 
 
.siddharameshwara-page .hero-content { 
 
    position: absolute; 
 
    left: 4.2vw; 
 
    top: 50%; 
 
    transform: translateY(-55%); 
 
    width: min(620px, 50vw); 
 
    color: #fff; 
 
    z-index: 2; 
 
    padding: 0; 
} 
 
 
/* ================================================== 
   BREADCRUMBS 
================================================== */ 
 
.siddharameshwara-page .crumbs { 
 
    font-size: 14px; 
 
    line-height: 1.4; 
 
    margin-bottom: 58px; 
 
    color: #f3eee7; 
 
    display: flex; 
 
    flex-wrap: wrap; 
 
    align-items: center; 
} 
 
 
.siddharameshwara-page .crumbs a { 
 
    color: #f3eee7; 
 
    text-decoration: none; 
} 
 
 
.siddharameshwara-page .crumbs span { 
 
    color: #f3eee7; 
} 
 
 
.siddharameshwara-page .crumbs b { 
 
    color: #d3aa62; 
 
    padding: 0 10px; 
 
    font-weight: 400; 
} 
 
 
/* ================================================== 
   HERO TITLE 
================================================== */ 
 
.siddharameshwara-page .hero h1 { 
 
    font-family: Georgia, "Times New Roman", serif; 
 
    font-size: 68px; 
 
    line-height: 1; 
 
    margin: 0 0 14px; 
 
    font-weight: 400; 
 
    color: #fff; 
} 
 
 
.siddharameshwara-page .descriptor { 
 
    font-size: 24px; 
 
    line-height: 1.3; 
 
    color: #e0b451; 
 
    margin: 0 0 16px; 
 
    letter-spacing: .01em; 
 
    font-family: var(--serif); 
} 
 
 
.siddharameshwara-page .hero-intro { 
 
    font-size: 18px; 
 
    line-height: 1.45; 
 
    max-width: 550px; 
 
    margin: 0; 
 
    color: #f4eee5; 
 
    font-family: var(--serif); 
} 
 
 
.siddharameshwara-page .hero-intro br { 
 
    display: block; 
} 
 
 
.siddharameshwara-page .gold-stroke { 
 
    display: block; 
 
    width: 72px; 
 
    height: 3px; 
 
    background: #d2a23c; 
 
    margin-top: 24px; 
} 
 
 
/* ================================================== 
   PARCHMENT / REFLECTION 
================================================== */ 
 
.siddharameshwara-page .parchment { 
 
    background: 
        linear-gradient( 
            90deg, 
            #faf7ef, 
            #f8f2e6 50%, 
            #faf7ef 
        ); 
} 
 
 
.siddharameshwara-page .opening { 
 
    padding-top: 0; 
} 
 
 
.siddharameshwara-page .reflection { 
 
    padding-top: 28px; 
 
    padding-bottom: 52px; 
 
    text-align: center; 
} 
 
 
.siddharameshwara-page .ornament { 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    gap: 24px; 
} 
 
 
.siddharameshwara-page .ornament span { 
 
    height: 1px; 
 
    background: var(--line); 
 
    width: 330px; 
} 
 
 
.siddharameshwara-page .ornament i { 
 
    font-style: normal; 
 
    color: var(--gold); 
 
    border: 1px solid #d8ad6b; 
 
    border-radius: 50%; 
 
    width: 54px; 
 
    height: 54px; 
 
    display: grid; 
 
    place-items: center; 
 
    font-size: 31px; 
} 
 
 
.siddharameshwara-page .reflection p, 
.siddharameshwara-page .closing p { 
 
    font-style: italic; 
 
    color: var(--ink); 
 
    font-size: 21px; 
 
    margin: 16px 0 0; 
} 
 
 
/* ================================================== 
   SECTION HEADING 
================================================== */ 
 
.siddharameshwara-page .section-heading { 
 
    display: flex; 
 
    align-items: center; 
 
    gap: 26px; 
 
    padding-bottom: 18px; 
} 
 
 
.siddharameshwara-page .section-heading h2, 
.siddharameshwara-page .explore h2 { 
 
    font-size: 23px; 
 
    text-transform: uppercase; 
 
    letter-spacing: 3px; 
 
    color: var(--ink); 
 
    white-space: nowrap; 
 
    margin: 0; 
 
    font-weight: 600; 
} 
 
 
.siddharameshwara-page .section-heading .rule, 
.siddharameshwara-page .title-row .rule { 
 
    height: 1px; 
 
    background: var(--line); 
 
    flex: 1; 
} 
 
 
.siddharameshwara-page .section-heading p { 
 
    color: var(--ink); 
 
    font-size: 16px; 
 
    white-space: nowrap; 
 
    margin: 0; 
} 
 
 
/* ================================================== 
   SIDDHARAMESHWARA RIBBON 
================================================== */ 
 
.siddharameshwara-page .ribbon-v22 { 
 
    position: relative; 
 
    height: 390px; 
 
    overflow: hidden; 
 
    background: #8d8373; 
 
    isolation: isolate; 
} 
 
 
.siddharameshwara-page .siddha-ribbon { 
 
    position: absolute; 
 
    left: 0; 
 
    top: 0; 
 
    width: 100%; 
 
    height: 294px; 
 
    overflow: hidden; 
 
    z-index: 1; 
} 
 
 
.siddharameshwara-page .siddha-ribbon img { 
 
    width: 100%; 
 
    height: 100%; 
 
    display: block; 
 
    object-fit: cover; 
 
    object-position: center center; 
 
    filter: 
        sepia(.18) 
        saturate(.72) 
        contrast(.94) 
        brightness(.82); 
} 
 
 
.siddharameshwara-page .siddha-ribbon::after { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        linear-gradient( 
            90deg, 
            rgba(43, 29, 21, .32), 
            rgba(43, 29, 21, .08) 48%, 
            rgba(43, 29, 21, .25) 100% 
        ), 
 
        linear-gradient( 
            0deg, 
            rgba(39, 23, 15, .32), 
            transparent 48%, 
            rgba(247, 241, 230, .03) 
        ); 
 
    pointer-events: none; 
} 
 
 
/* ================================================== 
   FACET STRIP 
================================================== */ 
 
.siddharameshwara-page .facet-strip-v22 { 
 
    position: absolute; 
 
    left: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    height: 100px; 
 
    padding: 0 26px; 
 
    background: rgba(70, 38, 22, .90); 
 
    display: grid; 
 
    grid-template-columns: repeat(6, 1fr); 
 
    align-items: stretch; 
 
    z-index: 6; 
 
    border-top: 1px solid rgba(218, 158, 55, .45); 
} 
 
 
.siddharameshwara-page .facet-strip-v22 div { 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: center; 
 
    align-items: center; 
 
    text-align: center; 
 
    position: relative; 
 
    gap: 4px; 
 
    padding: 10px 12px; 
} 
 
 
.siddharameshwara-page 
.facet-strip-v22 div:not(:last-child):after { 
 
    content: ""; 
 
    position: absolute; 
 
    right: 0; 
 
    top: 21%; 
 
    height: 58%; 
 
    width: 1px; 
 
    background: rgba(214, 151, 46, .52); 
} 
 
 
.siddharameshwara-page .facet-strip-v22 strong { 
 
    color: #e7a63c; 
 
    font-family: var(--ui); 
 
    font-size: 17px; 
 
    line-height: 1.15; 
 
    font-weight: 600; 
 
    letter-spacing: .1px; 
} 
 
 
.siddharameshwara-page .facet-strip-v22 span { 
 
    color: #fff8eb; 
 
    font-family: var(--ui); 
 
    font-size: 13px; 
 
    line-height: 1.2; 
 
    margin-top: 0; 
 
    font-weight: 400; 
} 
 
 
/* ================================================== 
   EXPLORE 
================================================== */ 
 
.siddharameshwara-page .explore { 
 
    padding-top: 58px; 
 
    padding-bottom: 64px; 
} 
 
 
.siddharameshwara-page .explore-head { 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: space-between; 
 
    margin-bottom: 22px; 
} 
 
 
.siddharameshwara-page .title-row { 
 
    display: flex; 
 
    align-items: center; 
 
    gap: 24px; 
 
    flex: 1; 
 
    max-width: 760px; 
} 
 
 
.siddharameshwara-page .carousel-meta { 
 
    display: flex; 
 
    align-items: center; 
 
    gap: 18px; 
 
    color: var(--ink); 
} 
 
 
.siddharameshwara-page .carousel-meta em { 
 
    font-size: 15px; 
} 
 
 
/* ================================================== 
   NAV BUTTON 
================================================== */ 
 
.siddharameshwara-page .nav { 
 
    width: 42px; 
 
    height: 42px; 
 
    border-radius: 50%; 
 
    border: 1px solid var(--gold); 
 
    background: #fffaf1; 
 
    color: var(--ink); 
 
    font-size: 29px; 
 
    line-height: 1; 
 
    cursor: pointer; 
 
    transition: 
        transform .25s ease, 
        background-color .25s ease, 
        color .25s ease, 
        box-shadow .25s ease; 
} 
 
 
.siddharameshwara-page .nav:hover { 
 
    transform: translateY(-2px); 
 
    background: var(--gold); 
 
    color: #fffaf1; 
 
    box-shadow: 0 6px 15px rgba(73, 51, 31, .15); 
} 
 
 
.siddharameshwara-page .nav:active { 
 
    transform: translateY(0); 
} 
 
 
.siddharameshwara-page .nav:disabled { 
 
    opacity: .45; 
 
    cursor: default; 
 
    transform: none; 
 
    background: #fffaf1; 
 
    color: var(--ink); 
 
    box-shadow: none; 
} 
 
 
.siddharameshwara-page .count { 
 
    font-size: 14px; 
} 
 
 
/* ================================================== 
   CAROUSEL 
================================================== */ 
 
.siddharameshwara-page .carousel-viewport { 
 
    width: 100%; 
 
    overflow: hidden; 
 
    display: flex; 
 
    justify-content: center; 
} 
 
 
.siddharameshwara-page .cards { 
 
    display: flex; 
 
    gap: 14px; 
 
    width: max-content; 
 
    margin: 0 auto; 
 
    transition: 
        transform .45s cubic-bezier(.22, .61, .36, 1); 
} 
 
 
/* ================================================== 
   CARDS 
================================================== */ 
 
.siddharameshwara-page .card-media { 
 
    position: relative; 
 
    width: 100%; 
 
    height: 225px; 
 
    min-height: 225px; 
 
    max-height: 225px; 
 
    overflow: hidden; 
 
    background: #f3ede2; 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
} 
 
 
.siddharameshwara-page .card-media img { 
 
    position: relative; 
 
    z-index: 2; 
 
    display: block; 
 
    width: auto !important; 
 
    height: auto !important; 
 
    max-width: 100% !important; 
 
    max-height: 100% !important; 
 
    min-width: 0 !important; 
 
    min-height: 0 !important; 
 
    object-fit: contain !important; 
 
    object-position: center center !important; 
 
    margin: 0 !important; 
 
    padding: 0 !important; 
 
    transform: none !important; 
 
    filter: none; 
 
    transition: filter .55s ease; 
} 
 
 
.siddharameshwara-page .card:hover .card-media img { 
 
    width: auto !important; 
 
    height: auto !important; 
 
    max-width: 100% !important; 
 
    max-height: 100% !important; 
 
    object-fit: contain !important; 
 
    transform: none !important; 
 
    filter: saturate(1.04) brightness(1.025); 
} 
 
 
.siddharameshwara-page .card { 
 
    flex: 0 0 360px; 
 
    width: 360px; 
 
    max-width: 360px; 
} 
 
 
.siddharameshwara-page .card:nth-child(1) { 
 
    animation-delay: .05s; 
} 
 
 
.siddharameshwara-page .card:nth-child(2) { 
 
    animation-delay: .10s; 
} 
 
 
/* ================================================== 
   CARD GLOW 
================================================== */ 
 
.siddharameshwara-page .card::before { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        radial-gradient( 
            circle at 50% 20%, 
            rgba(201, 139, 39, .14), 
            transparent 62% 
        ); 
 
    opacity: 0; 
 
    pointer-events: none; 
 
    transition: opacity .35s ease; 
 
    z-index: -1; 
} 
 
 
.siddharameshwara-page .card:hover::before { 
 
    opacity: 1; 
} 
 
 
/* ================================================== 
   CARD HOVER 
================================================== */ 
 
.siddharameshwara-page .card:hover { 
 
    transform: translateY(-8px); 
 
    border-color: rgba(201, 139, 39, .65); 
 
    background-color: #fffaf1; 
 
    box-shadow: 
        0 16px 32px rgba(73, 51, 31, .15), 
        0 0 24px rgba(201, 139, 39, .09); 
} 
 
 
/* ================================================== 
   CARD MEDIA 
================================================== */ 
 
.siddharameshwara-page .card-media { 
 
    width: 100%; 
 
    height: 225px; 
 
    overflow: hidden; 
 
    background: #f3ede2; 
 
    position: relative; 
} 
 
 
.siddharameshwara-page .card-media img { 
 
    width: 100%; 
 
    height: 100%; 
 
    object-fit: contain; 
 
    object-position: center; 
 
    display: block; 
 
    transform: scale(1); 
 
    transition: 
        transform .55s cubic-bezier(.22, .61, .36, 1), 
        filter .55s ease; 
} 
 
 
.siddharameshwara-page .card:hover .card-media img { 
 
    transform: scale(1.035); 
 
    filter: 
        saturate(1.04) 
        brightness(1.025); 
} 
 
 
/* ================================================== 
   CARD BODY 
================================================== */ 
 
.siddharameshwara-page .card-body { 
 
    padding: 16px 16px 18px; 
 
    min-height: 150px; 
 
    display: flex; 
 
    flex-direction: column; 
 
    align-items: center; 
 
    text-align: center; 
 
    width: 100%; 
 
    transition: background-color .35s ease; 
} 
 
 
/* ================================================== 
   EYEBROW 
================================================== */ 
 
.siddharameshwara-page .eyebrow { 
 
    color: #a86e1f; 
 
    text-transform: uppercase; 
 
    letter-spacing: 1.05px; 
 
    font-family: var(--ui); 
 
    font-size: 11px; 
 
    font-weight: 650; 
 
    transition: color .3s ease, letter-spacing .3s ease; 
} 
 
 
.siddharameshwara-page .card:hover .eyebrow { 
 
    color: #a86e1f; 
 
    letter-spacing: 1.15px; 
} 
 
 
/* ================================================== 
   CARD TITLE 
================================================== */ 
 
.siddharameshwara-page .card h3 { 
 
    font-family: var(--ui); 
 
    font-size: 19px; 
 
    line-height: 1.18; 
 
    font-weight: 600; 
 
    letter-spacing: -.15px; 
 
    margin: 7px 0 12px; 
 
    color: var(--ink); 
 
    transition: color .3s ease, transform .3s ease; 
} 
 
 
.siddharameshwara-page .card:hover h3 { 
 
    color: var(--ink); 
 
    transform: translateY(-2px); 
} 
 
 
/* ================================================== 
   EXPLORE TEXT 
================================================== */ 
 
.siddharameshwara-page .explore11 { 
 
    margin-top: auto; 
 
    display: inline-flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    gap: 7px; 
 
    width: auto; 
 
    color: var(--ink); 
 
    text-decoration: none; 
 
    font-family: var(--ui); 
 
    font-size: 13px; 
 
    font-weight: 600; 
 
    line-height: 1.2; 
 
    text-align: center; 
 
    white-space: nowrap; 
 
    transition: color .25s ease, transform .25s ease; 
} 
 
 
.siddharameshwara-page .explore11 span { 
 
    display: inline-block; 
 
    font-size: 17px; 
 
    line-height: 1; 
 
    transition: transform .25s ease; 
} 
 
 
.siddharameshwara-page .card:hover .explore11 { 
 
    color: var(--gold); 
 
    transform: translateY(-1px); 
} 
 
 
.siddharameshwara-page .card:hover .explore11 span { 
 
    transform: translateX(4px); 
} 
 
 
/* ================================================== 
   CARD ENTRY ANIMATION 
================================================== */ 
 
@keyframes siddhaCardReveal { 
 
    0% { 
 
        opacity: 0; 
 
        transform: translateY(22px); 
    } 
 
    100% { 
 
        opacity: 1; 
 
        transform: translateY(0); 
    } 
 
} 
 
 
/* ================================================== 
   CLOSING 
================================================== */ 
 
.siddharameshwara-page .closing { 
 
    text-align: center; 
 
    padding-bottom: 34px; 
} 
 
 
.siddharameshwara-page .ornament.small span { 
 
    width: 300px; 
} 
 
 
.siddharameshwara-page .ornament.small i { 
 
    border: 0; 
 
    width: auto; 
 
    height: auto; 
 
    font-size: 13px; 
} 
 
 
.siddharameshwara-page .closing p { 
 
    margin: 13px 0 0; 
} 
 
 
.siddharameshwara-page .closing .gold-stroke { 
 
    margin: 18px auto 0; 
 
    width: 60px; 
 
    height: 2px; 
} 
 
 
/* ========================================================== 
   TABLET 
========================================================== */ 
 
@media (max-width: 900px) { 
 
    .siddharameshwara-page .page-width { 
 
        padding-left: 30px; 
 
        padding-right: 30px; 
    } 
 
 
    /* HERO */ 
 
    .siddharameshwara-page .hero { 
 
        height: auto; 
    } 
 
 
    .siddharameshwara-page .hero-content { 
 
        left: 4.2vw; 
        top: 50%; 
        transform: translateY(-55%); 
 
        width: 70vw; 
 
        padding-top: 0; 
    } 
 
 
    .siddharameshwara-page .crumbs { 
 
        font-size: 14px; 
 
        line-height: 1.7; 
 
        margin-bottom: 58px; 
    } 
 
 
    .siddharameshwara-page .hero h1 { 
 
        font-size: 58px; 
 
        margin-top: 0; 
    } 
 
 
    .siddharameshwara-page .descriptor { 
 
        font-size: 25px; 
    } 
 
 
    .siddharameshwara-page .hero-intro { 
 
        font-size: 19px; 
    } 
 
 
    /* REFLECTION */ 
 
    .siddharameshwara-page .reflection { 
 
        padding-top: 24px; 
 
        padding-bottom: 45px; 
    } 
 
 
    .siddharameshwara-page .ornament { 
 
        gap: 18px; 
    } 
 
 
    .siddharameshwara-page .ornament span { 
 
        width: 180px; 
    } 
 
 
    /* SECTION */ 
 
    .siddharameshwara-page .section-heading { 
 
        gap: 18px; 
    } 
 
 
    .siddharameshwara-page .section-heading h2, 
    .siddharameshwara-page .explore h2 { 
 
        font-size: 21px; 
 
        letter-spacing: 2px; 
    } 
 
 
    .siddharameshwara-page .section-heading p { 
 
        font-size: 15px; 
    } 
 
 
    /* RIBBON */ 
 
    .siddharameshwara-page .ribbon-v22 { 
 
        height: 480px; 
    } 
 
 
    .siddharameshwara-page .siddha-ribbon { 
 
        height: 320px; 
    } 
 
 
    /* FACET */ 
 
    .siddharameshwara-page .facet-strip-v22 { 
 
        height: 160px; 
 
        grid-template-columns: repeat(3, 1fr); 
 
        padding: 0; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 div { 
 
        padding: 10px 8px; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 strong { 
 
        font-size: 15px; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 span { 
 
        font-size: 12px; 
    } 
 
 
    /* EXPLORE */ 
 
    .siddharameshwara-page .explore { 
 
        padding-top: 50px; 
 
        padding-bottom: 55px; 
    } 
 
 
    .siddharameshwara-page .explore-head { 
 
        display: block; 
    } 
 
 
    .siddharameshwara-page .title-row { 
 
        max-width: none; 
 
        width: 100%; 
    } 
 
 
    .siddharameshwara-page .title-row .rule { 
 
        display: block; 
    } 
 
 
    .siddharameshwara-page .carousel-meta { 
 
        margin-top: 15px; 
    } 
 
 
    /* CARDS */ 
 
    .siddharameshwara-page .card { 
 
        flex-basis: calc((100% - 14px) / 2); 
    } 
 
} 
 
 
/* ========================================================== 
   MOBILE - 700px 
========================================================== */ 
 
@media (max-width: 700px) { 
 
    .siddharameshwara-page .page-width { 
 
        padding-left: 18px; 
        padding-right: 18px; 
    } 
 
 
    /* ================================================== 
       HERO 
    ================================================== */ 
 
    .siddharameshwara-page .hero { 
 
        height: 500px; 
 
        position: relative; 
 
        overflow: hidden; 
    } 
 
 
    .siddharameshwara-page .hero > img { 
 
        width: 100%; 
 
        height: 100%; 
 
        object-fit: cover; 
 
        object-position: center center; 
 
        display: block; 
    } 
 
 
    .siddharameshwara-page .hero-shade { 
 
        position: absolute; 
 
        inset: 0; 
 
        background: 
            linear-gradient( 
                180deg, 
                rgba(15, 12, 10, .76) 0%, 
                rgba(15, 12, 10, .42) 37%, 
                rgba(15, 12, 10, .04) 68% 
            ); 
    } 
 
 
    .siddharameshwara-page .hero-content { 
 
        left: 24px; 
        right: 24px; 
        top: 34px; 
 
        width: auto; 
 
        transform: none; 
 
        padding: 0; 
    } 
 
 
    /* ================================================== 
       BREADCRUMBS 
    ================================================== */ 
 
    .siddharameshwara-page .crumbs { 
 
        font-size: 12px; 
 
        line-height: 1.7; 
 
        display: flex; 
 
        flex-wrap: wrap; 
 
        align-items: center; 
 
        max-width: 100%; 
 
        margin-bottom: 95px; 
    } 
 
 
    .siddharameshwara-page .crumbs b { 
 
        padding: 0 6px; 
    } 
 
 
    /* ================================================== 
       HERO TITLE 
    ================================================== */ 
 
    .siddharameshwara-page .hero h1 { 
 
        font-size: 42px; 
 
        line-height: 1.05; 
 
        margin: 0 0 10px; 
 
        white-space: normal; 
 
        word-break: normal; 
 
        overflow-wrap: normal; 
 
        max-width: 100%; 
 
    } 
 
 
    .siddharameshwara-page .descriptor { 
 
        font-size: 20px; 
 
        line-height: 1.3; 
 
        margin-bottom: 16px; 
 
        letter-spacing: 0; 
 
        word-spacing: 0; 
 
        white-space: normal; 
 
        text-align: left; 
 
    } 
 
 
    .siddharameshwara-page .hero-intro { 
 
        font-size: 16px; 
 
        line-height: 1.45; 
 
        letter-spacing: 0; 
 
        word-spacing: 0; 
 
        max-width: 100%; 
    } 
 
 
    .siddharameshwara-page .hero-intro br { 
 
        display: none; 
    } 
 
 
    .siddharameshwara-page .gold-stroke { 
 
        width: 65px; 
 
        height: 2px; 
 
        margin-top: 20px; 
    } 
 
 
    /* ================================================== 
       REFLECTION 
    ================================================== */ 
 
    .siddharameshwara-page .reflection { 
 
        padding-top: 22px; 
 
        padding-bottom: 38px; 
    } 
 
 
    .siddharameshwara-page .ornament { 
 
        gap: 10px; 
    } 
 
 
    .siddharameshwara-page .ornament span { 
 
        width: 65px; 
    } 
 
 
    .siddharameshwara-page .ornament i { 
 
        width: 45px; 
 
        height: 45px; 
 
        font-size: 25px; 
 
        flex-shrink: 0; 
    } 
 
 
    .siddharameshwara-page .reflection p, 
    .siddharameshwara-page .closing p { 
 
        font-size: 18px; 
 
        line-height: 1.5; 
 
        margin-top: 14px; 
    } 
 
 
    /* ================================================== 
       SECTION HEADING 
    ================================================== */ 
 
    .siddharameshwara-page .section-heading { 
 
        display: block; 
 
        padding-bottom: 16px; 
    } 
 
 
    .siddharameshwara-page .section-heading h2, 
    .siddharameshwara-page .explore h2 { 
 
        font-size: 19px; 
 
        letter-spacing: 1.7px; 
 
        line-height: 1.35; 
 
        white-space: normal; 
    } 
 
 
    .siddharameshwara-page .section-heading .rule { 
 
        display: none; 
    } 
 
 
    .siddharameshwara-page .section-heading p { 
 
        font-size: 14px; 
 
        line-height: 1.5; 
 
        white-space: normal; 
 
        margin-top: 7px; 
    } 
 
 
    /* ================================================== 
       RIBBON 
    ================================================== */ 
 
    .siddharameshwara-page .ribbon-v22 { 
 
        height: 575px; 
    } 
 
 
    .siddharameshwara-page .siddha-ribbon { 
 
        left: 0; 
        top: 0; 
 
        width: 100%; 
 
        height: 310px; 
    } 
 
 
    .siddharameshwara-page .siddha-ribbon img { 
 
        width: 100%; 
 
        height: 100%; 
 
        object-fit: cover; 
 
        object-position: center center; 
 
        display: block; 
    } 
 
 
    /* ================================================== 
       FACET STRIP 
    ================================================== */ 
 
    .siddharameshwara-page .facet-strip-v22 { 
 
        left: 0; 
        right: 0; 
        bottom: 0; 
 
        height: 265px; 
 
        padding: 0; 
 
        grid-template-columns: repeat(2, 1fr); 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 div { 
 
        min-height: 132px; 
 
        padding: 12px 8px; 
 
        gap: 5px; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 div:not(:last-child):after { 
 
        right: 0; 
 
        top: 22%; 
 
        height: 56%; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 div:nth-child(2n):after { 
 
        display: none; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 strong { 
 
        font-size: 15px; 
 
        line-height: 1.2; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 span { 
 
        font-size: 12px; 
 
        line-height: 1.3; 
    } 
 
 
    /* ================================================== 
       EXPLORE 
    ================================================== */ 
 
    .siddharameshwara-page .explore { 
 
        padding-top: 42px; 
 
        padding-bottom: 48px; 
    } 
 
 
    .siddharameshwara-page .explore-head { 
 
        display: block; 
 
        margin-bottom: 18px; 
    } 
 
 
    .siddharameshwara-page .title-row { 
 
        display: block; 
 
        width: 100%; 
 
        max-width: none; 
    } 
 
 
    .siddharameshwara-page .title-row .rule { 
 
        display: none; 
    } 
 
 
    .siddharameshwara-page .explore h2 { 
 
        font-size: 20px; 
    } 
 
 
    /* ================================================== 
       CAROUSEL META 
    ================================================== */ 
 
    .siddharameshwara-page .carousel-meta { 
 
        display: flex; 
 
        width: 100%; 
 
        margin-top: 14px; 
 
        gap: 8px; 
 
        align-items: center; 
    } 
 
 
    .siddharameshwara-page .carousel-meta em { 
 
        flex: 1; 
 
        font-size: 13px; 
 
        line-height: 1.4; 
    } 
 
 
    .siddharameshwara-page .count { 
 
        font-size: 13px; 
 
        white-space: nowrap; 
    } 
 
 
    /* ================================================== 
       NAV BUTTON 
    ================================================== */ 
 
    .siddharameshwara-page .nav { 
 
        width: 38px; 
 
        height: 38px; 
 
        flex-shrink: 0; 
 
        font-size: 25px; 
    } 
 
 
    /* ================================================== 
       CAROUSEL VIEWPORT 
    ================================================== */ 
 
    .siddharameshwara-page .carousel-viewport { 
 
        width: 100%; 
 
        overflow: hidden; 
 
        position: relative; 
    } 
 
 
    /* ================================================== 
       CARDS CONTAINER 
    ================================================== */ 
 
    .siddharameshwara-page .cards { 
 
        display: flex; 
 
        justify-content: flex-start; 
 
        align-items: stretch; 
 
        gap: 12px; 
 
        width: 100%; 
 
        transition: 
            transform .45s cubic-bezier(.22, .61, .36, 1); 
    } 
 
 
    /* ================================================== 
       MOBILE - ONLY ONE CARD 
    ================================================== */ 
 
    .siddharameshwara-page .card { 
 
        flex: 0 0 100%; 
 
        width: 100%; 
 
        max-width: 100%; 
 
        min-width: 100%; 
 
        margin: 0; 
 
        opacity: 1; 
 
        transform: translateY(0) scale(1); 
 
        animation: none; 
 
        transition: 
            transform .35s ease, 
            box-shadow .35s ease, 
            border-color .35s ease; 
    } 
 
 
    /* ================================================== 
       CARD MEDIA 
    ================================================== */ 
 
    .siddharameshwara-page .card-media { 
 
        width: 100%; 
 
        height: 190px; 
 
        overflow: hidden; 
 
        background: #f3ede2; 
 
        position: relative; 
    } 
 
 
    .siddharameshwara-page .card-media img { 
 
        width: 100%; 
 
        height: 100%; 
 
        object-fit: contain; 
 
        object-position: center center; 
 
        display: block; 
 
        transform: none; 
    } 
 
 
    /* ================================================== 
       CARD BODY 
    ================================================== */ 
 
    .siddharameshwara-page .card-body { 
 
        min-height: 145px; 
 
        padding: 15px 15px 17px; 
 
        width: 100%; 
    } 
 
 
    /* ================================================== 
       EYEBROW 
    ================================================== */ 
 
    .siddharameshwara-page .eyebrow { 
 
        font-size: 10px; 
 
        letter-spacing: 1px; 
    } 
 
 
    /* ================================================== 
       CARD TITLE 
    ================================================== */ 
 
    .siddharameshwara-page .card h3 { 
 
        font-size: 18px; 
 
        line-height: 1.25; 
 
        margin-top: 7px; 
 
        margin-bottom: 12px; 
    } 
 
 
    /* ================================================== 
       EXPLORE 
    ================================================== */ 
 
    .siddharameshwara-page .explore11 { 
 
        font-size: 12px; 
 
        gap: 6px; 
    } 
 
 
    .siddharameshwara-page .explore11 span { 
 
        font-size: 16px; 
    } 
 
 
    /* ================================================== 
       CLOSING 
    ================================================== */ 
 
    .siddharameshwara-page .closing { 
 
        padding-bottom: 28px; 
    } 
 
 
    .siddharameshwara-page .ornament.small span { 
 
        width: 65px; 
    } 
 
 
    .siddharameshwara-page .ornament.small i { 
 
        font-size: 11px; 
    } 
 
 
    .siddharameshwara-page .closing p { 
 
        font-size: 17px; 
 
        line-height: 1.5; 
    } 
 
 
    .siddharameshwara-page .closing .gold-stroke { 
 
        width: 50px; 
 
        margin-top: 15px; 
    } 
 
} 
 
 
/* ========================================================== 
   SMALL MOBILE - 480px 
========================================================== */ 
 
@media (max-width: 480px) { 
 
    .siddharameshwara-page .page-width { 
 
        padding-left: 15px; 
 
        padding-right: 15px; 
    } 
 
 
    /* HERO */ 
 
    .siddharameshwara-page .hero { 
 
        height: 480px; 
 
        position: relative; 
 
        overflow: hidden; 
    } 
 
 
    .siddharameshwara-page .hero > img { 
 
        width: 100%; 
 
        height: 100%; 
 
        object-fit: cover; 
 
        object-position: center center; 
 
        display: block; 
    } 
 
 
    .siddharameshwara-page .hero-content { 
 
        left: 20px; 
        right: 20px; 
        top: 22px; 
 
        width: auto; 
 
        transform: none; 
 
        padding: 0; 
    } 
 
 
    .siddharameshwara-page .crumbs { 
 
        font-size: 12px; 
 
        line-height: 1.8; 
 
        margin-bottom: 75px; 
    } 
 
 
    .siddharameshwara-page .crumbs b { 
 
        padding: 0 4px; 
    } 
 
 
    .siddharameshwara-page .hero h1 { 
 
        font-size: 36px; 
 
        line-height: 1.08; 
 
        margin-top: 0; 
 
        margin-bottom: 8px; 
 
        max-width: 100%; 
    } 
 
 
    .siddharameshwara-page .descriptor { 
 
        font-size: 18px; 
 
        line-height: 1.3; 
 
        letter-spacing: 0; 
 
        word-spacing: 0; 
 
        text-align: left; 
    } 
 
 
    .siddharameshwara-page .hero-intro { 
 
        font-size: 16px; 
 
        max-width: 310px; 
    } 
 
 
    /* REFLECTION */ 
 
    .siddharameshwara-page .ornament { 
 
        gap: 7px; 
    } 
 
 
    .siddharameshwara-page .ornament span { 
 
        width: 45px; 
    } 
 
 
    .siddharameshwara-page .ornament i { 
 
        width: 42px; 
 
        height: 42px; 
 
        font-size: 23px; 
    } 
 
 
    .siddharameshwara-page .reflection p, 
    .siddharameshwara-page .closing p { 
 
        font-size: 17px; 
    } 
 
 
    /* SECTION */ 
 
    .siddharameshwara-page .section-heading h2, 
    .siddharameshwara-page .explore h2 { 
 
        font-size: 17px; 
 
        letter-spacing: 1.3px; 
    } 
 
 
    .siddharameshwara-page .section-heading p { 
 
        font-size: 13px; 
    } 
 
 
    /* RIBBON */ 
 
    .siddharameshwara-page .ribbon-v22 { 
 
        height: 555px; 
    } 
 
 
    .siddharameshwara-page .siddha-ribbon { 
 
        height: 295px; 
    } 
 
 
    /* FACET */ 
 
    .siddharameshwara-page .facet-strip-v22 { 
 
        height: 260px; 
    } 
 
 
    .siddharameshwara-page 
    .facet-strip-v22 div { 
 
        min-height: 130px; 
 
        padding: 10px 6px; 
    } 
 
 
    .siddharameshwara-page 
    .facet-strip-v22 strong { 
 
        font-size: 14px; 
    } 
 
 
    .siddharameshwara-page 
    .facet-strip-v22 span { 
 
        font-size: 11px; 
    } 
 
 
    /* EXPLORE */ 
 
    .siddharameshwara-page .explore { 
 
        padding-top: 38px; 
 
        padding-bottom: 42px; 
    } 
 
 
    .siddharameshwara-page .carousel-meta { 
 
        gap: 6px; 
    } 
 
 
    .siddharameshwara-page .carousel-meta em { 
 
        font-size: 12px; 
    } 
 
 
    .siddharameshwara-page .nav { 
 
        width: 36px; 
 
        height: 36px; 
 
        font-size: 23px; 
    } 
 
 
    .siddharameshwara-page .count { 
 
        font-size: 12px; 
    } 
 
 
    /* CARD */ 
 
    .siddharameshwara-page .card { 
 
        flex-basis: 100%; 
    } 
 
 
    .siddharameshwara-page .card-media { 
 
        height: 175px; 
    } 
 
 
    .siddharameshwara-page .card-body { 
 
        min-height: 140px; 
    } 
 
 
    .siddharameshwara-page .card h3 { 
 
        font-size: 17px; 
    } 
 
} 
 
 
/* ========================================================== 
   VERY SMALL MOBILE - 360px 
========================================================== */ 
 
@media (max-width: 360px) { 
 
    .siddharameshwara-page .page-width { 
 
        padding-left: 12px; 
 
        padding-right: 12px; 
    } 
 
 
    .siddharameshwara-page .hero { 
 
        height: 460px; 
 
        position: relative; 
 
        overflow: hidden; 
    } 
 
 
    .siddharameshwara-page .hero > img { 
 
        width: 100%; 
 
        height: 100%; 
 
        object-fit: cover; 
 
        object-position: center center; 
 
        display: block; 
    } 
 
 
    .siddharameshwara-page .hero-content { 
 
        left: 18px; 
        right: 18px; 
        top: 22px; 
 
        width: auto; 
 
        transform: none; 
    } 
 
 
    .siddharameshwara-page .crumbs { 
 
        margin-bottom: 68px; 
    } 
 
 
    .siddharameshwara-page .hero h1 { 
 
        font-size: 32px; 
 
        line-height: 1.1; 
 
        margin-top: 0; 
 
        max-width: 100%; 
    } 
 
 
    .siddharameshwara-page .descriptor { 
 
        font-size: 16px; 
 
        line-height: 1.3; 
 
        letter-spacing: 0; 
 
        word-spacing: 0; 
 
        text-align: left; 
    } 
 
 
    .siddharameshwara-page .hero-intro { 
 
        font-size: 15px; 
    } 
 
 
    .siddharameshwara-page .ornament span { 
 
        width: 35px; 
    } 
 
 
    .siddharameshwara-page .section-heading h2, 
    .siddharameshwara-page .explore h2 { 
 
        font-size: 16px; 
    } 
 
 
    .siddharameshwara-page .ribbon-v22 { 
 
        height: 535px; 
    } 
 
 
    .siddharameshwara-page .siddha-ribbon { 
 
        height: 285px; 
    } 
 
 
    .siddharameshwara-page .facet-strip-v22 { 
 
        height: 250px; 
    } 
 
 
    .siddharameshwara-page 
    .facet-strip-v22 strong { 
 
        font-size: 13px; 
    } 
 
 
    .siddharameshwara-page 
    .facet-strip-v22 span { 
 
        font-size: 10px; 
    } 
 
 
    .siddharameshwara-page .carousel-meta em { 
 
        font-size: 11px; 
    } 
 
 
    .siddharameshwara-page .card { 
 
        flex-basis: 92%; 
    } 
 
}


/* ///////////////////////////////////////////////////////////sharanas//////////////////////////////////////////////////////////////////////// */

/* =========================================================
   SHARANAS PAGE
========================================================= */

.sharanas-page { 
 
    --navy: #073653; 
    --navy2: #05304a; 
    --ink: #0b3557; 
    --gold: #c98b27; 
    --cream: #f8f3e9; 
    --umber: #49331f; 
    --line: #d5a35a; 
 
    --serif: "Source Serif 4", 
        Georgia, 
        "Times New Roman", 
        serif; 
 
    --ui: "Aptos", 
        "Segoe UI", 
        Arial, 
        sans-serif; 
 
    --max: 1440px; 
 
    box-sizing: border-box; 
 
    background: var(--cream); 
 
    color: #2c241d; 
 
    font-family: var(--serif); 
} 
 
 
.sharanas-page *, 
.sharanas-page *::before, 
.sharanas-page *::after { 
 
    box-sizing: border-box; 
 
} 
 
 
.sharanas-page html { 
 
    scroll-behavior: smooth; 
 
} 
 
 
.sharanas-page .page-width { 
 
    max-width: var(--max); 
 
    margin: auto; 
 
    padding-left: 46px; 
    padding-right: 46px; 
 
} 
 
 
/* ========================================================== 
   HERO 
   DESKTOP IMAGE - NATURAL HEIGHT
========================================================== */ 
 
.sharanas-page .hero { 
 
    position: relative; 
 
    width: 100%; 
 
    height: auto; 
 
    overflow: hidden; 
 
} 
 
 
.sharanas-page .hero > img { 
 
    width: 100%; 
 
    height: auto; 
 
    display: block; 
 
} 
 
 
.sharanas-page .hero-shade { 
 
    position: absolute; 
 
    inset: 0; 
 
    background: linear-gradient( 
        90deg, 
        rgba(18, 11, 7, .82) 0%, 
        rgba(18, 11, 7, .58) 30%, 
        rgba(18, 11, 7, .12) 56%, 
        rgba(18, 11, 7, 0) 72% 
    ); 
 
} 
 
 
.sharanas-page .hero-content { 
 
    position: absolute; 
 
    left: 4.2vw; 
 
    top: 50%; 
 
    transform: translateY(-55%); 
 
    width: min(620px, 50vw); 
 
    color: white; 
 
    z-index: 2; 
 
} 
 
 
.sharanas-page .crumbs { 
 
    font-size: 15px; 
 
    margin-bottom: 58px; 
 
} 
 
 
.sharanas-page .crumbs a { 
 
    color: #fff; 
 
    text-decoration: none; 
 
} 
 
 
.sharanas-page .crumbs a:hover { 
 
    color: #e5aa3a; 
 
} 
 
 
.sharanas-page .crumbs b { 
 
    color: var(--gold); 
 
    padding: 0 10px; 
 
} 
 
 
.sharanas-page .hero h1 { 
 
    font-size: 68px; 
 
    line-height: 1; 
 
    margin: 0 0 14px; 
 
    font-weight: 500; 
 
} 
 
 
.sharanas-page .descriptor { 
 
    font-size: 28px; 
 
    color: #e5aa3a; 
 
    margin: 0 0 22px; 
 
} 
 
 
.sharanas-page .hero-intro { 
 
    font-size: 21px; 
 
    line-height: 1.45; 
 
    margin: 0; 
 
} 
 
 
.sharanas-page .gold-stroke { 
 
    display: block; 
 
    width: 84px; 
 
    height: 3px; 
 
    background: #e1a532; 
 
    margin-top: 25px; 
 
} 
 
 
/* ========================================================== 
   HERO TABLET WIDTH
========================================================== */ 
 
@media (max-width: 1180px) { 
 
    .sharanas-page .hero-content { 
 
        width: 70vw; 
 
    } 
 
} 
 
 
/* ========================================================== 
   PARCHMENT 
========================================================== */ 
 
.sharanas-page .parchment { 
 
    background: linear-gradient( 
        90deg, 
        #faf7ef, 
        #f8f2e6 50%, 
        #faf7ef 
    ); 
 
} 
 
 
.sharanas-page .opening { 
 
    padding-top: 0; 
 
} 
 
 
/* ========================================================== 
   REFLECTION 
========================================================== */ 
 
.sharanas-page .reflection { 
 
    padding-top: 28px; 
 
    padding-bottom: 52px; 
 
    text-align: center; 
 
} 
 
 
.sharanas-page .ornament { 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    gap: 24px; 
 
} 
 
 
.sharanas-page .ornament span { 
 
    height: 1px; 
 
    background: var(--line); 
 
    width: 330px; 
 
} 
 
 
.sharanas-page .ornament i { 
 
    font-style: normal; 
 
    color: var(--gold); 
 
    border: 1px solid #d8ad6b; 
 
    border-radius: 50%; 
 
    width: 54px; 
 
    height: 54px; 
 
    display: grid; 
 
    place-items: center; 
 
    font-size: 31px; 
 
} 
 
 
.sharanas-page .reflection p, 
.sharanas-page .closing p { 
 
    font-style: italic; 
 
    color: var(--ink); 
 
    font-size: 21px; 
 
    margin: 16px 0 0; 
 
} 
 
 
/* ========================================================== 
   SECTION HEADING 
========================================================== */ 
 
.sharanas-page .section-heading { 
 
    display: flex; 
 
    align-items: center; 
 
    gap: 26px; 
 
    padding-bottom: 18px; 
 
} 
 
 
.sharanas-page .section-heading h2, 
.sharanas-page .explore h2 { 
 
    font-size: 23px; 
 
    text-transform: uppercase; 
 
    letter-spacing: 3px; 
 
    color: var(--ink); 
 
    white-space: nowrap; 
 
    margin: 0; 
 
    font-weight: 600; 
 
} 
 
 
.sharanas-page .section-heading .rule, 
.sharanas-page .title-row .rule, 
.sharanas-page .explore-head > .rule { 
 
    height: 1px; 
 
    background: var(--line); 
 
    flex: 1; 
 
} 
 
 
.sharanas-page .section-heading p { 
 
    color: var(--ink); 
 
    font-size: 16px; 
 
    white-space: nowrap; 
 
    margin: 0; 
 
} 
 
 
/* ========================================================== 
   SHARANAS RIBBON 
========================================================== */ 
 
.sharanas-page .sharanas-ribbon { 
 
    position: relative; 
 
    height: 390px; 
 
    overflow: hidden; 
 
    background: #8d8373; 
 
    isolation: isolate; 
 
} 
 
 
/* ========================================================== 
   ASSEMBLY 
========================================================== */ 
 
.sharanas-page .sharana-panel.assembly { 
 
    position: absolute; 
 
    left: 0; 
 
    top: 0; 
 
    width: 30%; 
 
    height: 294px; 
 
    overflow: hidden; 
 
    z-index: 1; 
 
} 
 
 
.sharanas-page .sharana-panel.assembly img { 
 
    width: 100%; 
 
    height: 100%; 
 
    object-fit: cover; 
 
    object-position: center 44%; 
 
    display: block; 
 
    filter: 
        sepia(.24) 
        saturate(.70) 
        contrast(.93) 
        brightness(.78); 
 
} 
 
 
.sharanas-page .sharana-panel.assembly::after { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: linear-gradient( 
        90deg, 
        rgba(35, 24, 18, .35) 0%, 
        rgba(42, 30, 23, .18) 68%, 
        rgba(48, 34, 25, .30) 86%, 
        rgba(48, 34, 25, .68) 100% 
    ); 
 
} 
 
 
/* ========================================================== 
   LINGA 
========================================================== */ 
 
.sharanas-page .sharana-panel.linga { 
 
    position: absolute; 
 
    left: 27%; 
 
    top: 0; 
 
    width: 15%; 
 
    height: 294px; 
 
    overflow: hidden; 
 
    z-index: 2; 
 
} 
 
 
.sharanas-page .sharana-panel.linga img { 
 
    width: 100%; 
 
    height: 100%; 
 
    object-fit: cover; 
 
    object-position: center; 
 
    display: block; 
 
    filter: 
        saturate(.68) 
        sepia(.20) 
        contrast(.94) 
        brightness(.82); 
 
} 
 
 
/* ========================================================== 
   KAYAKA 
========================================================== */ 
 
.sharanas-page .sharana-panel.kayaka { 
 
    position: absolute; 
 
    left: 40%; 
 
    top: 0; 
 
    width: 22%; 
 
    height: 294px; 
 
    overflow: hidden; 
 
    z-index: 1; 
 
} 
 
 
.sharanas-page .sharana-panel.kayaka img { 
 
    width: 100%; 
 
    height: 100%; 
 
    object-fit: cover; 
 
    object-position: center; 
 
    display: block; 
 
    filter: 
        saturate(.62) 
        sepia(.18) 
        contrast(.93) 
        brightness(.80); 
 
} 
 
 
/* ========================================================== 
   HISTORICAL 
========================================================== */ 
 
.sharanas-page .sharana-panel.historical { 
 
    position: absolute; 
 
    left: 60%; 
 
    top: 0; 
 
    width: 18%; 
 
    height: 294px; 
 
    overflow: hidden; 
 
    z-index: 1; 
 
} 
 
 
.sharanas-page .sharana-panel.historical img { 
 
    width: 100%; 
 
    height: 100%; 
 
    object-fit: cover; 
 
    object-position: center 22%; 
 
    display: block; 
 
    filter: 
        saturate(.62) 
        sepia(.20) 
        contrast(.93) 
        brightness(.80); 
 
} 
 
 
/* ========================================================== 
   KUDALA 
========================================================== */ 
 
.sharanas-page .sharana-panel.kudala { 
 
    position: absolute; 
 
    right: 0; 
 
    top: 0; 
 
    width: 24%; 
 
    height: 294px; 
 
    overflow: hidden; 
 
    z-index: 0; 
 
} 
 
 
.sharanas-page .sharana-panel.kudala img { 
 
    width: 100%; 
 
    height: 100%; 
 
    object-fit: cover; 
 
    object-position: center 38%; 
 
    display: block; 
 
    filter: 
        saturate(.60) 
        sepia(.20) 
        contrast(.93) 
        brightness(.82); 
 
} 
 
 
.sharanas-page .sharana-panel.kudala::after { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        linear-gradient( 
            90deg, 
            rgba(43, 29, 21, .58), 
            transparent 27% 
        ), 
        linear-gradient( 
            0deg, 
            rgba(39, 23, 15, .40), 
            transparent 43%, 
            rgba(247, 241, 230, .03) 
        ); 
 
} 
 
 
/* ========================================================== 
   PANEL SEPARATORS 
========================================================== */ 
 
.sharanas-page .sharana-panel:not(:first-child)::before { 
 
    content: ""; 
 
    position: absolute; 
 
    z-index: 5; 
 
    left: 0; 
 
    top: 0; 
 
    bottom: 0; 
 
    width: 18px; 
 
    background: 
        linear-gradient( 
            90deg, 
            rgba(40, 31, 24, .22), 
            transparent 
        ); 
 
    pointer-events: none; 
 
} 
 
 
/* ========================================================== 
   CENTER BLENDING 
========================================================== */ 
 
.sharanas-page .sharana-panel.kayaka::after { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        linear-gradient( 
            90deg, 
            rgba(67, 48, 36, .30), 
            rgba(73, 54, 41, .08) 48%, 
            transparent 100% 
        ); 
 
} 
 
 
/* ========================================================== 
   FACET STRIP 
========================================================== */ 
 
.sharanas-page .facet-strip-sharanas { 
 
    position: absolute; 
 
    left: 0; 
 
    right: 0; 
 
    bottom: 0; 
 
    height: 100px; 
 
    padding: 0 26px; 
 
    background: 
        rgba(70, 38, 22, .90); 
 
    display: grid; 
 
    grid-template-columns: 
        repeat(6, 1fr); 
 
    align-items: stretch; 
 
    z-index: 10; 
 
    border-top: 
        1px solid rgba(218, 158, 55, .45); 
 
} 
 
 
.sharanas-page .facet-strip-sharanas > div { 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: center; 
 
    align-items: center; 
 
    text-align: center; 
 
    position: relative; 
 
    gap: 4px; 
 
    padding: 10px 12px; 
 
} 
 
 
.sharanas-page 
.facet-strip-sharanas 
> div:not(:last-child)::after { 
 
    content: ""; 
 
    position: absolute; 
 
    right: 0; 
 
    top: 21%; 
 
    height: 58%; 
 
    width: 1px; 
 
    background: 
        rgba(214, 151, 46, .52); 
 
} 
 
 
.sharanas-page .facet-strip-sharanas strong { 
 
    color: #e7a63c; 
 
    font-family: var(--ui); 
 
    font-size: 17px; 
 
    line-height: 1.15; 
 
    font-weight: 600; 
 
} 
 
 
.sharanas-page .facet-strip-sharanas span { 
 
    color: #fff8eb; 
 
    font-family: var(--ui); 
 
    font-size: 13px; 
 
    line-height: 1.2; 
 
} 
 
 
/* ========================================================== 
   EXPLORE 
========================================================== */ 
 
.sharanas-page .explore { 
 
    padding-top: 58px; 
 
    padding-bottom: 64px; 
 
} 
 
 
.sharanas-page .explore-head { 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: space-between; 
 
    margin-bottom: 22px; 
 
} 
 
 
.sharanas-page .title-row { 
 
    display: flex; 
 
    align-items: center; 
 
    gap: 24px; 
 
    flex: 1; 
 
    max-width: 760px; 
 
} 
 
 
.sharanas-page .carousel-meta { 
 
    display: flex; 
 
    align-items: center; 
 
    gap: 18px; 
 
    color: var(--ink); 
 
} 
 
 
.sharanas-page .carousel-meta em { 
 
    font-size: 15px; 
 
} 
 
 
.sharanas-page .nav { 
 
    width: 42px; 
 
    height: 42px; 
 
    border-radius: 50%; 
 
    border: 1px solid var(--gold); 
 
    background: #fffaf1; 
 
    color: var(--ink); 
 
    font-size: 29px; 
 
    line-height: 1; 
 
    cursor: pointer; 
 
    transition: 
        transform .25s ease, 
        background-color .25s ease, 
        color .25s ease, 
        box-shadow .25s ease; 
 
} 
 
 
.sharanas-page .nav:hover { 
 
    transform: translateY(-2px); 
 
    background: var(--gold); 
 
    color: #fffaf1; 
 
    box-shadow: 
        0 6px 15px rgba(73, 51, 31, .15); 
 
} 
 
 
.sharanas-page .nav:active { 
 
    transform: translateY(0); 
 
} 
 
 
.sharanas-page .count { 
 
    font-size: 14px; 
 
} 
 
 
.sharanas-page .carousel-viewport { 
 
    overflow: hidden; 
 
    width: 100%; 
 
} 
 
 
.sharanas-page .cards { 
 
    display: flex; 
 
    gap: 14px; 
 
    transition: 
        transform .45s cubic-bezier(.22, .61, .36, 1); 
 
} 
 
 
/* ========================================================== 
   CARD 
========================================================== */ 
 
.sharanas-page .card { 
 
    position: relative; 
 
    isolation: isolate; 
 
    flex: 0 0 calc((100% - 56px) / 5); 
 
    min-width: 0; 
 
    background: #fbf7ee; 
 
    border: 1px solid #e3d7c5; 
 
    border-radius: 5px; 
 
    box-shadow: 
        0 4px 11px rgba(74, 51, 30, .10); 
 
    overflow: hidden; 
 
    text-decoration: none; 
 
    color: inherit; 
 
    opacity: 0; 
 
    transform: translateY(22px); 
 
    animation: 
        sharanasCardReveal 
        .65s 
        cubic-bezier(.22, .61, .36, 1) 
        forwards; 
 
    transition: 
        transform .35s ease, 
        box-shadow .35s ease, 
        border-color .35s ease, 
        background-color .35s ease; 
 
} 
 
 
/* ========================================================== 
   CARD GOLDEN GLOW 
========================================================== */ 
 
.sharanas-page .card::before { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        radial-gradient( 
            circle at 50% 20%, 
            rgba(201, 139, 39, .14), 
            transparent 62% 
        ); 
 
    opacity: 0; 
 
    pointer-events: none; 
 
    transition: 
        opacity .35s ease; 
 
    z-index: -1; 
 
} 
 
 
.sharanas-page .card:hover::before { 
 
    opacity: 1; 
 
} 
 
 
/* ========================================================== 
   CARD HOVER 
========================================================== */ 
 
.sharanas-page .card:hover { 
 
    transform: translateY(-8px); 
 
    border-color: 
        rgba(201, 139, 39, .65); 
 
    background-color: #fffaf1; 
 
    box-shadow: 
        0 16px 32px rgba(73, 51, 31, .15), 
        0 0 24px rgba(201, 139, 39, .09); 
 
} 
 
 
/* ========================================================== 
   CARD MEDIA 
   FULL IMAGE VISIBLE - NO CROPPING
========================================================== */ 
 
.sharanas-page .card-media { 
 
    position: relative; 
 
    width: 100%; 
 
    height: 160px; 
 
    min-height: 160px; 
 
    max-height: 160px; 
 
    overflow: hidden; 
 
    background: #eee5d6; 
 
    display: flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    isolation: isolate; 
} 
 
 
.sharanas-page .card-media::before { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: -18px; 
 
    background-image: var(--card-image); 
 
    background-size: cover; 
 
    background-position: center; 
 
    background-repeat: no-repeat; 
 
    filter: 
        blur(18px) 
        saturate(.72) 
        brightness(.78); 
 
    transform: scale(1.08); 
 
    opacity: .76; 
 
    z-index: -2; 
 
} 
 
 
.sharanas-page .card-media::after { 
 
    content: ""; 
 
    position: absolute; 
 
    inset: 0; 
 
    background: 
        rgba(70, 50, 34, .05); 
 
    pointer-events: none; 
 
    z-index: -1; 
 
} 
 
 
.sharanas-page .card-media > img { 
 
    position: relative; 
 
    z-index: 2; 
 
    display: block; 
 
    width: auto !important; 
 
    height: auto !important; 
 
    max-width: 100% !important; 
 
    max-height: 100% !important; 
 
    min-width: 0 !important; 
 
    min-height: 0 !important; 
 
    object-fit: contain !important; 
 
    object-position: center center !important; 
 
    margin: 0 !important; 
 
    padding: 0 !important; 
 
    transform: none !important; 
 
    filter: none; 
 
    transition: 
        filter .45s ease; 
} 
 
 
.sharanas-page .card:hover .card-media > img { 
 
    width: auto !important; 
 
    height: auto !important; 
 
    max-width: 100% !important; 
 
    max-height: 100% !important; 
 
    object-fit: contain !important; 
 
    transform: none !important; 
 
    filter: 
        saturate(1.04) 
        brightness(1.025); 
 
} 
 
 
/* ========================================================== 
   CARD BODY 
========================================================== */ 
 
.sharanas-page .card-body { 
 
    padding: 16px 16px 18px; 
 
    min-height: 150px; 
 
    display: flex; 
 
    flex-direction: column; 
 
    align-items: center; 
 
    text-align: center; 
 
    width: 100%; 
 
    transition: 
        background-color .35s ease; 
 
} 
 
 
/* ========================================================== 
   EYEBROW 
========================================================== */ 
 
.sharanas-page .eyebrow { 
 
    color: #a86e1f; 
 
    text-transform: uppercase; 
 
    letter-spacing: 1.05px; 
 
    font-family: var(--ui); 
 
    font-size: 11px; 
 
    font-weight: 650; 
 
    transition: 
        color .3s ease, 
        letter-spacing .3s ease; 
 
} 
 
 
.sharanas-page .card:hover .eyebrow { 
 
    color: #a86e1f; 
 
    letter-spacing: 1.15px; 
 
} 
 
 
/* ========================================================== 
   CARD TITLE 
========================================================== */ 
 
.sharanas-page .card h3 { 
 
    font-family: var(--ui); 
 
    font-size: 19px; 
 
    line-height: 1.18; 
 
    font-weight: 600; 
 
    letter-spacing: -.15px; 
 
    margin: 7px 0 12px; 
 
    color: var(--ink); 
 
    transition: 
        color .3s ease, 
        transform .3s ease; 
 
} 
 
 
.sharanas-page .card:hover h3 { 
 
    color: var(--ink); 
 
    transform: translateY(-2px); 
 
} 
 
 
/* ========================================================== 
   EXPLORE TEXT 
========================================================== */ 
 
.sharanas-page .explore11 { 
 
    margin-top: auto; 
 
    display: inline-flex; 
 
    align-items: center; 
 
    justify-content: center; 
 
    gap: 7px; 
 
    width: auto; 
 
    color: var(--ink); 
 
    text-decoration: none; 
 
    font-family: var(--ui); 
 
    font-size: 13px; 
 
    font-weight: 600; 
 
    line-height: 1.2; 
 
    text-align: center; 
 
    white-space: nowrap; 
 
    transition: 
        color .25s ease, 
        transform .25s ease; 
 
} 
 
 
.sharanas-page .explore11 span { 
 
    display: inline-block; 
 
    font-size: 17px; 
 
    line-height: 1; 
 
    transition: 
        transform .25s ease; 
 
} 
 
 
.sharanas-page .card:hover .explore11 { 
 
    color: var(--gold); 
 
    transform: translateY(-1px); 
 
} 
 
 
.sharanas-page .card:hover .explore11 span { 
 
    transform: translateX(4px); 
 
} 
 
 
/* ========================================================== 
   CARD ANIMATION 
========================================================== */ 
 
@keyframes sharanasCardReveal { 
 
    0% { 
 
        opacity: 0; 
 
        transform: 
            translateY(22px); 
 
    } 
 
    100% { 
 
        opacity: 1; 
 
        transform: 
            translateY(0); 
 
    } 
 
} 
 
 
/* ========================================================== 
   STAGGER 
========================================================== */ 
 
.sharanas-page .cards .card:nth-child(1) { 
 
    animation-delay: .05s; 
 
} 
 
 
.sharanas-page .cards .card:nth-child(2) { 
 
    animation-delay: .10s; 
 
} 
 
 
.sharanas-page .cards .card:nth-child(3) { 
 
    animation-delay: .15s; 
 
} 
 
 
.sharanas-page .cards .card:nth-child(4) { 
 
    animation-delay: .20s; 
 
} 
 
 
.sharanas-page .cards .card:nth-child(5) { 
 
    animation-delay: .25s; 
 
} 
 
 
/* ========================================================== 
   HOLD CARD 
========================================================== */ 
 
.sharanas-page .hold-card { 
 
    cursor: default; 
 
} 
 
 
/* ========================================================== 
   CLOSING 
========================================================== */ 
 
.sharanas-page .closing { 
 
    text-align: center; 
 
    padding-bottom: 34px; 
 
} 
 
 
.sharanas-page .ornament.small span { 
 
    width: 300px; 
 
} 
 
 
.sharanas-page .ornament.small i { 
 
    border: 0; 
 
    width: auto; 
 
    height: auto; 
 
    font-size: 13px; 
 
} 
 
 
.sharanas-page .closing p { 
 
    margin: 13px 0 0; 
 
} 
 
 
.sharanas-page .closing .gold-stroke { 
 
    margin: 18px auto 0; 
 
    width: 60px; 
 
    height: 2px; 
 
} 
 
 
/* ========================================================== 
   TABLET 
========================================================== */ 
 
@media (max-width: 900px) { 
 
    .sharanas-page .page-width { 
 
        padding-left: 30px; 
 
        padding-right: 30px; 
 
    } 
 
 
    /* HERO */ 
 
    .sharanas-page .hero { 
 
        height: auto; 
 
    } 
 
 
    .sharanas-page .hero-content { 
 
        left: 4.2vw; 
 
        top: 50%; 
 
        width: 70vw; 
 
        transform: translateY(-55%); 
 
        padding-top: 0; 
 
    } 
 
 
    .sharanas-page .crumbs { 
 
        font-size: 14px; 
 
        line-height: 1.7; 
 
    } 
 
 
    .sharanas-page .hero h1 { 
 
        font-size: 58px; 
 
        margin-top: 0; 
 
    } 
 
 
    .sharanas-page .descriptor { 
 
        font-size: 25px; 
 
    } 
 
 
    .sharanas-page .hero-intro { 
 
        font-size: 19px; 
 
    } 
 
 
    /* REFLECTION */ 
 
    .sharanas-page .reflection { 
 
        padding-top: 24px; 
 
        padding-bottom: 45px; 
 
    } 
 
 
    .sharanas-page .ornament { 
 
        gap: 18px; 
 
    } 
 
 
    .sharanas-page .ornament span { 
 
        width: 180px; 
 
    } 
 
 
    /* HEADING */ 
 
    .sharanas-page .section-heading { 
 
        gap: 18px; 
 
    } 
 
 
    .sharanas-page .section-heading h2, 
    .sharanas-page .explore h2 { 
 
        font-size: 21px; 
 
        letter-spacing: 2px; 
 
    } 
 
 
    .sharanas-page .section-heading p { 
 
        font-size: 15px; 
 
    } 
 
 
    /* RIBBON */ 
 
    .sharanas-page .sharanas-ribbon { 
 
        height: 480px; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.assembly, 
    .sharanas-page 
    .sharana-panel.linga, 
    .sharanas-page 
    .sharana-panel.kayaka, 
    .sharanas-page 
    .sharana-panel.historical, 
    .sharanas-page 
    .sharana-panel.kudala { 
 
        height: 320px; 
 
    } 
 
 
    .sharanas-page .sharana-panel.assembly { 
 
        width: 58%; 
 
    } 
 
 
    .sharanas-page .sharana-panel.linga { 
 
        left: 51%; 
 
        width: 15%; 
 
    } 
 
 
    .sharanas-page .sharana-panel.kayaka { 
 
        left: 58%; 
 
        width: 25%; 
 
    } 
 
 
    .sharanas-page .sharana-panel.historical { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page .sharana-panel.kudala { 
 
        left: 44%; 
 
        width: 56%; 
 
    } 
 
 
    /* FACETS */ 
 
    .sharanas-page .facet-strip-sharanas { 
 
        height: 160px; 
 
        grid-template-columns: 
            repeat(3, 1fr); 
 
        padding: 0; 
 
    } 
 
 
    .sharanas-page .facet-strip-sharanas > div { 
 
        padding: 10px 8px; 
 
    } 
 
 
    .sharanas-page .facet-strip-sharanas strong { 
 
        font-size: 15px; 
 
    } 
 
 
    .sharanas-page .facet-strip-sharanas span { 
 
        font-size: 12px; 
 
    } 
 
 
    /* EXPLORE */ 
 
    .sharanas-page .explore { 
 
        padding-top: 50px; 
 
        padding-bottom: 55px; 
 
    } 
 
 
    .sharanas-page .explore-head { 
 
        display: block; 
 
    } 
 
 
    .sharanas-page .title-row { 
 
        max-width: none; 
 
        width: 100%; 
 
    } 
 
 
    .sharanas-page .carousel-meta { 
 
        margin-top: 15px; 
 
    } 
 
 
    /* CARDS */ 
 
    .sharanas-page .card { 
 
        flex-basis: 
            calc((100% - 28px) / 3); 
 
    } 
 
} 
 
 
/* ========================================================== 
   MOBILE 700px 
========================================================== */ 
 
@media (max-width: 700px) { 
 
    .sharanas-page .page-width { 
 
        padding-left: 18px; 
 
        padding-right: 18px; 
 
    } 
 
 
    /* HERO */ 
 
    .sharanas-page .hero { 
 
        height: 500px; 
 
        position: relative; 
 
        overflow: hidden; 
 
    } 
 
 
    .sharanas-page .hero > img { 
 
        width: 100%; 
 
        height: 100%; 
 
        object-fit: cover; 
 
        object-position: center center; 
 
    } 
 
 
    .sharanas-page .hero-shade { 
 
        background: linear-gradient( 
            90deg, 
            rgba(18, 11, 7, .82) 0%, 
            rgba(18, 11, 7, .58) 30%, 
            rgba(18, 11, 7, .12) 56%, 
            rgba(18, 11, 7, 0) 72% 
        ); 
 
    } 
 
 
    .sharanas-page .hero-content { 
 
        left: 24px; 
 
        right: 24px; 
 
        top: 34px; 
 
        width: auto; 
 
        transform: none; 
 
        padding-top: 0; 
 
    } 
 
 
    /* BREADCRUMBS */ 
 
    .sharanas-page .crumbs { 
 
        font-size: 13px; 
 
        line-height: 1.7; 
 
        display: flex; 
 
        flex-wrap: wrap; 
 
        align-items: center; 
 
        max-width: 100%; 
 
        margin-bottom: 95px; 
 
    } 
 
 
    .sharanas-page .crumbs b { 
 
        padding: 0 6px; 
 
    } 
 
 
    /* TITLE */ 
 
    .sharanas-page .hero h1 { 
 
        font-size: 48px; 
 
        line-height: 1.05; 
 
        margin-top: 0; 
 
        margin-bottom: 8px; 
 
    } 
 
 
    .sharanas-page .descriptor { 
 
        font-size: 21px; 
 
        line-height: 1.3; 
 
        margin-bottom: 18px; 
 
    } 
 
 
    .sharanas-page .hero-intro { 
 
        word-spacing: -1px; 
        letter-spacing: -0.2px; 
        line-height: 1.3; 
 
    } 
 
 
    .sharanas-page .hero-intro br { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page .gold-stroke { 
 
        width: 65px; 
 
        height: 2px; 
 
        margin-top: 20px; 
 
    } 
 
 
    /* REFLECTION */ 
 
    .sharanas-page .reflection { 
 
        padding-top: 22px; 
 
        padding-bottom: 38px; 
 
    } 
 
 
    .sharanas-page .ornament { 
 
        gap: 10px; 
 
    } 
 
 
    .sharanas-page .ornament span { 
 
        width: 65px; 
 
    } 
 
 
    .sharanas-page .ornament i { 
 
        width: 45px; 
 
        height: 45px; 
 
        font-size: 25px; 
 
        flex-shrink: 0; 
 
    } 
 
 
    .sharanas-page .reflection p, 
    .sharanas-page .closing p { 
 
        font-size: 18px; 
 
        line-height: 1.5; 
 
        margin-top: 14px; 
 
    } 
 
 
    /* SECTION HEADING */ 
 
    .sharanas-page .section-heading { 
 
        display: block; 
 
        padding-bottom: 16px; 
 
    } 
 
 
    .sharanas-page .section-heading h2, 
    .sharanas-page .explore h2 { 
 
        font-size: 19px; 
 
        letter-spacing: 1.7px; 
 
        line-height: 1.35; 
 
        white-space: normal; 
 
    } 
 
 
    .sharanas-page .section-heading .rule { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page .section-heading p { 
 
        font-size: 14px; 
 
        line-height: 1.5; 
 
        white-space: normal; 
 
        margin-top: 7px; 
 
    } 
 
 
    /* ================================================== 
       MOBILE RIBBON 
    ================================================== */ 
 
    .sharanas-page .sharanas-ribbon { 
 
        height: 575px; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.assembly { 
 
        left: 0; 
 
        top: 0; 
 
        width: 100%; 
 
        height: 310px; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.linga { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.kayaka { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.historical { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.kudala { 
 
        left: 0; 
 
        right: 0; 
 
        top: 0; 
 
        width: 100%; 
 
        height: 310px; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.assembly { 
 
        opacity: .85; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.kudala { 
 
        opacity: .85; 
 
    } 
 
 
    /* Blend */ 
 
    .sharanas-page 
    .sharana-panel.kudala::after { 
 
        background: 
            linear-gradient( 
                90deg, 
                rgba(43, 29, 21, .48), 
                transparent 65% 
            ), 
            linear-gradient( 
                0deg, 
                rgba(39, 23, 15, .40), 
                transparent 43%, 
                rgba(247, 241, 230, .03) 
            ); 
 
    } 
 
 
    /* FACETS */ 
 
    .sharanas-page 
    .facet-strip-sharanas { 
 
        left: 0; 
 
        right: 0; 
 
        bottom: 0; 
 
        height: 265px; 
 
        padding: 0; 
 
        grid-template-columns: 
            repeat(2, 1fr); 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas > div { 
 
        min-height: 132px; 
 
        padding: 12px 8px; 
 
        gap: 5px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas 
    > div:not(:last-child)::after { 
 
        right: 0; 
 
        top: 22%; 
 
        height: 56%; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas 
    > div:nth-child(2n)::after { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas strong { 
 
        font-size: 15px; 
 
        line-height: 1.2; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas span { 
 
        font-size: 12px; 
 
        line-height: 1.3; 
 
    } 
 
 
    /* ================================================== 
       EXPLORE 
    ================================================== */ 
 
    .sharanas-page .explore { 
 
        padding-top: 42px; 
 
        padding-bottom: 48px; 
 
    } 
 
 
    .sharanas-page .explore-head { 
 
        display: block; 
 
        margin-bottom: 18px; 
 
    } 
 
 
    .sharanas-page .title-row { 
 
        display: block; 
 
        width: 100%; 
 
        max-width: none; 
 
    } 
 
 
    .sharanas-page .title-row .rule { 
 
        display: none; 
 
    } 
 
 
    .sharanas-page .explore h2 { 
 
        font-size: 20px; 
 
    } 
 
 
    /* META */ 
 
    .sharanas-page .carousel-meta { 
 
        display: flex; 
 
        width: 100%; 
 
        margin-top: 14px; 
 
        gap: 8px; 
 
        align-items: center; 
 
    } 
 
 
    .sharanas-page .carousel-meta em { 
 
        flex: 1; 
 
        font-size: 13px; 
 
        line-height: 1.4; 
 
    } 
 
 
    .sharanas-page .count { 
 
        font-size: 13px; 
 
        white-space: nowrap; 
 
    } 
 
 
    .sharanas-page .nav { 
 
        width: 38px; 
 
        height: 38px; 
 
        flex-shrink: 0; 
 
        font-size: 25px; 
 
    } 
 
 
    /* CAROUSEL */ 
 
    .sharanas-page .carousel-viewport { 
 
        width: 100%; 
 
        overflow: hidden; 
 
    } 
 
 
    .sharanas-page .cards { 
 
        gap: 12px; 
 
    } 
 
 
    /* MOBILE CARD */ 
 
    .sharanas-page .card { 
 
        flex: 0 0 86%; 
 
        min-width: 0; 
 
        opacity: 0; 
 
        transform: 
            translateY(30px) 
            scale(.98); 
 
        animation: none !important; 
 
        transition: 
            opacity .65s ease, 
            transform .65s cubic-bezier(.22, .61, .36, 1), 
            box-shadow .35s ease, 
            border-color .35s ease; 
 
    } 
 
 
    .sharanas-page .card.mobile-visible { 
 
        opacity: 1; 
 
        transform: 
            translateY(0) 
            scale(1); 
 
    } 
 
 
    /* CARD IMAGE */ 
 
    .sharanas-page .card-media { 
 
        width: 100%; 
 
        height: 190px; 
 
        overflow: hidden; 
 
        position: relative; 
 
    } 
 
 
    .sharanas-page .card-media img { 
 
        width: 100%; 
 
        height: 190px; 
 
        object-fit: cover; 
 
    } 
 
 
    /* CARD BODY */ 
 
    .sharanas-page .card-body { 
 
        min-height: 145px; 
 
        padding: 15px 15px 17px; 
 
    } 
 
 
    .sharanas-page .eyebrow { 
 
        font-size: 10px; 
 
        letter-spacing: 1px; 
 
    } 
 
 
    .sharanas-page .card h3 { 
 
        font-size: 18px; 
 
        line-height: 1.25; 
 
        margin-top: 7px; 
 
        margin-bottom: 12px; 
 
    } 
 
 
    .sharanas-page .explore11 { 
 
        font-size: 12px; 
 
        gap: 6px; 
 
    } 
 
 
    .sharanas-page .explore11 span { 
 
        font-size: 16px; 
 
    } 
 
 
    /* CLOSING */ 
 
    .sharanas-page .closing { 
 
        padding-bottom: 28px; 
 
    } 
 
 
    .sharanas-page .ornament.small span { 
 
        width: 65px; 
 
    } 
 
 
    .sharanas-page .ornament.small i { 
 
        font-size: 11px; 
 
    } 
 
 
    .sharanas-page .closing p { 
 
        font-size: 17px; 
 
        line-height: 1.5; 
 
    } 
 
 
    .sharanas-page .closing .gold-stroke { 
 
        width: 50px; 
 
        margin-top: 15px; 
 
    } 
 
} 
 
 
/* ========================================================== 
   SMALL MOBILE - 480px 
========================================================== */ 
 
@media (max-width: 480px) { 
 
    .sharanas-page .page-width { 
 
        padding-left: 15px; 
 
        padding-right: 15px; 
 
    } 
 
 
    .sharanas-page .hero { 
 
        height: 480px; 
 
    } 
 
 
    .sharanas-page .hero-content { 
 
        left: 24px; 
 
        right: 24px; 
 
        top: 22px; 
 
        padding-top: 0; 
 
    } 
 
 
    .sharanas-page .crumbs { 
 
        font-size: 12px; 
 
        line-height: 1.8; 
 
        margin-bottom: 82px; 
 
    } 
 
 
    .sharanas-page .crumbs b { 
 
        padding: 0 4px; 
 
    } 
 
 
    .sharanas-page .hero h1 { 
 
        font-size: 42px; 
 
        margin-top: 0; 
 
    } 
 
 
    .sharanas-page .descriptor { 
 
        font-size: 19px; 
 
    } 
 
 
    .sharanas-page .hero-intro { 
 
        font-size: 16px; 
 
        max-width: 310px; 
 
    } 
 
 
    /* REFLECTION */ 
 
    .sharanas-page .ornament { 
 
        gap: 7px; 
 
    } 
 
 
    .sharanas-page .ornament span { 
 
        width: 45px; 
 
    } 
 
 
    .sharanas-page .ornament i { 
 
        width: 42px; 
 
        height: 42px; 
 
        font-size: 23px; 
 
    } 
 
 
    .sharanas-page .reflection p, 
    .sharanas-page .closing p { 
 
        font-size: 17px; 
 
    } 
 
 
    /* SECTION */ 
 
    .sharanas-page .section-heading h2, 
    .sharanas-page .explore h2 { 
 
        font-size: 17px; 
 
        letter-spacing: 1.3px; 
 
    } 
 
 
    .sharanas-page .section-heading p { 
 
        font-size: 13px; 
 
    } 
 
 
    /* RIBBON */ 
 
    .sharanas-page .sharanas-ribbon { 
 
        height: 555px; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.assembly, 
    .sharanas-page 
    .sharana-panel.kudala { 
 
        height: 295px; 
 
    } 
 
 
    /* FACETS */ 
 
    .sharanas-page 
    .facet-strip-sharanas { 
 
        height: 260px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas > div { 
 
        min-height: 130px; 
 
        padding: 10px 6px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas strong { 
 
        font-size: 14px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas span { 
 
        font-size: 11px; 
 
    } 
 
 
    /* EXPLORE */ 
 
    .sharanas-page .explore { 
 
        padding-top: 38px; 
 
        padding-bottom: 42px; 
 
    } 
 
 
    .sharanas-page .carousel-meta { 
 
        gap: 6px; 
 
    } 
 
 
    .sharanas-page .carousel-meta em { 
 
        font-size: 12px; 
 
    } 
 
 
    .sharanas-page .nav { 
 
        width: 36px; 
 
        height: 36px; 
 
        font-size: 23px; 
 
    } 
 
 
    .sharanas-page .count { 
 
        font-size: 12px; 
 
    } 
 
 
    /* CARD */ 
 
    .sharanas-page .card { 
 
        flex-basis: 100%; 
 
    } 
 
 
    .sharanas-page .card-media, 
    .sharanas-page .card-media img { 
 
        height: 175px; 
 
    } 
 
 
    .sharanas-page .card-body { 
 
        min-height: 140px; 
 
    } 
 
 
    .sharanas-page .card h3 { 
 
        font-size: 17px; 
 
    } 
 
} 
 
 
/* ========================================================== 
   VERY SMALL MOBILE - 360px 
========================================================== */ 
 
@media (max-width: 360px) { 
 
    .sharanas-page .page-width { 
 
        padding-left: 12px; 
 
        padding-right: 12px; 
 
    } 
 
 
    .sharanas-page .hero { 
 
        height: 460px; 
 
    } 
 
 
    .sharanas-page .hero-content { 
 
        left: 18px; 
 
        right: 18px; 
 
        top: 20px; 
 
        padding-top: 0; 
 
    } 
 
 
    .sharanas-page .crumbs { 
 
        font-size: 12px; 
 
        margin-bottom: 70px; 
 
    } 
 
 
    .sharanas-page .hero h1 { 
 
        font-size: 38px; 
 
        margin-top: 0; 
 
    } 
 
 
    .sharanas-page .descriptor { 
 
        font-size: 18px; 
 
    } 
 
 
    .sharanas-page .hero-intro { 
 
        font-size: 15px; 
 
    } 
 
 
    .sharanas-page .ornament span { 
 
        width: 35px; 
 
    } 
 
 
    .sharanas-page .section-heading h2, 
    .sharanas-page .explore h2 { 
 
        font-size: 16px; 
 
    } 
 
 
    .sharanas-page .sharanas-ribbon { 
 
        height: 535px; 
 
    } 
 
 
    .sharanas-page 
    .sharana-panel.assembly, 
    .sharanas-page 
    .sharana-panel.kudala { 
 
        height: 285px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas { 
 
        height: 250px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas strong { 
 
        font-size: 13px; 
 
    } 
 
 
    .sharanas-page 
    .facet-strip-sharanas span { 
 
        font-size: 10px; 
 
    } 
 
 
    .sharanas-page .carousel-meta em { 
 
        font-size: 11px; 
 
    } 
 
 
    .sharanas-page .card { 
 
        flex-basis: 92%; 
 
    } 
 
}



/* ////////////////////////////////////////////////////////////////////////////SHARANS-VACHANAS PAGE CSS///////////////////////////////////////////////////////////////// */
/* =========================================================
   SHARANAS VACHANAS PAGE
========================================================= */
.sharanas-vachanas-page {

    --sharanas-navy: #073653;
    --sharanas-navy2: #05304a;
    --sharanas-ink: #0b3557;
    --sharanas-gold: #c98b27;
    --sharanas-cream: #f8f3e9;
    --sharanas-umber: #49331f;
    --sharanas-line: #d5a35a;

    --sharanas-serif:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    --sharanas-ui:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    --sharanas-max: 1440px;

    margin: 0;
    padding: 0;

}


/* =========================================================
   GLOBAL
========================================================= */

.sharanas-vachanas-page *,
.sharanas-vachanas-page *::before,
.sharanas-vachanas-page *::after {

    box-sizing: border-box;

}


.sharanas-vachanas-page {

    background: var(--sharanas-cream);

    color: #2c241d;

    font-family: var(--sharanas-serif);

}


.sharanas-vachanas-page .page-width {

    max-width: var(--sharanas-max);

    margin: auto;

    padding-left: 46px;
    padding-right: 46px;

}


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

.sharanas-vachanas-page .hero {

    /* height: 515px; */
    height: auto;

    position: relative;

    overflow: hidden;

}


.sharanas-vachanas-page .hero > img {

    width: 100%;
    height: auto;

    /* object-fit: cover; */

    display: block;

}


.sharanas-vachanas-page .hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(18, 11, 7, .82) 0%,
            rgba(18, 11, 7, .58) 30%,
            rgba(18, 11, 7, .12) 56%,
            rgba(18, 11, 7, 0) 72%
        );

}


.sharanas-vachanas-page .hero-content {

     position: absolute;
    left: 4.2vw;
    top: 50%;
    transform: translateY(-55%);
    width: min(620px, 50vw);
    color: white;
    z-index: 2;
    padding: 0;

}


.sharanas-vachanas-page .crumbs {

    font-size: 15px;

}


.sharanas-vachanas-page .crumbs a {

    color: white;

    text-decoration: none;

}


.sharanas-vachanas-page .crumbs b {

    color: var(--sharanas-gold);

    padding: 0 10px;

}


.sharanas-vachanas-page .hero h1 {

    font-size: 68px;

    line-height: 1;

    margin: 70px 0 7px;

    font-weight: 500;

}


.sharanas-vachanas-page .descriptor {

    font-size: 28px;

    color: #e5aa3a;

    margin: 0 0 22px;

}


.sharanas-vachanas-page .hero-intro {

    font-size: 21px;

    line-height: 1.45;

    margin: 0;

    max-width: 720px;

}


.sharanas-vachanas-page .gold-stroke {

    display: block;

    width: 84px;

    height: 3px;

    background: #e1a532;

    margin-top: 25px;

}


/* =========================================================
   PARCHMENT
========================================================= */

.sharanas-vachanas-page .parchment {

    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );

}


.sharanas-vachanas-page .opening {

    padding-top: 0;

}


/* =========================================================
   REFLECTION
========================================================= */

.sharanas-vachanas-page .reflection {

    padding-top: 28px;

    padding-bottom: 52px;

    text-align: center;

}


.sharanas-vachanas-page .ornament {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 24px;

}


.sharanas-vachanas-page .ornament span {

    height: 1px;

    background: var(--sharanas-line);

    width: 330px;

}


.sharanas-vachanas-page .ornament i {

    font-style: normal;

    color: var(--sharanas-gold);

    border: 1px solid #d8ad6b;

    border-radius: 50%;

    width: 54px;

    height: 54px;

    display: grid;

    place-items: center;

    font-size: 31px;

}


.sharanas-vachanas-page .reflection p,
.sharanas-vachanas-page .closing p {

    font-style: italic;

    color: var(--sharanas-ink);

    font-size: 21px;

    margin: 16px 0 0;

}


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

.sharanas-vachanas-page .section-heading {

    display: flex;

    align-items: center;

    gap: 26px;

    padding-bottom: 18px;

}


.sharanas-vachanas-page .section-heading h2,
.sharanas-vachanas-page .explore h2 {

    font-size: 23px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: var(--sharanas-ink);

    white-space: nowrap;

    margin: 0;

    font-weight: 600;

}


.sharanas-vachanas-page .section-heading .rule,
.sharanas-vachanas-page .title-row .rule {

    height: 1px;

    background: var(--sharanas-line);

    flex: 1;

}


.sharanas-vachanas-page .section-heading p {

    color: var(--sharanas-ink);

    font-size: 16px;

    white-space: nowrap;

    margin: 0;

}


/* =========================================================
   SHARANAS VACHANA RIBBON
========================================================= */

.sharanas-vachanas-page .sharanas-vachana-ribbon {

    height: 390px;

    position: relative;

    overflow: hidden;

    background: #30251e;

    border-top: 1px solid #8f7459;

    display: grid;

    grid-template-columns: 31% 69%;

    isolation: isolate;

}


/* =========================================================
   RIBBON OVERALL OVERLAY
========================================================= */

.sharanas-vachanas-page
.sharanas-vachana-ribbon::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(28,20,16,.04) 0%,
            rgba(28,20,16,.02) 28%,
            rgba(28,20,16,.08) 55%,
            rgba(28,20,16,.16) 100%
        );

    z-index: 7;

}


/* =========================================================
   EXPERIENCE IMAGE - LEFT SIDE
========================================================= */

.sharanas-vachanas-page
.sharanas-vachana-experience {

    position: relative;

    overflow: hidden;

    background: #2d211b;

    z-index: 1;

    width: 580px;

    border-radius: 6px;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.35),
        0 6px 14px rgba(0, 0, 0, 0.22);

}


.sharanas-vachanas-page
.sharanas-vachana-experience img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center 31%;

    filter:
        saturate(.72)
        sepia(.14)
        brightness(.76);

    display: block;

}


.sharanas-vachanas-page
.sharanas-vachana-experience::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(20,14,11,.05) 0%,
            rgba(35,24,18,.02) 42%,
            rgba(60,43,32,.28) 66%,
            #3c2b20 96%
        );

    pointer-events: none;

    z-index: 2;

}


/* =========================================================
   WORDSTREAM
========================================================= */

.sharanas-vachanas-page .wordstream {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    z-index: 2;

    background:
        linear-gradient(
            90deg,
            rgba(60,43,32,.95) 0%,
            rgba(53,39,30,.75) 22%,
            rgba(45,34,28,.45) 58%,
            rgba(38,30,26,.80) 100%
        );

}


/* =========================================================
   KANNADA BACKGROUND
========================================================= */

.sharanas-vachanas-page
.wordstream .kannada-background {

    position: absolute;

    inset: -15px;

    width: calc(100% + 30px);

    height: calc(100% + 30px);

    object-fit: cover;

    filter:
        blur(4px)
        brightness(.78)
        saturate(.85);

    opacity: .72;

    transform: scale(1.03);

    z-index: 1;

}


/* =========================================================
   WORDSTREAM BEFORE
========================================================= */

.sharanas-vachanas-page
.wordstream::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,0)
        );

}


/* =========================================================
   WORDSTREAM AFTER
========================================================= */

.sharanas-vachanas-page
.wordstream::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 3;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(7,28,45,.08),
            rgba(7,28,45,.02)
        );

}


/* =========================================================
   PALM LEAF — SINGLE STAGE
========================================================= */

.sharanas-vachanas-page
.manuscript-stage {

    position: absolute;

    inset: 0;

    z-index: 6;

    display: flex;

    align-items: center;

    justify-content: center;

    pointer-events: none;

    transform: translateY(-20px);

}


/* =========================================================
   SINGLE GOLDEN FRAME
========================================================= */

.sharanas-vachanas-page
.manuscript-stage::before {

    content: "";

    position: absolute;

    width: 82%;

    height: 45%;

    border: 1px solid rgba(173,118,33,.48);

    pointer-events: none;

    z-index: 1;

    box-shadow:
        0 12px 28px rgba(0,0,0,.22),
        0 3px 8px rgba(173,118,33,.12);

}


/* =========================================================
   PALM LEAF IMAGE
========================================================= */

.sharanas-vachanas-page
.manuscript-stage img {

    display: block;

    width: 700px;

    height: auto;

    max-height: 150px;

    object-fit: contain;

    object-position: center;

    margin: 0 auto;

    filter:
        sepia(.08)
        saturate(.88)
        brightness(.98)
        drop-shadow(
            0 10px 18px rgba(0,0,0,.28)
        );

    border-radius: 2px;

    position: relative;

    z-index: 2;

}


/* =========================================================
   FALLBACK
========================================================= */

.sharanas-vachanas-page
.manuscript-fallback {

    display: none;

    width: 100%;

    height: 108px;

    background:
        linear-gradient(
            #d8b980,
            #c9a36b
        );

    color: #5d4a36;

    font:
        18px/1.7
        Georgia,
        serif;

    letter-spacing: 2px;

    padding: 20px 34px;

    text-align: center;

}


/* =========================================================
   BLEND
========================================================= */

.sharanas-vachanas-page
.sharanas-vachana-blend {

    position: absolute;

    left: 28%;

    top: 0;

    width: 18%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            rgba(67,48,36,.30),
            rgba(73,54,41,.12) 48%,
            transparent 100%
        );

    z-index: 4;

    pointer-events: none;

}


/* =========================================================
   FACET STRIP
========================================================= */

.sharanas-vachanas-page
.sharanas-vachana-facet-strip {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 100px;

    padding: 0 26px;

    background:
        rgba(70,38,22,.90);

    display: grid;

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

    align-items: stretch;

    z-index: 10;

    border-top:
        1px solid rgba(218,158,55,.45);

}


.sharanas-vachanas-page
.sharanas-vachana-facet-strip > div {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    position: relative;

    gap: 4px;

    padding: 10px 12px;

}


.sharanas-vachanas-page
.sharanas-vachana-facet-strip > div:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;

    top: 21%;

    height: 58%;

    width: 1px;

    background:
        rgba(214,151,46,.52);

}


.sharanas-vachanas-page
.sharanas-vachana-facet-strip strong {

    color: #e7a63c;

    font-family: var(--sharanas-ui);

    font-size: 17px;

    line-height: 1.15;

    font-weight: 600;

}


.sharanas-vachanas-page
.sharanas-vachana-facet-strip span {

    color: #fff8eb;

    font-family: var(--sharanas-ui);

    font-size: 13px;

    line-height: 1.2;

}


/* =========================================================
   EXPLORE
========================================================= */

.sharanas-vachanas-page .explore {

    padding-top: 58px;

    padding-bottom: 64px;

}


.sharanas-vachanas-page .explore-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 22px;

}


.sharanas-vachanas-page .title-row {

    display: flex;

    align-items: center;

    gap: 24px;

    flex: 1;

    max-width: 760px;

}


.sharanas-vachanas-page .carousel-meta {

    display: flex;

    align-items: center;

    gap: 18px;

    color: var(--sharanas-ink);

}


.sharanas-vachanas-page .carousel-meta em {

    font-size: 15px;

}


/* =========================================================
   SHARANAS NAV BUTTONS
========================================================= */

.sharanas-vachanas-page
.sharanas-vachana-nav {

    width: 42px;

    height: 42px;

    border-radius: 50%;

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

    background: #fffaf1;

    color: var(--sharanas-ink);

    font-size: 29px;

    line-height: 1;

    cursor: pointer;

    transition:
        transform .25s ease,
        background-color .25s ease,
        color .25s ease,
        box-shadow .25s ease;

}


.sharanas-vachanas-page
.sharanas-vachana-nav:hover {

    transform: translateY(-2px);

    background: var(--sharanas-gold);

    color: #fffaf1;

    box-shadow:
        0 6px 15px rgba(73,51,31,.15);

}


.sharanas-vachanas-page
.sharanas-vachana-nav:active {

    transform: translateY(0);

}


.sharanas-vachanas-page
.sharanas-vachana-count {

    font-size: 14px;

    white-space: nowrap;

}


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

.sharanas-vachanas-page
.sharanas-vachana-carousel-viewport {

    overflow: hidden;

    width: 100%;

}


.sharanas-vachanas-page
.sharanas-vachana-cards {

    display: flex;

    gap: 14px;

    transition:
        transform .45s cubic-bezier(.22,.61,.36,1);

    touch-action: pan-y;

}


.sharanas-vachanas-page
.sharanas-vachana-card {

    position: relative;

    isolation: isolate;

    flex: 0 0 calc((100% - 70px) / 6);

    min-width: 0;

    background: #fbf7ee;

    border: 1px solid #e3d7c5;

    border-radius: 5px;

    box-shadow:
        0 4px 11px rgba(74,51,30,.10);

    overflow: hidden;

    text-decoration: none;

    color: inherit;

    opacity: 0;

    transform: translateY(22px);

    animation:
        sharanasVachanaCardReveal
        .65s
        cubic-bezier(.22,.61,.36,1)
        forwards;

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

}


.sharanas-vachanas-page
.sharanas-vachana-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(201,139,39,.14),
            transparent 62%
        );

    opacity: 0;

    pointer-events: none;

    transition:
        opacity .35s ease;

    z-index: -1;

}


.sharanas-vachanas-page
.sharanas-vachana-card:hover::before {

    opacity: 1;

}


.sharanas-vachanas-page
.sharanas-vachana-card:hover {

    transform: translateY(-8px);

    border-color:
        rgba(201,139,39,.65);

    background-color: #fffaf1;

    box-shadow:
        0 16px 32px rgba(73,51,31,.15),
        0 0 24px rgba(201,139,39,.09);

}


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

.sharanas-vachanas-page
.sharanas-vachana-card-media {

    position: relative;

    width: 100%;

    height: 195px;

    overflow: hidden;

    background: #ddd1bf;

}


.sharanas-vachanas-page
.sharanas-vachana-card-media::before {

    content: "";

    position: absolute;

    inset: -18px;

    background-image:
        var(--sharanas-card-image);

    background-size: cover;

    background-position: center;

    filter:
        blur(18px)
        saturate(.72)
        brightness(.78);

    transform: scale(1.08);

    opacity: .76;

}


.sharanas-vachanas-page
.sharanas-vachana-card-media::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        rgba(70,50,34,.05);

}


.sharanas-vachanas-page
.sharanas-vachana-card-media img {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position: center;

    display: block;

    transform: scale(1);

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        filter .55s ease;

}


.sharanas-vachanas-page
.sharanas-vachana-card:hover
.sharanas-vachana-card-media img {

    transform: scale(1.045);

    filter:
        saturate(1.04)
        brightness(1.025);

}


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

.sharanas-vachanas-page
.sharanas-vachana-card-body {

    padding: 16px 16px 18px;

    min-height: 150px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    width: 100%;

}


.sharanas-vachanas-page
.sharanas-vachana-eyebrow {

    color: #a86e1f;

    text-transform: uppercase;

    letter-spacing: 1.05px;

    font-family: var(--sharanas-ui);

    font-size: 11px;

    font-weight: 650;

}


.sharanas-vachanas-page
.sharanas-vachana-card-title {

    font-family: var(--sharanas-ui);

    font-size: 19px;

    line-height: 1.18;

    font-weight: 600;

    letter-spacing: -.15px;

    margin: 7px 0 12px;

    color: var(--sharanas-ink);

}


.sharanas-vachanas-page
.sharanas-vachana-explore {

    margin-top: auto;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    color: var(--sharanas-ink);

    text-decoration: none;

    font-family: var(--sharanas-ui);

    font-size: 13px;

    font-weight: 600;

}


.sharanas-vachanas-page
.sharanas-vachana-explore span {

    display: inline-block;

    font-size: 17px;

}


.sharanas-vachanas-page
.sharanas-vachana-card:hover
.sharanas-vachana-explore {

    color: var(--sharanas-gold);

}


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

@keyframes sharanasVachanaCardReveal {

    0% {

        opacity: 0;

        transform:
            translateY(22px);

    }

    100% {

        opacity: 1;

        transform:
            translateY(0);

    }

}


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

.sharanas-vachanas-page
.sharanas-vachana-card:nth-child(1) {

    animation-delay: .05s;

}


.sharanas-vachanas-page
.sharanas-vachana-card:nth-child(2) {

    animation-delay: .10s;

}


.sharanas-vachanas-page
.sharanas-vachana-card:nth-child(3) {

    animation-delay: .15s;

}


.sharanas-vachanas-page
.sharanas-vachana-card:nth-child(4) {

    animation-delay: .20s;

}


.sharanas-vachanas-page
.sharanas-vachana-card:nth-child(5) {

    animation-delay: .25s;

}


.sharanas-vachanas-page
.sharanas-vachana-card:nth-child(6) {

    animation-delay: .30s;

}


/* =========================================================
   CLOSING
========================================================= */

.sharanas-vachanas-page .closing {

    text-align: center;

    padding-bottom: 34px;

}


.sharanas-vachanas-page
.ornament.small span {

    width: 300px;

}


.sharanas-vachanas-page
.ornament.small i {

    border: 0;

    width: auto;

    height: auto;

    font-size: 13px;

}


.sharanas-vachanas-page
.closing p {

    margin: 13px 0 0;

}


.sharanas-vachanas-page
.closing .gold-stroke {

    margin: 18px auto 0;

    width: 60px;

    height: 2px;

}


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

@media (max-width: 900px) {

    .sharanas-vachanas-page .page-width {

        padding-left: 30px;

        padding-right: 30px;

    }


    .sharanas-vachanas-page .hero {

        height: 500px;

    }


    .sharanas-vachanas-page .hero-content {

        padding-top: 35px;

    }


    .sharanas-vachanas-page .crumbs {

        font-size: 14px;

        line-height: 1.7;

    }


    .sharanas-vachanas-page .hero h1 {

        font-size: 58px;

        margin-top: 65px;

    }


    .sharanas-vachanas-page .descriptor {

        font-size: 25px;

    }


    .sharanas-vachanas-page .hero-intro {

        font-size: 19px;

        word-spacing: -2px;

    }


    .sharanas-vachanas-page .reflection {

        padding-top: 24px;

        padding-bottom: 45px;

    }


    .sharanas-vachanas-page .ornament {

        gap: 18px;

    }


    .sharanas-vachanas-page
    .ornament span {

        width: 180px;

    }


    .sharanas-vachanas-page
    .section-heading {

        gap: 18px;

    }


    .sharanas-vachanas-page
    .section-heading h2,
    .sharanas-vachanas-page
    .explore h2 {

        font-size: 21px;

        letter-spacing: 2px;

    }


    .sharanas-vachanas-page
    .section-heading p {

        font-size: 15px;

    }


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

    .sharanas-vachanas-page
    .sharanas-vachana-ribbon {

        height: 480px;

        grid-template-columns: 34% 66%;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-experience {

        width: 100%;

    }


    .sharanas-vachanas-page
    .manuscript-stage {

        width: 84%;

        padding: 22px 24px;

        transform: translateY(-20px);

    }


    .sharanas-vachanas-page
    .manuscript-stage::before {

        width: 90%;

        height: 45%;

    }


    .sharanas-vachanas-page
    .manuscript-stage img {

        max-height: 145px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip {

        height: 160px;

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

        padding: 0;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip > div {

        padding: 10px 8px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip strong {

        font-size: 15px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip span {

        font-size: 12px;

    }


    .sharanas-vachanas-page
    .explore {

        padding-top: 50px;

        padding-bottom: 55px;

    }


    .sharanas-vachanas-page
    .explore-head {

        display: block;

    }


    .sharanas-vachanas-page
    .title-row {

        max-width: none;

        width: 100%;

    }


    .sharanas-vachanas-page
    .title-row .rule {

        display: block;

    }


    .sharanas-vachanas-page
    .carousel-meta {

        margin-top: 15px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card {

        flex-basis:
            calc((100% - 28px) / 3);

    }

}


/* =========================================================
   MOBILE - 700px
========================================================= */

@media (max-width: 700px) {

    .sharanas-vachanas-page
    .page-width {

        padding-left: 18px;

        padding-right: 18px;

    }
       .sharanas-vachanas-page .hero-intro {

        white-space: normal;

        width: 100%;

        max-width: 100%;

        font-size: 18px;

        line-height: 1.45;

        letter-spacing: 0;

        word-spacing: 0;

        text-align: left;

    }


    .sharanas-vachanas-page .hero {

        height: 500px;

    }


    .sharanas-vachanas-page
    .hero > img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

    }


    .sharanas-vachanas-page
    .hero-shade {

        background:
            linear-gradient(
                180deg,
                rgba(18,11,7,.65) 0%,
                rgba(18,11,7,.38) 40%,
                rgba(18,11,7,.72) 100%
            );

    }


    .sharanas-vachanas-page
    .hero-content {

        padding-top: 25px;

    }
       .sharanas-vachanas-page .descriptor {
        font-size: 13px;
        letter-spacing: -0.1px;
        word-spacing: -1px;
    }


    .sharanas-vachanas-page
    .crumbs {

        font-size: 13px;

        line-height: 1.7;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        max-width: 100%;

    }


    .sharanas-vachanas-page
    .crumbs b {

        padding: 0 6px;

    }


    .sharanas-vachanas-page
    .hero h1 {

        font-size: 48px;

        line-height: 1.05;

        margin-top: 90px;

        margin-bottom: 8px;

    }


    .sharanas-vachanas-page
    .descriptor {

        font-size: 21px;

        line-height: 1.3;

        margin-bottom: 18px;

    }


    .sharanas-vachanas-page
    .hero-intro {

        font-size: 17px;

        line-height: 1.5;

        max-width: 340px;

    }


    .sharanas-vachanas-page
    .gold-stroke {

        width: 65px;

        height: 2px;

        margin-top: 20px;

    }


    .sharanas-vachanas-page
    .reflection {

        padding-top: 22px;

        padding-bottom: 38px;

    }


    .sharanas-vachanas-page
    .ornament {

        gap: 10px;

    }


    .sharanas-vachanas-page
    .ornament span {

        width: 65px;

    }


    .sharanas-vachanas-page
    .ornament i {

        width: 45px;

        height: 45px;

        font-size: 25px;

        flex-shrink: 0;

    }


    .sharanas-vachanas-page
    .reflection p,
    .sharanas-vachanas-page
    .closing p {

        font-size: 18px;

        line-height: 1.5;

        margin-top: 14px;

    }


    .sharanas-vachanas-page
    .section-heading {

        display: block;

        padding-bottom: 16px;

    }


    .sharanas-vachanas-page
    .section-heading h2,
    .sharanas-vachanas-page
    .explore h2 {

        font-size: 19px;

        letter-spacing: 1.7px;

        line-height: 1.35;

        white-space: normal;

    }


    .sharanas-vachanas-page
    .section-heading .rule {

        display: none;

    }


    .sharanas-vachanas-page
    .section-heading p {

        font-size: 14px;

        line-height: 1.5;

        white-space: normal;

        margin-top: 7px;

    }


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

    .sharanas-vachanas-page
    .sharanas-vachana-ribbon {

        height: 575px;

        display: block;

        position: relative;

    }


    /* =====================================================
       EXPERIENCE
    ===================================================== */

    .sharanas-vachanas-page
    .sharanas-vachana-experience {

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 310px;

        z-index: 1;

    }


    /* =====================================================
       WORDSTREAM
    ===================================================== */

    .sharanas-vachanas-page
    .wordstream {

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 310px;

        z-index: 2;

        opacity: .94;

    }


    /* =====================================================
       EXPERIENCE BLEND
    ===================================================== */

    .sharanas-vachanas-page
    .sharanas-vachana-experience::after {

        background:
            linear-gradient(
                90deg,
                rgba(20,14,11,.10) 0%,
                rgba(35,24,18,.04) 40%,
                rgba(60,43,32,.34) 75%,
                rgba(60,43,32,.55) 100%
            );

    }


    /* =====================================================
       KANNADA BACKGROUND MOBILE
    ===================================================== */

    .sharanas-vachanas-page
    .wordstream::before {

        background:
            linear-gradient(
                90deg,
                rgba(60,43,32,.48) 0%,
                rgba(53,39,30,.18) 30%,
                rgba(40,31,26,.08) 65%,
                rgba(31,25,22,.34) 100%
            );

    }


    .sharanas-vachanas-page
    .wordstream::after {

        background:
            linear-gradient(
                90deg,
                rgba(67,48,36,.22),
                rgba(73,54,41,.08) 55%,
                transparent 100%
            );

    }


    /* =====================================================
       MOBILE PALM LEAF STAGE
       ONLY ONE GOLDEN BOX
    ===================================================== */

    .sharanas-vachanas-page
    .manuscript-stage {

        position: absolute;

        left: 50%;

        right: auto;

        top: 50%;

        transform:
            translate(-50%, -50%);

        width: 92%;

        padding: 22px 14px;

        display: flex;

        align-items: center;

        justify-content: center;

        z-index: 6;

        background:
            rgba(38,27,21,.28);

        border-top:
            1px solid rgba(222,177,106,.24);

        border-bottom:
            1px solid rgba(222,177,106,.24);

        box-shadow:
            0 14px 34px rgba(0,0,0,.24),
            inset 0 0 35px rgba(0,0,0,.10);

    }


    /* =====================================================
       MOBILE GOLDEN FRAME
       SAME SINGLE FRAME
    ===================================================== */

    .sharanas-vachanas-page
    .manuscript-stage::before {

        width: 104%;

        height: 82%;

        border:
            1px solid rgba(173,118,33,.48);

        box-shadow:
            0 10px 24px rgba(0,0,0,.22),
            0 2px 7px rgba(173,118,33,.12);

    }


    /* =====================================================
       MOBILE PALM IMAGE
    ===================================================== */

    .sharanas-vachanas-page
    .manuscript-stage img {

        width: 100%;

        height: auto;

        max-height: 130px;

        object-fit: contain;

        object-position: center;

        display: block;

        margin: 0 auto;

        filter:
            sepia(.08)
            saturate(.88)
            brightness(.98)
            drop-shadow(
                0 8px 20px rgba(0,0,0,.30)
            );

        position: relative;

        z-index: 2;

    }


    /* =====================================================
       BLEND
    ===================================================== */

    .sharanas-vachanas-page
    .sharanas-vachana-blend {

        left: 0;

        top: 0;

        width: 100%;

        height: 310px;

        background:
            linear-gradient(
                90deg,
                rgba(67,48,36,.20),
                rgba(73,54,41,.06) 55%,
                transparent 100%
            );

        z-index: 4;

    }


    /* =====================================================
       FACETS
    ===================================================== */

    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip {

        left: 0;

        right: 0;

        bottom: 0;

        height: 265px;

        padding: 0;

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

        z-index: 10;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip > div {

        min-height: 132px;

        padding: 12px 8px;

        gap: 5px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip
    > div:nth-child(2n)::after {

        display: none;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip strong {

        font-size: 15px;

        line-height: 1.2;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip span {

        font-size: 12px;

        line-height: 1.3;

    }


    /* =====================================================
       EXPLORE
    ===================================================== */

    .sharanas-vachanas-page
    .explore {

        padding-top: 42px;

        padding-bottom: 48px;

    }


    .sharanas-vachanas-page
    .explore-head {

        display: block;

        margin-bottom: 18px;

    }


    .sharanas-vachanas-page
    .title-row {

        display: block;

        width: 100%;

        max-width: none;

    }


    .sharanas-vachanas-page
    .title-row .rule {

        display: none;

    }


    .sharanas-vachanas-page
    .explore h2 {

        font-size: 20px;

    }


    .sharanas-vachanas-page
    .carousel-meta {

        display: flex;

        width: 100%;

        margin-top: 14px;

        gap: 8px;

        align-items: center;

    }


    .sharanas-vachanas-page
    .carousel-meta em {

        flex: 1;

        font-size: 13px;

        line-height: 1.4;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-count {

        font-size: 13px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-nav {

        width: 38px;

        height: 38px;

        flex-shrink: 0;

        font-size: 25px;

    }


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

    .sharanas-vachanas-page
    .sharanas-vachana-card {

        flex: 0 0 86%;

        min-width: 0;

        opacity: 0;

        transform:
            translateY(30px)
            scale(.98);

        animation: none !important;

        transition:
            opacity .65s ease,
            transform .65s cubic-bezier(.22,.61,.36,1),
            box-shadow .35s ease,
            border-color .35s ease;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card.mobile-visible {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card-media {

        height: 190px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card-body {

        min-height: 145px;

        padding: 15px 15px 17px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-eyebrow {

        font-size: 10px;

        letter-spacing: 1px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card-title {

        font-size: 18px;

        line-height: 1.25;

        margin-top: 7px;

        margin-bottom: 12px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-explore {

        font-size: 12px;

        gap: 6px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-explore span {

        font-size: 16px;

    }


    /* =====================================================
       CLOSING
    ===================================================== */

    .sharanas-vachanas-page
    .closing {

        padding-bottom: 28px;

    }


    .sharanas-vachanas-page
    .ornament.small span {

        width: 65px;

    }


    .sharanas-vachanas-page
    .ornament.small i {

        font-size: 11px;

    }


    .sharanas-vachanas-page
    .closing p {

        font-size: 17px;

        line-height: 1.5;

    }


    .sharanas-vachanas-page
    .closing .gold-stroke {

        width: 50px;

        margin-top: 15px;

    }

}


/* =========================================================
   SMALL MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

    .sharanas-vachanas-page
    .page-width {

        padding-left: 15px;

        padding-right: 15px;

    }


    .sharanas-vachanas-page
    .hero {

        height: 480px;

    }


    .sharanas-vachanas-page
    .hero-content {

        padding-top: 22px;

    }


    .sharanas-vachanas-page
    .crumbs {

        font-size: 12px;

        line-height: 1.8;

    }


    .sharanas-vachanas-page
    .crumbs b {

        padding: 0 4px;

    }


    .sharanas-vachanas-page
    .hero h1 {

        font-size: 42px;

        margin-top: 75px;

    }


    .sharanas-vachanas-page
    .descriptor {

        font-size: 19px;

    }


    .sharanas-vachanas-page
    .hero-intro {

        font-size: 16px;

        max-width: 310px;

    }


    .sharanas-vachanas-page
    .ornament {

        gap: 7px;

    }


    .sharanas-vachanas-page
    .ornament span {

        width: 45px;

    }


    .sharanas-vachanas-page
    .ornament i {

        width: 42px;

        height: 42px;

        font-size: 23px;

    }


    .sharanas-vachanas-page
    .reflection p,
    .sharanas-vachanas-page
    .closing p {

        font-size: 17px;

    }


    .sharanas-vachanas-page
    .section-heading h2,
    .sharanas-vachanas-page
    .explore h2 {

        font-size: 17px;

        letter-spacing: 1.3px;

    }


    .sharanas-vachanas-page
    .section-heading p {

        font-size: 13px;

    }


    /* =====================================================
       SMALL MOBILE RIBBON
    ===================================================== */

    .sharanas-vachanas-page
    .sharanas-vachana-ribbon {

        height: 555px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-experience,
    .sharanas-vachanas-page
    .wordstream {

        height: 295px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-blend {

        height: 295px;

    }


    /* =====================================================
       SMALL MOBILE PALM STAGE
    ===================================================== */

    .sharanas-vachanas-page
    .manuscript-stage {

        width: 94%;

        padding: 19px 11px;

    }


    .sharanas-vachanas-page
    .manuscript-stage::before {

        width: 105%;

        height: 80%;

    }


    .sharanas-vachanas-page
    .manuscript-stage img {

        max-height: 115px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip {

        height: 260px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip > div {

        min-height: 130px;

        padding: 10px 6px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip strong {

        font-size: 14px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip span {

        font-size: 11px;

    }


    .sharanas-vachanas-page
    .explore {

        padding-top: 38px;

        padding-bottom: 42px;

    }


    .sharanas-vachanas-page
    .carousel-meta {

        gap: 6px;

    }


    .sharanas-vachanas-page
    .carousel-meta em {

        font-size: 12px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-nav {

        width: 36px;

        height: 36px;

        font-size: 23px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-count {

        font-size: 12px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card {

        flex-basis: 100%;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card-media {

        height: 175px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card-body {

        min-height: 140px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card-title {

        font-size: 17px;

    }

}


/* =========================================================
   VERY SMALL MOBILE - 360px
========================================================= */

@media (max-width: 360px) {

    .sharanas-vachanas-page
    .page-width {

        padding-left: 12px;

        padding-right: 12px;

    }


    .sharanas-vachanas-page
    .hero {

        height: 460px;

    }


    .sharanas-vachanas-page
    .hero h1 {

        font-size: 38px;

        margin-top: 68px;

    }


    .sharanas-vachanas-page
    .descriptor {

        font-size: 18px;

    }


    .sharanas-vachanas-page
    .hero-intro {

        font-size: 15px;

    }


    .sharanas-vachanas-page
    .ornament span {

        width: 35px;

    }


    .sharanas-vachanas-page
    .section-heading h2,
    .sharanas-vachanas-page
    .explore h2 {

        font-size: 16px;

    }


    /* =====================================================
       VERY SMALL MOBILE RIBBON
    ===================================================== */

    .sharanas-vachanas-page
    .sharanas-vachana-ribbon {

        height: 535px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-experience,
    .sharanas-vachanas-page
    .wordstream,
    .sharanas-vachanas-page
    .sharanas-vachana-blend {

        height: 285px;

    }


    /* =====================================================
       VERY SMALL MOBILE PALM STAGE
    ===================================================== */

    .sharanas-vachanas-page
    .manuscript-stage {

        width: 96%;

        padding: 16px 8px;

    }


    .sharanas-vachanas-page
    .manuscript-stage::before {

        width: 105%;

        height: 78%;

    }


    .sharanas-vachanas-page
    .manuscript-stage img {

        max-height: 105px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip {

        height: 250px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip strong {

        font-size: 13px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-facet-strip span {

        font-size: 10px;

    }


    .sharanas-vachanas-page
    .carousel-meta em {

        font-size: 11px;

    }


    .sharanas-vachanas-page
    .sharanas-vachana-card {

        flex-basis: 92%;

    }

}
/* ///////////////////////////////////////////////////////////////////////SACRED PLACES PAGE CSS/////////////////////////////////////////////////////////////////////////// */

/* =========================================================
   SACRED PLACES PAGE
   TYPOGRAPHY MATCHED WITH SHARANAS PAGE
========================================================= */

.sacred-places-page {

    --navy: #073653;
    --navy2: #05304a;
    --ink: #0b3557;
    --gold: #c98b27;
    --cream: #f8f3e9;
    --umber: #49331f;
    --line: #d5a35a;

    --serif:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    --ui:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    --max: 1440px;

    box-sizing: border-box;

    background: var(--cream);

    color: #2c241d;

    font-family: var(--serif);

}


.sacred-places-page *,
.sacred-places-page *::before,
.sacred-places-page *::after {

    box-sizing: border-box;

}


/* ==========================================================
   PAGE WIDTH
========================================================== */

.sacred-places-page .page-width {

    max-width: var(--max);

    margin: auto;

    padding-left: 46px;
    padding-right: 46px;

}


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

.sacred-places-page .hero {

    height: auto;

    position: relative;

    overflow: hidden;

    color: #fff;

}


.sacred-places-page .hero > img {

    width: 100%;

    height: auto;

    /* object-fit: cover; */

    display: block;

}


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

.sacred-places-page .hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(18, 11, 7, .82) 0%,
            rgba(18, 11, 7, .58) 30%,
            rgba(18, 11, 7, .12) 56%,
            rgba(18, 11, 7, 0) 72%
        );

    pointer-events: none;

}


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

.sacred-places-page .hero-content {

     position: absolute;
    left: 4.2vw;
    top: 50%;
    transform: translateY(-55%);
    width: min(620px, 50vw);
    color: white;
    z-index: 2;
    padding: 0;

}


/* ==========================================================
   BREADCRUMBS
========================================================== */

.sacred-places-page .crumbs {

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

    font-size: 15px;

    line-height: normal;

    color: #fff;

}


.sacred-places-page .crumbs a {

    color: #fff;

    text-decoration: none;

}


.sacred-places-page .crumbs a:hover {

    color: #e5aa3a;

}


.sacred-places-page .crumbs b {

    color: var(--gold);

    padding: 0 10px;

    font-weight: 600;

}


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

.sacred-places-page .hero h1 {

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

    font-size: 68px;

    line-height: 1;

    margin: 70px 0 7px;

    font-weight: 500;

    color: #fff;

}


/* ==========================================================
   DESCRIPTOR
========================================================== */

.sacred-places-page .descriptor {

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

    font-size: 28px;

    line-height: 1.3;

    color: #e5aa3a;

    margin: 0 0 22px;

    font-weight: 400;

    font-style: normal;

}


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

.sacred-places-page .hero-intro {

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

    font-size: 21px;

    line-height: 1.45;

    margin: 0;

    color: #fff;

    font-weight: 400;

}


/* ==========================================================
   GOLD STROKE
========================================================== */

.sacred-places-page .gold-stroke {

    display: block;

    width: 84px;

    height: 3px;

    background: #e1a532;

    margin-top: 25px;

}


/* ==========================================================
   PARCHMENT
========================================================== */

.sacred-places-page .parchment {

    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );

}


/* ==========================================================
   OPENING
========================================================== */

.sacred-places-page .opening {

    padding-top: 0;

}


/* ==========================================================
   REFLECTION
========================================================== */

.sacred-places-page .reflection {

    padding-top: 28px;

    padding-bottom: 52px;

    text-align: center;

}


/* ==========================================================
   ORNAMENT
========================================================== */

.sacred-places-page .ornament {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 24px;

}


.sacred-places-page .ornament span {

    height: 1px;

    background: var(--line);

    width: 330px;

}


.sacred-places-page .ornament i {

    font-style: normal;

    color: var(--gold);

    border: 1px solid #d8ad6b;

    border-radius: 50%;

    width: 54px;

    height: 54px;

    display: grid;

    place-items: center;

    font-size: 31px;

    font-family: var(--serif);

    flex-shrink: 0;

}


/* ==========================================================
   OPENING REFLECTION TEXT
   SAME EDITORIAL STYLE AS SHARANAS
========================================================== */

.sacred-places-page .reflection p {

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

    font-size: 21px;

    font-weight: 400;

    font-style: italic;

    line-height: 1.6;

    letter-spacing: 0;

    /* color: #493d32; */
    color: var(--ink);

    max-width: 920px;

    margin:
        16px
        auto
        0;

}


/* ==========================================================
   SACRED GEOGRAPHY
   SAME AS REFERENCE
========================================================== */

.sacred-places-page .geography {

    background: var(--cream);

    padding: 76px 46px 88px;

    max-width: var(--max);

    margin: auto;

    position: relative;

    overflow: hidden;

}


.sacred-places-page .geoGrid {

    display: grid;

    grid-template-columns:
        1fr
        1.1fr;

    gap: 6vw;

    align-items: center;

    max-width: 1320px;

    margin: auto;

}


/* ==========================================================
   SACRED GEOGRAPHY EYEBROW
   SERIF STYLE
========================================================== */

.sacred-places-page .eyebrow {

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

    font-size: 14px;

    line-height: 1.4;

    letter-spacing: .18em;

    color: var(--gold);

    font-weight: 500;

    font-style: normal;

    text-transform: uppercase;

    margin: 0 0 10px;

}


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

.sacred-places-page .geography h2 {

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

    font-size: 44px;

    line-height: 1.15;

    color: var(--navy);

    font-weight: 400;

    font-style: normal;

    letter-spacing: 0;

    margin:
        0
        0
        20px;

}


/* ==========================================================
   GEOGRAPHY TEXT
========================================================== */

.sacred-places-page .geography > .geoGrid > div:first-child p {

    max-width: 570px;

    font-family:
        "Source Serif 4" !important;

    font-size: 18px;

    font-weight: 400;

    font-style: normal;

    line-height: 1.7;

    letter-spacing: 0;

    color: #493d32;
     text-align: left !important ;

    margin: 0;

}


/* ==========================================================
   CONCEPTUAL MAP
========================================================== */

.sacred-places-page .map {

    height: 350px;

    min-height: 350px;

    position: relative;

    border: 0;

    border-radius:
        50%
        46%
        52%
        44%;

    background:
        radial-gradient(
            circle at 48% 45%,
            rgba(190,151,83,.20),
            rgba(190,151,83,.04) 60%,
            transparent 61%
        ),
        linear-gradient(
            135deg,
            #eee3cf,
            #faf6ee
        );

    box-shadow:
        inset
        0 0 60px
        rgba(139,102,47,.10);

    overflow: hidden;

}


.sacred-places-page .map::before {

    content: "";

    position: absolute;

    inset: 12%;

    border:
        1px dashed
        rgba(169,124,54,.42);

    border-radius:
        48%
        52%
        46%
        54%;

    transform: rotate(-7deg);

}


/* ==========================================================
   MAP PINS
========================================================== */

.sacred-places-page .pin {

    position: absolute;

    z-index: 3;

    display: flex;

    align-items: center;

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

    font-size: 14px;

    font-weight: 400;

    line-height: 1.2;

    color: var(--navy);

    white-space: nowrap;

}


.sacred-places-page .pin i {

    display: inline-block;

    width: 10px;

    height: 10px;

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

    background: var(--navy);

    border-radius: 50%;

    margin-right: 7px;

}


/* ==========================================================
   PIN POSITIONS
========================================================== */

.sacred-places-page .p1 {
    left: 10%;
    top: 18%;
}

.sacred-places-page .p2 {
    left: 39%;
    top: 12%;
}

.sacred-places-page .p3 {
    left: 58%;
    top: 31%;
}

.sacred-places-page .p4 {
    left: 27%;
    top: 36%;
}

.sacred-places-page .p5 {
    left: 55%;
    top: 49%;
}

.sacred-places-page .p6 {
    left: 16%;
    top: 59%;
}

.sacred-places-page .p7 {
    left: 68%;
    top: 68%;
}

.sacred-places-page .p8 {
    left: 38%;
    top: 77%;
}

.sacred-places-page .p9 {
    left: 74%;
    top: 14%;
}


/* ==========================================================
   SACRED JOURNEY
========================================================== */

.sacred-places-page .journey {

    position: relative;

    padding:
        100px
        6vw
        120px;

    background:
        linear-gradient(
            #fffdf9,
            #faf6ed
        );

}


/* ==========================================================
   VERTICAL JOURNEY LINE
========================================================== */

.sacred-places-page .journey::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 40px;

    bottom: 80px;

    width: 2px;

    background:
        linear-gradient(
            transparent,
            var(--line) 5%,
            var(--line) 95%,
            transparent
        );

    opacity: .48;

    pointer-events: none;
    /* display: none !important; */

}


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

.sacred-places-page .stop {

    max-width: 1320px;

    margin:
        0
        auto
        120px;

    display: grid;

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

    gap: 7vw;

    align-items: center;

    position: relative;

    padding: 0;

    border: 0;

}


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

.sacred-places-page .stop:nth-of-type(even) {

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

}


.sacred-places-page .stop:nth-of-type(even) .photos {

    order: 2;

}


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

.sacred-places-page .photos {

    position: relative;

    height: 470px;

    width: 100%;

}


/* ==========================================================
   MAIN PHOTO
========================================================== */

.sacred-places-page .photoMain {

    position: absolute;

    inset:
        0
        12%
        0
        0;

    overflow: hidden;

    background: #e9e0d1;

    box-shadow:
        0 18px 50px
        rgba(43,33,23,.16);

    border-radius:
        50%
        48%
        46%
        52%
        /
        12%
        15%
        13%
        14%;

    z-index: 1;

}


.sacred-places-page .photoMain img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform .7s ease;

}


.sacred-places-page .stop:hover .photoMain img {

    transform: scale(1.035);

}


/* ==========================================================
   SMALL PHOTO
========================================================== */

.sacred-places-page .photoSmall {

    position: absolute;

    width: 38%;

    height: 46%;

    right: 0;

    bottom: -28px;

    overflow: hidden;

    background: #e9e0d1;

    border:
        9px solid
        #fff;

    box-shadow:
        0 18px 50px
        rgba(43,33,23,.16);

    border-radius:
        48%
        52%
        47%
        53%;

    z-index: 2;

}


.sacred-places-page .photoSmall img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform .7s ease;

}


.sacred-places-page .stop:hover .photoSmall img {

    transform: scale(1.04);

}


/* ==========================================================
   ALTERNATING PHOTO POSITION
========================================================== */

.sacred-places-page .stop:nth-of-type(even) .photoMain {

    inset:
        0
        0
        0
        12%;

}


.sacred-places-page .stop:nth-of-type(even) .photoSmall {

    left: 0;

    right: auto;

}


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

.sacred-places-page .copy {

    padding:
        15px
        0;

}


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

.sacred-places-page .num {

    font-family: var(--serif);

    font-size: 74px;

    line-height: .8;

    font-weight: 400;

    color: #d7bb83;

    margin:
        0
        0
        12px;

}


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

.sacred-places-page .copy h3 {

    /* font-family: var(--serif); */
    font-family:"Source Serif 4" !important;

    font-size: 34px;

    line-height: 1.1;

    color: var(--navy);

    font-weight: 500;

    margin:
        12px
        0
        7px;

}


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

.sacred-places-page .tag {

    /* font-family: var(--serif); */

    font-family: "Source Serif 4" !important;
    color: var(--gold);

    font-size: 19px;

    font-weight: 400;

    line-height: 1.4;

    margin-bottom: 20px;

}


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

.sacred-places-page .copy p {

    font-family:
        "Source Serif 4" !important;

    font-size: 18px;

    font-weight: 400;

    font-style: normal;

    line-height: 1.75;

    letter-spacing: 0;

    color: #493d32;

    margin:
        0
        0
        18px;
        text-align: left;

}


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

.sacred-places-page .association {

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

    font-size: 12px;

    font-weight: 500;

    line-height: 1.6;

    letter-spacing: .14em;

    text-transform: uppercase;

    color: #6e6c66;

}


/* ==========================================================
   PAUSE
========================================================== */
.sacred-places-page .pause {

    position: relative;

    z-index: 5;

    max-width: 900px;

    margin:
        10px
        auto
        120px;

    padding:
        38px
        50px;

    text-align: center;

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

    font-size: 21px;

    font-weight: 400;

    line-height: 1.6;

    font-style: italic;

    letter-spacing: 0;

    color: #493d32;

    background: #f5f0e6;

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

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

}
/* ==========================================================
   CLOSING
========================================================== */

.sacred-places-page .closing {

    max-width: var(--max);

    margin:
        0
        auto;

    text-align: center;

    padding-top: 30px;

    padding-bottom: 34px;

}


.sacred-places-page .ornament.small {

    gap: 24px;

}


.sacred-places-page .ornament.small span {

    width: 300px;

}


.sacred-places-page .ornament.small i {

    border: 0;

    width: auto;

    height: auto;

    font-size: 13px;

    color: var(--gold);

    font-style: normal;

}


/* ==========================================================
   CLOSING TEXT
   SAME AS OPENING REFLECTION
========================================================== */

.sacred-places-page .closing p {

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

    font-size: 21px;

    font-weight: 400;

    font-style: italic;

    line-height: 1.6;

    letter-spacing: 0;

    /* color: #493d32; */
    color: var(--ink);

    max-width: 1050px;

    margin:
        13px
        auto
        0;

}


.sacred-places-page .closing .gold-stroke {

    margin:
        18px
        auto
        0;

    width: 60px;

    height: 2px;

}


/* ==========================================================
   TABLET — 1100px
========================================================== */

@media (max-width: 1100px) {

    .sacred-places-page .geoGrid {

        grid-template-columns:
            1fr
            1fr;

        gap: 40px;

    }


    .sacred-places-page .stop {

        grid-template-columns:
            1fr
            .9fr;

        gap: 45px;

        margin-bottom: 100px;

    }


    .sacred-places-page .stop:nth-of-type(even) {

        grid-template-columns:
            .9fr
            1fr;

    }


    .sacred-places-page .copy h3 {

        font-size: 36px;

    }


    .sacred-places-page .photos {

        height: 420px;

    }


    .sacred-places-page .num {

        font-size: 64px;

    }


    .sacred-places-page .photoSmall {

        height: 46%;

    }

}


/* ==========================================================
   TABLET — 900px
========================================================== */

@media (max-width: 900px) {

    .sacred-places-page .page-width {

        padding-left: 30px;

        padding-right: 30px;

    }


    .sacred-places-page .hero {

        height: 500px;

    }


    .sacred-places-page .hero-content {

        padding-top: 35px;

    }


    .sacred-places-page .crumbs {

        font-size: 14px;

        line-height: 1.7;

    }


    .sacred-places-page .hero h1 {

        font-size: 58px;

        line-height: 1;

        margin-top: 65px;

    }


    .sacred-places-page .descriptor {

        font-size: 25px;

    }


    .sacred-places-page .hero-intro {

        font-size: 19px;

    }


    .sacred-places-page .reflection {

        padding-top: 24px;

        padding-bottom: 45px;

    }


    .sacred-places-page .reflection p {

        font-size: 20px;

        line-height: 1.6;

    }


    .sacred-places-page .ornament {

        gap: 18px;

    }


    .sacred-places-page .ornament span {

        width: 180px;

    }


    /* GEOGRAPHY */

    .sacred-places-page .geography {

        padding:
            65px
            30px
            70px;

    }


    .sacred-places-page .geoGrid {

        gap: 35px;

    }


    .sacred-places-page .eyebrow {

        font-size: 13px;

        letter-spacing: .18em;

    }


    .sacred-places-page .geography h2 {

        font-size: 40px;

    }


    .sacred-places-page .geography > .geoGrid > div:first-child p {

        font-size: 18px;

        line-height: 1.7;

    }


    .sacred-places-page .map {

        min-height: 400px;

        height: 400px;

    }


    /* JOURNEY */

    .sacred-places-page .journey {

        padding:
            80px
            30px
            90px;

    }


    .sacred-places-page .journey::before {

        left: 30px;

    }


    .sacred-places-page .stop {

        padding: 0;

        gap: 35px;

        margin-bottom: 90px;

    }


    .sacred-places-page .photos {

        height: 390px;

    }


    .sacred-places-page .photoSmall {

        height: 46%;

        border-width: 7px;

    }


    .sacred-places-page .num {

        font-size: 60px;

    }


    .sacred-places-page .copy h3 {

        font-size: 34px;

    }


    .sacred-places-page .tag {

        font-size: 17px;

    }


    .sacred-places-page .copy p {

        font-size: 17px;

        line-height: 1.65;

    }


    .sacred-places-page .pause {

        font-size: 20px;

        line-height: 1.6;

        margin-bottom: 90px;

    }


    .sacred-places-page .closing {

        padding-left: 30px;

        padding-right: 30px;

    }


    .sacred-places-page .closing p {

        font-size: 20px;

        line-height: 1.6;

    }

}


/* ==========================================================
   MOBILE — 700px
========================================================== */

@media (max-width: 700px) {

    .sacred-places-page .page-width {

        padding-left: 18px;

        padding-right: 18px;

    }


    .sacred-places-page .hero {

        height: 500px;

    }


    .sacred-places-page .hero > img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

    }


    .sacred-places-page .hero-shade {

        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, .65) 0%,
                rgba(18, 11, 7, .38) 40%,
                rgba(18, 11, 7, .72) 100%
            );

    }


    .sacred-places-page .hero-content {

        padding-top: 25px;

    }


    .sacred-places-page .crumbs {

        font-size: 13px;

        line-height: 1.7;

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        max-width: 100%;

    }


    .sacred-places-page .crumbs b {

        padding: 0 6px;

    }


    .sacred-places-page .hero h1 {

        font-size: 48px;

        line-height: 1.05;

        margin-top: 90px;

        margin-bottom: 8px;

    }


    .sacred-places-page .descriptor {

        font-size: 21px;

        line-height: 1.3;

        margin-bottom: 18px;

        letter-spacing: 0;

        word-spacing: 0;

        white-space: normal;

    }


    .sacred-places-page .hero-intro {

        font-size: 18px;

        line-height: 1.3;

        word-spacing: -1px;

        letter-spacing: -.2px;

    }


    .sacred-places-page .hero-intro br {

        display: none;

    }


    .sacred-places-page .gold-stroke {

        width: 65px;

        height: 2px;

        margin-top: 20px;

    }


    /* ======================================================
       OPENING
    ====================================================== */

    .sacred-places-page .reflection {

        padding-top: 22px;

        padding-bottom: 38px;

    }


    .sacred-places-page .reflection p {

        font-size: 18px;

        line-height: 1.55;

        margin-top: 14px;

    }


    .sacred-places-page .ornament {

        gap: 10px;

    }


    .sacred-places-page .ornament span {

        width: 65px;

    }


    .sacred-places-page .ornament i {

        width: 45px;

        height: 45px;

        font-size: 25px;

    }


    /* ======================================================
       GEOGRAPHY
    ====================================================== */

    .sacred-places-page .geography {

        padding:
            50px
            18px
            60px;

    }


    .sacred-places-page .geoGrid {

        display: block;

    }


    .sacred-places-page .eyebrow {

        font-size: 12px;

        line-height: 1.4;

        letter-spacing: .16em;

        margin-bottom: 9px;

    }


    .sacred-places-page .geography h2 {

        font-size: 36px;

        line-height: 1.15;

        margin-bottom: 16px;

    }


    .sacred-places-page .geography > .geoGrid > div:first-child p {

        font-size: 17px;

        line-height: 1.65;

        margin-bottom: 35px;

    }


    .sacred-places-page .map {

        min-height: 390px;

        height: 390px;

        width: 100%;

    }


    .sacred-places-page .pin {

        font-size: 10px;

    }


    .sacred-places-page .pin i {

        width: 8px;

        height: 8px;

        border-width: 2px;

        margin-right: 5px;

    }


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

    .sacred-places-page .journey {

        padding:
            70px
            18px
            70px;

    }


    .sacred-places-page .journey::before {

        display: none;

    }


    .sacred-places-page .stop,
    .sacred-places-page .stop:nth-of-type(even) {

        display: flex;

        flex-direction: column;

        gap: 30px;

        padding: 0;

        margin-bottom: 80px;

        width: 100%;

    }


    .sacred-places-page .stop:nth-of-type(even) .photos {

        order: initial;

    }


    .sacred-places-page .photos {

        width: 100%;

        height: 340px;

    }


    .sacred-places-page .photoMain,
    .sacred-places-page .stop:nth-of-type(even) .photoMain {

        inset:
            0
            10%
            0
            0;

    }


    .sacred-places-page .photoSmall,
    .sacred-places-page .stop:nth-of-type(even) .photoSmall {

        width: 42%;

        height: 46%;

        right: 0;

        left: auto;

        bottom: -18px;

        border-width: 6px;

    }


    .sacred-places-page .copy {

        width: 100%;

        padding:
            10px
            0;

    }


    .sacred-places-page .num {

        font-size: 58px;

        line-height: .8;

        margin:
            0
            0
            10px;

    }


    .sacred-places-page .copy h3 {

        font-size: 34px;

        line-height: 1.12;

        margin:
            10px
            0
            8px;

    }


    .sacred-places-page .tag {

        font-size: 17px;

        line-height: 1.4;

        margin-bottom: 16px;

    }


    .sacred-places-page .copy p {

        font-size: 17px;

        line-height: 1.65;

        margin-bottom: 18px;

    }


    .sacred-places-page .association {

        font-size: 11px;

        letter-spacing: .08em;

    }


    /* ======================================================
       PAUSE
    ====================================================== */

    .sacred-places-page .pause {

        margin:
            15px
            auto
            60px;

        padding:
            30px
            18px;

        font-size: 18px;

        line-height: 1.6;

    }


    /* ======================================================
       CLOSING
    ====================================================== */

    .sacred-places-page .closing {

        padding-left: 18px;

        padding-right: 18px;

        padding-bottom: 34px;

    }


    .sacred-places-page .ornament.small {

        gap: 10px;

    }


    .sacred-places-page .ornament.small span {

        width: 65px;

    }


    .sacred-places-page .ornament.small i {

        font-size: 11px;

    }


    .sacred-places-page .closing p {

        font-size: 18px;

        line-height: 1.55;

        margin-top: 14px;

    }


    .sacred-places-page .closing .gold-stroke {

        width: 50px;

        height: 2px;

        margin-top: 18px;

    }

}


/* ==========================================================
   MOBILE — 480px
========================================================== */

@media (max-width: 480px) {

    .sacred-places-page .page-width {

        padding-left: 15px;

        padding-right: 15px;

    }


    .sacred-places-page .hero {

        height: 480px;

    }


    .sacred-places-page .hero-content {

        padding-top: 22px;

    }


    .sacred-places-page .crumbs {

        font-size: 12px;

        line-height: 1.8;

    }


    .sacred-places-page .crumbs b {

        padding: 0 4px;

    }


    .sacred-places-page .hero h1 {

        font-size: 42px;

        margin-top: 75px;

        margin-bottom: 8px;

    }


    .sacred-places-page .descriptor {

        font-size: 19px;

    }


    .sacred-places-page .hero-intro {

        font-size: 16px;

        line-height: 1.5;

        max-width: 310px;

    }


    /* OPENING */

    .sacred-places-page .reflection p {

        font-size: 17px;

        line-height: 1.55;

    }


    .sacred-places-page .ornament {

        gap: 7px;

    }


    .sacred-places-page .ornament span {

        width: 45px;

    }


    .sacred-places-page .ornament i {

        width: 42px;

        height: 42px;

        font-size: 23px;

    }


    /* GEOGRAPHY */

    .sacred-places-page .geography {

        padding-left: 15px;

        padding-right: 15px;

    }


    .sacred-places-page .eyebrow {

        font-size: 11px;

        letter-spacing: .15em;

    }


    .sacred-places-page .geography h2 {

        font-size: 32px;

    }


    .sacred-places-page .geography > .geoGrid > div:first-child p {

        font-size: 16px;

        line-height: 1.65;

    }


    .sacred-places-page .map {

        min-height: 350px;

        height: 350px;

    }


    .sacred-places-page .pin {

        font-size: 9px;

    }


    /* CARDS */

    .sacred-places-page .journey {

        padding:
            60px
            15px
            60px;

    }


    .sacred-places-page .stop,
    .sacred-places-page .stop:nth-of-type(even) {

        gap: 25px;

        margin-bottom: 65px;

    }


    .sacred-places-page .photos {

        height: 285px;

    }


    .sacred-places-page .photoMain,
    .sacred-places-page .stop:nth-of-type(even) .photoMain {

        inset:
            0
            11%
            0
            0;

    }


    .sacred-places-page .photoSmall,
    .sacred-places-page .stop:nth-of-type(even) .photoSmall {

        width: 43%;

        height: 47%;

        right: 0;

        left: auto;

        bottom: -15px;

        border-width: 5px;

    }


    .sacred-places-page .copy {

        padding:
            8px
            0;

    }


    .sacred-places-page .num {

        font-size: 52px;

    }


    .sacred-places-page .copy h3 {

        font-size: 30px;

        line-height: 1.12;

    }


    .sacred-places-page .tag {

        font-size: 16px;

    }


    .sacred-places-page .copy p {

        font-size: 16px;

        line-height: 1.65;

    }


    .sacred-places-page .association {

        font-size: 10px;

        letter-spacing: .07em;

    }


    .sacred-places-page .pause {

        font-size: 17px;

        line-height: 1.6;

        padding:
            25px
            14px;

    }


    .sacred-places-page .closing p {

        font-size: 17px;

        line-height: 1.55;

    }


    .sacred-places-page .ornament.small span {

        width: 45px;

    }

}


/* ==========================================================
   MOBILE — 360px
========================================================== */

@media (max-width: 360px) {

    .sacred-places-page .page-width {

        padding-left: 12px;

        padding-right: 12px;

    }


    .sacred-places-page .hero {

        height: 460px;

    }


    .sacred-places-page .hero h1 {

        font-size: 38px;

        margin-top: 68px;

    }


    .sacred-places-page .descriptor {

        font-size: 18px;

    }


    .sacred-places-page .hero-intro {

        font-size: 15px;

    }


    /* OPENING */

    .sacred-places-page .reflection p {

        font-size: 16px;

        line-height: 1.55;

    }


    .sacred-places-page .ornament span {

        width: 35px;

    }


    .sacred-places-page .ornament i {

        width: 40px;

        height: 40px;

        font-size: 22px;

    }


    /* GEOGRAPHY */

    .sacred-places-page .geography {

        padding-left: 12px;

        padding-right: 12px;

    }


    .sacred-places-page .geography h2 {

        font-size: 29px;

    }


    .sacred-places-page .geography > .geoGrid > div:first-child p {

        font-size: 15px;

        line-height: 1.65;

    }


    .sacred-places-page .map {

        min-height: 320px;

        height: 320px;

    }


    .sacred-places-page .pin {

        font-size: 8px;

    }


    /* CARDS */

    .sacred-places-page .journey {

        padding:
            50px
            12px
            50px;

    }


    .sacred-places-page .photos {

        height: 250px;

    }


    .sacred-places-page .photoMain,
    .sacred-places-page .stop:nth-of-type(even) .photoMain {

        inset:
            0
            10%
            0
            0;

    }


    .sacred-places-page .photoSmall,
    .sacred-places-page .stop:nth-of-type(even) .photoSmall {

        width: 43%;

        height: 47%;

        right: 0;

        left: auto;

        bottom: -12px;

        border-width: 4px;

    }


    .sacred-places-page .num {

        font-size: 46px;

    }


    .sacred-places-page .copy h3 {

        font-size: 27px;

    }


    .sacred-places-page .tag {

        font-size: 15px;

    }


    .sacred-places-page .copy p {

        font-size: 15px;

        line-height: 1.6;

    }


    .sacred-places-page .association {

        font-size: 9px;

    }


    /* CLOSING */

    .sacred-places-page .closing {

        padding-left: 12px;

        padding-right: 12px;

    }


    .sacred-places-page .closing p {

        font-size: 16px;

        line-height: 1.55;

    }

}



/* /////////////////////////////////////////////////////////////////////////////////////////////SADHANA/////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =========================================================
   SADHANA PAGE
/* =========================================================
   SADHANA
========================================================= */
:root {

    --sadhana-navy: #082e4a;

    --sadhana-stone: #f5f0e6;

    --sadhana-ink: #102f4c;

    --sadhana-gold: #b9822d;

    --sadhana-gold-bright: #d19a36;

    --sadhana-muted: #70543c;

    --sadhana-frame: #352b25;

    --sadhana-panel: #f8f4eb;

}

.sadhana-wrap {

    width: min(1320px, 88vw);

    margin: auto;

}


/* =========================================================
   SADHANA HERO
   DESKTOP — FULL IMAGE / NO CROP
========================================================= */

.sadhana-hero {

    height: auto;

    position: relative;

    overflow: hidden;

    color: #fff;

}

.sadhana-hero-image {

    width: 100%;

    height: auto;

    display: block;

    object-fit: contain;

    object-position: center center;

}

.sadhana-hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );

}

.sadhana-hero-copy {

    position: absolute;

    left: 4.2vw;

    top: 55%;

    transform: translateY(-55%);

    width: min(620px, 50vw);

    color: white;

    z-index: 2;

    padding: 0;

}


/* =========================================================
   BREADCRUMB
========================================================= */

.sadhana-breadcrumb {

    font-size: 14px;

    margin-bottom: 40px;

    color: #f3eee7;

}

.sadhana-breadcrumb span {

    padding: 0 10px;

    color: #d3aa62;

}

.sadhana-breadcrumb a {

    color: #f3eee7;

    text-decoration: none;

}


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

.sadhana-hero h1 {

    font-size: 58px;

    font-weight: 400;

    line-height: 1;

    margin: 0 0 14px;

}

.sadhana-descriptor {

    font-size: 24px;

    color: #e0b451;

    margin: 0 0 16px;

    letter-spacing: .01em;

}

.sadhana-hero-intro {

    font-size: 18px;

    line-height: 1.45;

    max-width: 550px;

    margin: 0;

    color: #f4eee5;

}

.sadhana-gold-rule {

    display: block;

    width: 72px;

    height: 3px;

    background: #d2a23c;

    margin-top: 24px;

}


/* =========================================================
   SADHANA MAIN SECTION
========================================================= */

.sadhana-section {

    background: var(--sadhana-stone);

    padding: 45px 3.8vw 0;

}


/* =========================================================
   SECTION KICKER
========================================================= */

.sadhana-section-kicker {

    display: flex;

    align-items: center;

    gap: 26px;

    color: #9c681f;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .22em;

}

.sadhana-section-kicker i {

    height: 1px;

    background: #c99a50;

    flex: 1;

}


/* =========================================================
   OPENING REFLECTION
   SAME AS GREAT SHARANAS
========================================================= */

.sadhana-threshold-reflection {

    max-width: 1240px;

    margin: 34px auto 42px;

    padding: 20px 55px 28px;

    text-align: center;

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

    margin-top: -50px;

}


/* =========================================================
   OM ROW
========================================================= */

.sadhana-motif-row {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    margin: 0 auto 18px;

    max-width: 900px;

}

.sadhana-motif-row i {

    width: auto;

    flex: 1;

    max-width: 360px;

    height: 1px;

    background: #c99a50;

}


/* =========================================================
   OM
   EXACT GREAT SHARANAS STYLE
========================================================= */

.sadhana-aum-medallion {

    width: 58px;

    height: 58px;

    border: 1px solid rgba(185, 130, 45, .52);

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #b9822d;

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

    font-family:
        'Noto Serif Devanagari',
        'Nirmala UI',
        'Mangal',
        serif;

    font-size: 31px;

    line-height: 1;

    box-shadow:
        0 2px 9px rgba(80, 55, 20, .06);

}


/* =========================================================
   TEXT BELOW OM
========================================================= */

.sadhana-threshold-reflection p {

    font-style: italic;

    font-size: 21px;

    line-height: 1.55;

    margin: 0;

    color: var(--sadhana-ink);

}


/* =========================================================
   INNER MOVEMENT / RIBBON
   CENTERED VERSION
========================================================= */

.sadhana-ribbon {

    background:
        linear-gradient(
            120deg,
            #081726,
            #11283b 60%,
            #2b1d12
        );

    color: #fff;

    padding: 84px 0 90px;

    overflow: hidden;

    width: calc(100% + 7.6vw);

    margin-left: -3.8vw;

    height: 560px;

}


/* =========================================================
   RIBBON INNER WRAPPER
========================================================= */

.sadhana-ribbon .sadhana-wrap {

    width: min(1320px, 88vw);

    margin: 0 auto;

    padding: 0;

}


/* =========================================================
   MAIN RIBBON CONTENT
   EVERYTHING CENTERED
========================================================= */

.sadhana-ribbon-grid {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 38px;

}


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

.sadhana-ribbon-grid > div:first-child {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}


/* =========================================================
   EYEBROW
========================================================= */

.sadhana-ribbon .sadhana-eyebrow {

    color: #d6a348;

    font-family: Arial, sans-serif;

    text-transform: uppercase;

    letter-spacing: .15em;

    font-size: 13px;

    font-weight: 700;

    margin: 0;

    margin-top: -20px;

}


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

.sadhana-ribbon h2 {

    font-size: 52px;

    font-weight: 400;

    line-height: 1.1;

    margin: 14px 0 22px;

    color: #fff;

    text-align: center;

}


/* =========================================================
   RIBBON PARAGRAPH
========================================================= */

.sadhana-ribbon p {

    max-width: 1150px;

    margin: 0;

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

    font-size: 18px;

    font-weight: 400;

    line-height: 1.55;

}


/* =========================================================
   FOUR MOVEMENTS AREA
========================================================= */

.sadhana-path {

    position: relative;

    width: 100%;

    max-width: 900px;

    height: 230px;

    margin: 0 auto;

    margin-top: -50px;

}


/* =========================================================
   HORIZONTAL CENTER LINE
========================================================= */

.sadhana-path::before {

    content: "";

    position: absolute;

    left: 8%;

    right: 8%;

    top: 50%;

    width: auto;

    height: 1px;

    transform: translateY(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #d7a54e 10%,
            #d7a54e 90%,
            transparent
        );

    z-index: 1;

}


/* =========================================================
   EACH STAGE
========================================================= */

.sadhana-stage {

    position: absolute;

    width: 150px;

    top: calc(50% - 48px);

    transform: translateX(-50%);

    text-align: center;

    z-index: 2;

}


/* =========================================================
   FOUR EQUAL POSITIONS
========================================================= */

.sadhana-stage:nth-child(1) {

    left: 12%;

}

.sadhana-stage:nth-child(2) {

    left: 37%;

}

.sadhana-stage:nth-child(3) {

    left: 63%;

}

.sadhana-stage:nth-child(4) {

    left: 88%;

}


/* =========================================================
   CIRCLE / ORB
========================================================= */

.sadhana-orb {

    width: 96px;

    height: 96px;

    border: 1px solid rgba(224, 183, 101, .65);

    border-radius: 50%;

    margin: 0 auto 18px;

    display: grid;

    place-items: center;

    position: relative;

    z-index: 3;

    box-shadow:
        0 0 38px rgba(211, 147, 42, .16);

    background:
        radial-gradient(
            circle,
            #bb7b20 0 5%,
            #14283a 7% 42%,
            #091724 44%
        );

}

.sadhana-orb span {

    font-size: 34px;

    color: #efc675;

    line-height: 1;

}


/* =========================================================
   TEXT
========================================================= */

.sadhana-stage b {

    display: block;

    font-family: Arial, sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .12em;

    text-transform: uppercase;

    color: #efc675;

    white-space: nowrap;

}

.sadhana-stage small {

    display: block;

    margin-top: 7px;

    color: #c9d0d5;

    font-family: Arial, sans-serif;

    font-size: 14px;

    line-height: 1.3;

    white-space: nowrap;

}


/* =========================================================
   SADHANA CARDS SECTION
========================================================= */

.sadhana-cards {

    padding: 105px 0 115px;

    background: #f8f3e9;

}


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

.sadhana-cards-head {

    text-align: center;

    margin-bottom: 60px;

}

.sadhana-cards-head h2 {

    font-size: 50px;

    font-weight: 400;

    margin: 8px 0 12px;

    color: var(--sadhana-ink);

}

.sadhana-cards-head p {

    font-size: 19px;

    color: var(--sadhana-muted);

    margin: 0;

}


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

.sadhana-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 28px;

}


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

.sadhana-card {

    min-height: 430px;

    position: relative;

    overflow: hidden;

    border-radius: 4px;

    background: #122638;

    box-shadow:
        0 14px 35px rgba(30, 30, 20, .09);

    display: block;

    visibility: visible;

    opacity: 1;

    cursor: pointer;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1),
        box-shadow .45s ease;

}


/* =========================================================
   CARD HOVER — DESKTOP
========================================================= */

.sadhana-card:hover {

    transform: translateY(-12px);

    box-shadow:
        0 24px 45px rgba(8, 46, 74, .22);

}


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

.sadhana-visual {

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 72% 43%,
            rgba(225, 166, 67, .48),
            transparent 8%
        ),
        linear-gradient(
            125deg,
            #071522 5%,
            #10283a 55%,
            #6b431d 130%
        );

    transition:
        transform .65s cubic-bezier(.22, .61, .36, 1),
        filter .45s ease;

}


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

.sadhana-card:nth-child(1) .sadhana-visual {

    background:
        radial-gradient(
            circle at 72% 43%,
            rgba(225, 166, 67, .48),
            transparent 8%
        ),
        linear-gradient(
            125deg,
            #071522 5%,
            #10283a 55%,
            #6b431d 130%
        );

}


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

.sadhana-card:nth-child(2) .sadhana-visual {

    background:
        radial-gradient(
            circle at 75% 40%,
            rgba(232, 185, 94, .38),
            transparent 16%
        ),
        linear-gradient(
            125deg,
            #0a1724,
            #24313b 58%,
            #8a6735
        );

}


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

.sadhana-card:nth-child(3) .sadhana-visual {

    background:
        radial-gradient(
            circle at 73% 42%,
            rgba(233, 157, 45, .38),
            transparent 15%
        ),
        linear-gradient(
            125deg,
            #111a22,
            #392719 60%,
            #8a5724
        );

}


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

.sadhana-card:nth-child(4) .sadhana-visual {

    background:
        radial-gradient(
            circle at 75% 40%,
            rgba(231, 190, 102, .32),
            transparent 19%
        ),
        linear-gradient(
            125deg,
            #081725,
            #172d36 60%,
            #625132
        );

}


/* =========================================================
   VISUAL CIRCLE
========================================================= */

.sadhana-visual::after {

    content: "";

    position: absolute;

    right: 12%;

    top: 23%;

    width: 150px;

    height: 150px;

    border: 1px solid rgba(235, 196, 120, .55);

    border-radius: 50%;

    box-shadow:
        0 0 0 24px rgba(235, 196, 120, .035),
        0 0 0 48px rgba(235, 196, 120, .02);

    transition:
        transform .65s ease,
        opacity .45s ease;

}


/* =========================================================
   CARD VISUAL HOVER
========================================================= */

.sadhana-card:hover .sadhana-visual {

    transform: scale(1.08);

    filter: brightness(1.08);

}

.sadhana-card:hover .sadhana-visual::after {

    transform: scale(1.12);

    opacity: .9;

}


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

.sadhana-card-copy {

    position: absolute;

    inset: auto 0 0 0;

    padding: 110px 42px 38px;

    background:
        linear-gradient(
            transparent,
            rgba(4, 13, 21, .94)
        );

    color: white;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1);

}


/* =========================================================
   CARD COPY HOVER
========================================================= */

.sadhana-card:hover .sadhana-card-copy {

    transform: translateY(-6px);

}


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

.sadhana-num {

    font-size: 15px;

    color: #e0b765;

    font-family: Arial, sans-serif;

    letter-spacing: .15em;

    transition:
        transform .4s ease,
        color .35s ease;

}

.sadhana-card:hover .sadhana-num {

    transform: translateX(5px);

    color: #efc675;

}


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

.sadhana-card h3 {

    font-size: 38px;

    font-weight: 400;

    margin: 8px 0;

    color: #fff;

    transition:
        transform .4s ease,
        color .35s ease;

}

.sadhana-card:hover h3 {

    transform: translateX(5px);

    color: #fff;

}


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

.sadhana-card p {

    font-size: 17px;

    line-height: 1.55;

    color: #e4e4df;

    max-width: 510px;

    margin: 0;

    transition:
        transform .45s ease,
        opacity .4s ease;

}

.sadhana-card:hover p {

    transform: translateX(3px);

}


/* =========================================================
   META
========================================================= */

.sadhana-meta {

    color: #e0b765;

    margin-top: 18px;

    font-family: Arial, sans-serif;

    text-transform: uppercase;

    letter-spacing: .15em;

    font-size: 13px;

    font-weight: 700;

    transition:
        transform .4s ease,
        letter-spacing .4s ease;

}

.sadhana-card:hover .sadhana-meta {

    transform: translateX(4px);

    letter-spacing: .17em;

}


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

.sadhana-arrow {

    position: absolute;

    right: 34px;

    bottom: 34px;

    width: 38px;

    height: 38px;

    border: 1px solid rgba(235, 190, 100, .75);

    border-radius: 50%;

    display: grid;

    place-items: center;

    color: #e0b765;

    font-family: Arial, sans-serif;

    transition:
        transform .4s cubic-bezier(.22, .61, .36, 1),
        background .3s ease,
        color .3s ease,
        border-color .3s ease;

}

.sadhana-card:hover .sadhana-arrow {

    transform: translateX(8px);

    background: #e0b765;

    color: #0b1d2c;

    border-color: #e0b765;

}


/* =========================================================
   GOLD LIGHT SWEEP
========================================================= */

.sadhana-card::after {

    content: "";

    position: absolute;

    top: -100%;

    left: -75%;

    width: 55%;

    height: 300%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .13),
            transparent
        );

    transform: rotate(18deg);

    pointer-events: none;

    z-index: 5;

    transition:
        left .75s ease;

}

.sadhana-card:hover::after {

    left: 125%;

}


/* =========================================================
   CLOSING REFLECTION
   GREAT SHARANAS STYLE
========================================================= */

.sadhana-closing-reflection {

    margin: 50px -3.8vw 0;

    padding: 34px 4vw 42px;

    text-align: center;

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

    border-top: 0;

    margin-top: -100px;

}


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

.sadhana-closing-title {

    text-align: center;

    margin-bottom: 26px;

}

.sadhana-closing-eyebrow {

    color: #c99a50;

    font-family: var(--serif);

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    margin-bottom: 12px;

    margin-top: -10px;

}

.sadhana-closing-title h2 {

    color: var(--sadhana-ink);

    font-family: var(--serif);

    font-size: 34px;

    font-weight: 500;

    line-height: 1.3;

    margin: 0 auto;

    max-width: 850px;

}


/* =========================================================
   CLOSING LINES
========================================================= */

.sadhana-closing-lines {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

}

.sadhana-closing-lines i {

    height: 1px;

    background: #c99a50;

    width: min(260px, 22vw);

}

.sadhana-five-mark {

    color: #b9822d;

    font-size: 19px;

    line-height: 1;

}


/* =========================================================
   CLOSING TEXT
========================================================= */

.sadhana-closing-reflection > p {

    font-size: 21px;

    font-style: italic;

    line-height: 1.45;

    margin: 17px auto 16px;

    max-width: 780px;

    /* color: var(--sadhana-ink); */
    color: var(--navy);


    text-align: center;

}


/* =========================================================
   SHORT GOLD RULE
========================================================= */

.sadhana-short-rule {

    display: block;

    width: 56px;

    height: 2px;

    background: #c99a50;

    margin: 0 auto;

}


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

@media (max-width: 1180px) {

    .sadhana-hero-copy {

        width: 70vw;

    }

}


/* =========================================================
   TABLET
   FULL IMAGE — NO CROP
========================================================= */

@media (max-width: 900px) {

    .sadhana-hero {

        height: auto;

    }

    .sadhana-hero-image {

        width: 100%;

        height: auto;

        display: block;

        object-fit: contain;

        object-position: center center;

    }

    .sadhana-hero-copy {

        left: 6vw;

        top: 55px;

        width: 88vw;

    }

    .sadhana-breadcrumb {

        margin-bottom: 15px;

    }

    .sadhana-hero h1 {

        font-size: 52px;

    }

    .sadhana-descriptor {

        font-size: 22px;

    }

    .sadhana-hero-intro {

        font-size: 17px;

    }


    /* =====================================================
       INNER MOVEMENT
       CENTERED
    ====================================================== */

    .sadhana-ribbon {

        padding: 75px 0 80px;

    }

    .sadhana-ribbon-grid {

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 32px;

    }

    .sadhana-ribbon-grid > div:first-child {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

    }

    .sadhana-ribbon h2 {

        font-size: 46px;

        text-align: center;

    }

    .sadhana-ribbon p {

        max-width: 620px;

        font-size: 18px;

        text-align: center;

    }


    /* =====================================================
       TABLET FOUR MOVEMENTS
    ====================================================== */

    .sadhana-path {

        width: 100%;

        max-width: 800px;

        height: 220px;

    }

    .sadhana-path::before {

        left: 8%;

        right: 8%;

        top: 50%;

        transform: translateY(-50%);

    }

    .sadhana-stage {

        width: 120px;

        top: calc(50% - 36px);

        transform: translateX(-50%);

    }

    .sadhana-stage:nth-child(1) {

        left: 12%;

    }

    .sadhana-stage:nth-child(2) {

        left: 37%;

    }

    .sadhana-stage:nth-child(3) {

        left: 63%;

    }

    .sadhana-stage:nth-child(4) {

        left: 88%;

    }

    .sadhana-orb {

        width: 72px;

        height: 72px;

        margin-bottom: 14px;

    }

    .sadhana-orb span {

        font-size: 27px;

    }

    .sadhana-grid {

        grid-template-columns: 1fr 1fr;

    }

}


/* =========================================================
   MOBILE VIEW
   IMAGE CROP ALLOWED
========================================================= */

@media (max-width: 720px) {


    /* =========================================
       HERO
       MOBILE — COVER / CROP ALLOWED
    ========================================= */

    .sadhana-hero {

        height: 500px;

        min-height: 500px;

        position: relative;

        overflow: hidden;

    }

    .sadhana-hero-image {

        width: 100%;

        height: 100%;

        display: block;

        object-fit: cover;

        object-position: center center;

    }

    .sadhana-hero-shade {

        position: absolute;

        inset: 0;

        z-index: 1;

        background:
            linear-gradient(
                90deg,
                rgba(15, 12, 10, .76) 0%,
                rgba(15, 12, 10, .42) 37%,
                rgba(15, 12, 10, .04) 68%
            );

    }

    /* CONTENT UPPER */

    .sadhana-hero-copy {

        position: absolute;

        left: 24px;

        right: 24px;

        top: 20px;

        transform: none;

        width: auto;

        z-index: 2;

    }

    .sadhana-breadcrumb {

        margin-bottom: 15px;

        font-size: 12px;

    }

    .sadhana-hero h1 {

        font-size: 42px;

        line-height: 1.05;

        margin: 0 0 10px;

    }

    .sadhana-descriptor {

        font-size: 20px;

        line-height: 1.35;

        margin: 0 0 15px;

    }

    .sadhana-hero-intro {

        font-size: 16px;

        line-height: 1.5;

    }

    .sadhana-gold-rule {

        width: 62px;

        margin-top: 20px;

    }


    /* =========================================
       SECTION - SAME
    ========================================= */

    .sadhana-section {

        padding: 34px 22px 0;

    }

    .sadhana-threshold-reflection {

        padding: 22px 12px;

        margin-bottom: 34px;

    }

    .sadhana-motif-row {

        gap: 14px;

    }

    .sadhana-motif-row i {

        max-width: none;

    }

    .sadhana-aum-medallion {

        width: 50px;

        height: 50px;

        font-size: 27px;

    }

    .sadhana-threshold-reflection p {

        font-size: 18px;

        line-height: 1.55;

    }


    /* =========================================
       SADHANA RIBBON
       MOBILE ONLY
    ========================================= */

    .sadhana-ribbon {

        height: auto !important;

        min-height: 0;

        padding: 65px 0 70px;

        overflow: visible;

    }

    .sadhana-ribbon .sadhana-wrap {

        width: 90vw;

        padding: 0;

    }

    .sadhana-ribbon-grid {

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 30px;

    }

    .sadhana-ribbon-grid > div:first-child {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

    }

    .sadhana-ribbon .sadhana-eyebrow {

        font-size: 11px;

        letter-spacing: .13em;

        text-align: center;

    }

    .sadhana-ribbon h2 {

        font-size: 40px;

        line-height: 1.15;

        margin: 12px 0 18px;

        text-align: center;

    }

    .sadhana-ribbon p {

        font-size: 17px;

        line-height: 1.65;

        max-width: 90%;

        margin: 0 auto;

        text-align: center;

    }


    /* =========================================
       4 CIRCLES
       ONE BELOW ANOTHER
       NO CONNECTING LINE
    ========================================= */

    .sadhana-path {

        width: 100%;

        max-width: 100%;

        height: 560px;

        margin: 0 auto;

        position: relative;

        display: block;

    }


    /* REMOVE LINE COMPLETELY */

    .sadhana-path::before {

        display: none !important;

        content: none !important;

    }


    /* EACH CIRCLE / STAGE */

    .sadhana-stage {

        position: absolute;

        width: 100%;

        left: 50% !important;

        transform: translateX(-50%);

        text-align: center;

        z-index: 2;

    }


    /* Circle 1 */

    .sadhana-stage:nth-child(1) {

        top: 0;

    }


    /* Circle 2 */

    .sadhana-stage:nth-child(2) {

        top: 140px;

    }


    /* Circle 3 */

    .sadhana-stage:nth-child(3) {

        top: 280px;

    }


    /* Circle 4 */

    .sadhana-stage:nth-child(4) {

        top: 420px;

    }


    /* =========================================
       CIRCLES
    ========================================= */

    .sadhana-orb {

        width: 58px;

        height: 58px;

        margin: 0 auto 10px;

    }

    .sadhana-orb span {

        font-size: 22px;

    }

    .sadhana-stage b {

        display: block;

        font-size: 8px;

        letter-spacing: .06em;

        white-space: nowrap;

    }

    .sadhana-stage small {

        display: block;

        font-size: 9px;

        margin-top: 5px;

        white-space: nowrap;

    }


    /* =========================================
       CARDS
       SAME AS BEFORE
    ========================================= */

    .sadhana-cards {

        padding: 70px 0 75px;

    }

    .sadhana-cards-head {

        margin-bottom: 40px;

        padding: 0 8px;

    }

    .sadhana-cards-head .sadhana-eyebrow {

        font-size: 12px;

        letter-spacing: .14em;

    }

    .sadhana-cards-head h2 {

        font-size: 38px;

        line-height: 1.2;

        margin: 8px 0 12px;

    }

    .sadhana-cards-head p {

        font-size: 17px;

        line-height: 1.5;

    }


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

    .sadhana-grid {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 38px;

        width: 100%;

        opacity: 1;

        visibility: visible;

    }

    .sadhana-card {

        display: block !important;

        width: 100%;

        min-height: 400px;

        height: 400px;

        position: relative;

        visibility: visible !important;

        opacity: 1 !important;

        overflow: hidden;

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

    }

    .sadhana-visual {

        display: block !important;

        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;

        visibility: visible;

        opacity: 1;

        transition:
            transform .45s ease,
            filter .35s ease;

    }

    .sadhana-card-copy {

        display: block !important;

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        padding: 100px 28px 30px;

        visibility: visible;

        opacity: 1;

        transition: transform .35s ease;

    }

    .sadhana-num {

        font-size: 14px;

    }

    .sadhana-card h3 {

        font-size: 32px;

        line-height: 1.2;

    }

    .sadhana-card p {

        font-size: 16px;

        line-height: 1.55;

    }

    .sadhana-meta {

        font-size: 11px;

        line-height: 1.5;

        padding-right: 45px;

    }

    .sadhana-arrow {

        right: 24px;

        bottom: 24px;

    }


    /* =========================================
       CARD ACTIVE
       SAME
    ========================================= */

    .sadhana-card:active {

        transform: scale(.985) translateY(-5px);

        box-shadow:
            0 18px 35px rgba(8, 46, 74, .22);

    }

    .sadhana-card:active .sadhana-visual {

        transform: scale(1.05);

        filter: brightness(1.06);

    }

    .sadhana-card:active .sadhana-card-copy {

        transform: translateY(-5px);

    }

    .sadhana-card:active .sadhana-num {

        transform: translateX(4px);

    }

    .sadhana-card:active h3 {

        transform: translateX(4px);

    }

    .sadhana-card:active .sadhana-meta {

        transform: translateX(3px);

    }

    .sadhana-card:active .sadhana-arrow {

        transform: translateX(6px);

        background: #e0b765;

        color: #0b1d2c;

        border-color: #e0b765;

    }


    /* =========================================
       CLOSING
       SAME
    ========================================= */

    .sadhana-closing-reflection {

        margin: 42px -22px 0;

        padding: 32px 22px 36px;

        margin-top: -80px;

    }

    .sadhana-closing-title {

        margin-bottom: 24px;

    }

    .sadhana-closing-eyebrow {

        font-size: 13px;

        letter-spacing: 1.8px;

        margin-bottom: 10px;

    }

    .sadhana-closing-title h2 {

        font-size: 27px;

        line-height: 1.3;

    }

    .sadhana-closing-lines {

        gap: 14px;

    }

    .sadhana-closing-lines i {

        width: min(120px, 25vw);

    }

    .sadhana-closing-reflection > p {

        font-size: 19px;

        line-height: 1.5;

    }

}


/* =========================================================
   SMALL MOBILE
   MAX 480PX
========================================================= */

@media (max-width: 480px) {

    .sadhana-hero {

        height: 500px;

        min-height: 500px;

    }

    .sadhana-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

    }

    .sadhana-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;

    }

    .sadhana-breadcrumb {

        margin-bottom: 88px;

        font-size: 11px;

    }
    

    .sadhana-hero h1 {

        font-size: 38px;

    }

    .sadhana-descriptor {

        font-size: 19px;

    }

    .sadhana-hero-intro {

        font-size: 15px;

    }

    .sadhana-aum-medallion {

        width: 48px;

        height: 48px;

        font-size: 26px;

    }

    .sadhana-threshold-reflection p {

        font-size: 18px;

    }


    /* =========================================
       RIBBON
    ========================================= */

    .sadhana-ribbon {

        height: auto !important;

        min-height: 0;

        overflow: visible;

        padding: 65px 0 70px;

    }

    .sadhana-ribbon h2 {

        font-size: 34px;

    }


    /* =========================================
       4 CIRCLES
       NO LINE
    ========================================= */

    .sadhana-path {

        height: 540px;

    }

    .sadhana-path::before {

        display: none !important;

        content: none !important;

    }


    /* Circle 1 */

    .sadhana-stage:nth-child(1) {

        top: 0;

    }


    /* Circle 2 */

    .sadhana-stage:nth-child(2) {

        top: 135px;

    }


    /* Circle 3 */

    .sadhana-stage:nth-child(3) {

        top: 270px;

    }


    /* Circle 4 */

    .sadhana-stage:nth-child(4) {

        top: 405px;

    }


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

    .sadhana-card {

        min-height: 390px;

        height: 390px;

    }

    .sadhana-card-copy {

        padding: 90px 22px 26px;

    }

    .sadhana-card h3 {

        font-size: 29px;

    }

    .sadhana-card p {

        font-size: 15px;

    }

    .sadhana-meta {

        font-size: 10px;

        letter-spacing: .11em;

    }

    .sadhana-closing-title h2 {

        font-size: 25px;

    }

    .sadhana-closing-reflection > p {

        font-size: 18px;

    }

}


/* =========================================================
   REDUCE MOTION
   ACCESSIBILITY
========================================================= */

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

    .sadhana-card,
    .sadhana-card *,
    .sadhana-card::after,
    .sadhana-visual,
    .sadhana-visual::after {

        transition: none !important;

    }

}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////TEACHINGPAGECSS/////////////////////////////////////////////////////////////////////////////////////// */


/* =========================================================
   TEACHINGS PAGE
========================================================= */
:root {

    --teaching-navy: #082e4a;

    --teaching-stone: #f5f0e6;

    --teaching-ink: #102f4c;

    --teaching-gold: #b9822d;

    --teaching-gold-bright: #d19a36;

    --teaching-muted: #70543c;

    --teaching-frame: #352b25;

    --teaching-panel: #f8f4eb;
}


.teaching-wrap {

    width: min(1320px, 88vw);

    margin: auto;
}



/* =========================================================
   HERO
   DESKTOP = FULL IMAGE
   MOBILE = COVER
========================================================= */

.teaching-hero {

    height: auto;

    position: relative;

    overflow: hidden;

    color: #fff;
}


.teaching-hero-image {

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center center;

    display: block;
}


.teaching-hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );
}


.teaching-hero-copy {

    position: absolute;

    left: 4.2vw;

    top: 55%;

    transform: translateY(-55%);

    width: min(620px, 50vw);

    color: white;

    z-index: 2;

    padding: 0;
}



/* =========================================================
   BREADCRUMB
========================================================= */

.teaching-breadcrumb {

    font-size: 14px;

    margin-bottom: 58px;

    color: #f3eee7;
}


.teaching-breadcrumb span {

    padding: 0 10px;

    color: #d3aa62;
}


.teaching-breadcrumb a {

    color: #f3eee7;

    text-decoration: none;
}



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

.teaching-hero h1 {

    font-size: 58px;

    font-weight: 400;

    line-height: 1;

    margin: 0 0 14px;
}


.teaching-descriptor {

    font-size: 24px;

    color: #e0b451;

    margin: 0 0 16px;

    letter-spacing: .01em;
}


.teaching-hero-intro {

    font-size: 18px;

    line-height: 1.45;

    max-width: 550px;

    margin: 0;

    color: #f4eee5;
}


.teaching-gold-rule {

    display: block;

    width: 72px;

    height: 3px;

    background: #d2a23c;

    margin-top: 24px;
}



/* =========================================================
   MAIN SECTION
========================================================= */

.teaching-section {

    background: var(--teaching-stone);

    padding: 45px 3.8vw 0;
}



/* =========================================================
   SECTION KICKER
========================================================= */

.teaching-section-kicker {

    display: flex;

    align-items: center;

    gap: 26px;

    color: #9c681f;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .22em;
}


.teaching-section-kicker i {

    height: 1px;

    background: #c99a50;

    flex: 1;
}



/* =========================================================
   OPENING REFLECTION
========================================================= */

.teaching-threshold-reflection {

    max-width: 1240px;

    margin: 34px auto 42px;

    padding: 20px 55px 28px;

    text-align: center;

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

    margin-top: -40px;
}



/* =========================================================
   OM ROW
========================================================= */

.teaching-motif-row {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    margin: 0 auto 18px;

    max-width: 900px;
}


.teaching-motif-row i {

    width: auto;

    flex: 1;

    max-width: 360px;

    height: 1px;

    background: #c99a50;
}



/* =========================================================
   OM
========================================================= */

.teaching-aum-medallion {

    width: 58px;

    height: 58px;

    border: 1px solid rgba(185, 130, 45, .52);

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #b9822d;

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

    font-family:
        'Noto Serif Devanagari',
        'Nirmala UI',
        'Mangal',
        serif;

    font-size: 31px;

    line-height: 1;

    box-shadow:
        0 2px 9px rgba(80, 55, 20, .06);
}



/* =========================================================
   TEXT BELOW OM
========================================================= */

.teaching-threshold-reflection p {

    font-style: italic;

    font-size: 21px;

    line-height: 1.55;

    margin: 0;

    color: var(--teaching-ink);
}



/* =========================================================
   FIELD OF WISDOM / RIBBON
========================================================= */

.teaching-ribbon {

    background:
        linear-gradient(
            120deg,
            #081726,
            #11283b 60%,
            #2b1d12
        );

    color: #fff;

    padding: 84px 0 90px;

    overflow: hidden;

    width: calc(100% + 7.6vw);

    margin-left: -3.8vw;
}



/* =========================================================
   RIBBON INNER CONTENT
========================================================= */

.teaching-ribbon .teaching-wrap {

    width: 100%;

    max-width: none;

    margin: 0;

    padding-left: 3.8vw;

    padding-right: 3.8vw;
}



/* =========================================================
   RIBBON GRID
========================================================= */

.teaching-ribbon-grid {

    display: grid;

    grid-template-columns: .9fr 1.45fr;

    gap: 80px;

    align-items: center;
}



/* =========================================================
   EYEBROW
========================================================= */

.teaching-eyebrow {

    color: #d6a348;

    font-family: Arial, sans-serif;

    text-transform: uppercase;

    letter-spacing: .15em;

    font-size: 13px;

    font-weight: 700;
}



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

.teaching-ribbon h2 {

    font-size: 52px;

    font-weight: 400;

    margin: 14px 0 22px;
}


.teaching-ribbon p {

    font-size: 19px;

    line-height: 1.7;

    color: #d9dde0;

    max-width: 530px;
}



/* =========================================================
   CONSTELLATION
========================================================= */

.teaching-constellation {

    height: 360px;

    position: relative;
}


.teaching-constellation:before,
.teaching-constellation:after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    border:
        1px solid rgba(224, 183, 101, .27);

    border-radius: 50%;

    transform:
        translate(-50%, -50%)
        rotate(-8deg);
}


.teaching-constellation:before {

    width: 82%;

    height: 62%;
}


.teaching-constellation:after {

    width: 58%;

    height: 88%;

    transform:
        translate(-50%, -50%)
        rotate(24deg);
}



/* =========================================================
   CENTER
========================================================= */

.teaching-center {

    position: absolute;

    left: 50%;

    top: 50%;

    transform:
        translate(-50%, -50%);

    width: 132px;

    height: 132px;

    border-radius: 50%;

    display: grid;

    place-items: center;

    text-align: center;

    border:
        1px solid rgba(224, 183, 101, .7);

    background:
        radial-gradient(
            circle,
            #d9a64b 0 3%,
            #172c3c 5% 44%,
            #091724 46%
        );

    box-shadow:
        0 0 55px rgba(215, 157, 61, .18);

    z-index: 2;
}


.teaching-center span {

    font:
        700 11px Arial, sans-serif;

    letter-spacing: .14em;

    text-transform: uppercase;

    color: #efc675;

    line-height: 1.5;
}



/* =========================================================
   IDEAS
========================================================= */

.teaching-idea {

    position: absolute;

    width: 160px;

    text-align: center;

    z-index: 3;
}


.teaching-idea i {

    width: 72px;

    height: 72px;

    border:
        1px solid rgba(224, 183, 101, .6);

    border-radius: 50%;

    display: grid;

    place-items: center;

    margin: auto auto 10px;

    font-style: normal;

    font-size: 26px;

    color: #efc675;

    background: #102538;

    box-shadow:
        0 0 30px rgba(214, 159, 67, .11);
}


.teaching-idea b {

    font:
        700 12px Arial, sans-serif;

    letter-spacing: .12em;

    text-transform: uppercase;

    color: #efc675;
}


.teaching-idea small {

    display: block;

    color: #cbd2d6;

    font:
        14px Arial, sans-serif;

    margin-top: 5px;
}


.teaching-i1 {

    left: 5%;

    top: 10%;
}


.teaching-i2 {

    right: 3%;

    top: 10%;
}


.teaching-i3 {

    left: 4%;

    bottom: 5%;
}


.teaching-i4 {

    right: 2%;

    bottom: 5%;
}



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

.teaching-cards {

    padding: 105px 0 115px;

    background: #f8f3e9;
}


.teaching-card-link {

    display: block;

    text-decoration: none;

    color: inherit;
}


.teaching-card-link:hover {

    text-decoration: none;

    color: inherit;
}


.teaching-cards-head {

    text-align: center;

    margin-bottom: 60px;
}


.teaching-cards-head h2 {

    font-size: 50px;

    font-weight: 400;

    margin: 8px 0 12px;

    color: var(--teaching-ink);
}


.teaching-cards-head p {

    font-size: 19px;

    color: var(--teaching-muted);

    margin: 0;
}



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

.teaching-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 28px;
}



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

.teaching-card {

    min-height: 430px;

    position: relative;

    overflow: hidden;

    border-radius: 4px;

    box-shadow:
        0 14px 35px rgba(30, 30, 20, .09);

    background: #0c1c2a;

    display: block;

    visibility: visible;

    opacity: 1;

    cursor: pointer;

    transition:
        transform .45s cubic-bezier(.22, .61, .36, 1),
        box-shadow .45s ease;

    will-change: transform;
}



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

.teaching-visual {

    position: absolute;

    inset: 0;

    transition:
        transform .75s cubic-bezier(.22, .61, .36, 1),
        filter .5s ease;

    will-change: transform;

    transform-origin: center center;
}



/* =========================================================
   EXTRA LIGHT EFFECT INSIDE CARD
========================================================= */

.teaching-visual:after {

    content: "";

    position: absolute;

    inset: -20%;

    background:
        radial-gradient(
            circle at 72% 38%,
            rgba(235, 196, 120, .16),
            transparent 16%
        );

    opacity: 0;

    transform: scale(.82);

    transition:
        opacity .55s ease,
        transform .75s cubic-bezier(.22, .61, .36, 1);

    pointer-events: none;
}



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

.teaching-card:nth-child(1) .teaching-visual {

    background:
        linear-gradient(
            135deg,
            #081725 8%,
            #153047 58%,
            #72502a 130%
        );
}


.teaching-card:nth-child(2) .teaching-visual {

    background:
        linear-gradient(
            135deg,
            #101925,
            #23364a 54%,
            #8b6734 130%
        );
}


.teaching-card:nth-child(3) .teaching-visual {

    background:
        radial-gradient(
            circle at 74% 35%,
            rgba(227, 174, 77, .12),
            transparent 16%
        ),
        linear-gradient(
            135deg,
            #050d16,
            #0a1723 60%,
            #241c18
        );
}


.teaching-card:nth-child(4) .teaching-visual {

    background:
        linear-gradient(
            135deg,
            #0b1b28,
            #26313a 58%,
            #6c4724
        );
}



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

.teaching-symbol {

    position: absolute;

    right: 9%;

    top: 12%;

    width: 230px;

    height: 230px;

    opacity: .78;

    transition:
        transform .75s cubic-bezier(.22, .61, .36, 1),
        opacity .45s ease,
        filter .55s ease;

    transform-origin: center center;

    will-change: transform;
}


.teaching-s1:before,
.teaching-s1:after {

    content: "";

    position: absolute;

    inset: 18%;

    border:
        1px solid rgba(230, 190, 112, .55);

    transform: rotate(45deg);

    transition:
        transform .75s cubic-bezier(.22, .61, .36, 1),
        border-color .4s ease;
}


.teaching-s1:after {

    inset: 32%;

    transform: rotate(0deg);
}


.teaching-s1 {

    border:
        1px solid rgba(230, 190, 112, .18);

    border-radius: 50%;
}


.teaching-s2 {

    border-radius: 50%;

    border:
        1px solid rgba(230, 190, 112, .45);

    box-shadow:
        0 0 0 24px rgba(230, 190, 112, .035),
        0 0 0 48px rgba(230, 190, 112, .025);

    transition:
        transform .8s cubic-bezier(.22, .61, .36, 1),
        box-shadow .6s ease,
        border-color .4s ease;
}


.teaching-s2:before {

    content: "";

    position: absolute;

    left: 50%;

    top: 8%;

    bottom: 8%;

    width: 1px;

    background:
        linear-gradient(
            transparent,
            #e0b765,
            transparent
        );

    transition:
        transform .7s ease;
}


.teaching-s2:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 8%;

    right: 8%;

    height: 1px;

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

    transition:
        transform .7s ease;
}


.teaching-s3 {

    border-radius: 50%;

    border:
        1px solid rgba(230, 190, 112, .34);

    box-shadow:
        inset 0 0 65px rgba(0, 0, 0, .5);

    transition:
        transform .8s cubic-bezier(.22, .61, .36, 1),
        box-shadow .6s ease,
        border-color .4s ease;
}


.teaching-s3:before {

    content: "";

    position: absolute;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background: #d9a64b;

    left: 50%;

    top: 50%;

    transform:
        translate(-50%, -50%);

    box-shadow:
        0 0 38px rgba(217, 166, 75, .55);

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


.teaching-s4:before {

    content: "॥";

    position: absolute;

    inset: 0;

    display: grid;

    place-items: center;

    color: rgba(231, 191, 112, .65);

    font-size: 112px;

    font-family: Georgia, serif;

    transition:
        transform .65s cubic-bezier(.22, .61, .36, 1),
        color .4s ease;
}


.teaching-s4:after {

    content: "";

    position: absolute;

    left: 15%;

    right: 15%;

    bottom: 22%;

    height: 1px;

    background:
        rgba(231, 191, 112, .35);

    box-shadow:
        0 -32px 0 rgba(231, 191, 112, .18),
        0 -64px 0 rgba(231, 191, 112, .12);

    transition:
        transform .65s ease,
        opacity .45s ease;
}



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

.teaching-card-copy {

    position: absolute;

    inset: auto 0 0 0;

    padding: 120px 42px 38px;

    background:
        linear-gradient(
            transparent,
            rgba(4, 13, 21, .95)
        );

    color: white;
}



/* =========================================================
   CARD TEXT ANIMATION SETUP
========================================================= */

.teaching-num,
.teaching-card h3,
.teaching-card p,
.teaching-meta {

    transition:
        transform .42s cubic-bezier(.22, .61, .36, 1),
        color .35s ease;
}


.teaching-num {

    font-size: 15px;

    color: #e0b765;

    font-family: Arial, sans-serif;

    letter-spacing: .15em;
}


.teaching-card h3 {

    font-size: 38px;

    font-weight: 400;

    margin: 8px 0;

    color: #fff;
}


.teaching-card p {

    font-size: 17px;

    line-height: 1.55;

    color: #e4e4df;

    max-width: 530px;

    margin: 0;
}


.teaching-meta {

    color: #e0b765;

    margin-top: 18px;

    font-family: Arial, sans-serif;

    text-transform: uppercase;

    letter-spacing: .15em;

    font-size: 13px;

    font-weight: 700;
}



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

.teaching-arrow {

    position: absolute;

    right: 34px;

    bottom: 34px;

    width: 38px;

    height: 38px;

    border:
        1px solid rgba(235, 190, 100, .75);

    border-radius: 50%;

    display: grid;

    place-items: center;

    color: #e0b765;

    font-family: Arial, sans-serif;

    transition:
        transform .4s cubic-bezier(.22, .61, .36, 1),
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease;

    will-change: transform;
}



/* =========================================================
   DESKTOP HOVER ANIMATION
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .teaching-card:hover {

        transform: translateY(-10px);

        box-shadow:
            0 24px 50px rgba(30, 30, 20, .17);
    }


    .teaching-card:hover .teaching-visual {

        transform: scale(1.055);

        filter: saturate(1.08);
    }


    .teaching-card:hover .teaching-visual:after {

        opacity: 1;

        transform: scale(1.08);
    }


    .teaching-card:hover .teaching-symbol {

        transform:
            scale(1.10)
            rotate(6deg);

        opacity: .92;
    }


    .teaching-card:hover .teaching-s1:before {

        transform: rotate(58deg) scale(1.05);

        border-color:
            rgba(240, 202, 130, .75);
    }


    .teaching-card:hover .teaching-s1:after {

        transform:
            rotate(12deg)
            scale(1.08);
    }


    .teaching-card:hover .teaching-s2 {

        transform:
            scale(1.08)
            rotate(8deg);

        border-color:
            rgba(240, 202, 130, .72);

        box-shadow:
            0 0 0 30px rgba(230, 190, 112, .045),
            0 0 0 58px rgba(230, 190, 112, .025);
    }


    .teaching-card:hover .teaching-s2:before {

        transform: scaleY(1.15);
    }


    .teaching-card:hover .teaching-s2:after {

        transform: scaleX(1.15);
    }


    .teaching-card:hover .teaching-s3 {

        transform: scale(1.09);

        border-color:
            rgba(240, 202, 130, .65);

        box-shadow:
            inset 0 0 75px rgba(0, 0, 0, .6),
            0 0 35px rgba(217, 166, 75, .12);
    }


    .teaching-card:hover .teaching-s3:before {

        transform:
            translate(-50%, -50%)
            scale(1.35);

        box-shadow:
            0 0 52px rgba(217, 166, 75, .75);
    }


    .teaching-card:hover .teaching-s4:before {

        transform:
            scale(1.10)
            rotate(5deg);

        color:
            rgba(241, 202, 126, .88);
    }


    .teaching-card:hover .teaching-s4:after {

        transform: scaleX(1.12);

        opacity: .85;
    }


    .teaching-card:hover .teaching-num {

        transform: translateX(5px);
    }


    .teaching-card:hover h3 {

        transform: translateX(7px);
    }


    .teaching-card:hover p {

        transform: translateX(4px);
    }


    .teaching-card:hover .teaching-meta {

        transform: translateX(5px);
    }


    .teaching-card:hover .teaching-arrow {

        transform:
            rotate(45deg)
            scale(1.10);

        background: #e0b765;

        color: #0b1d2c;

        border-color: #e0b765;
    }

}



/* =========================================================
   MOBILE / TOUCH ANIMATION
========================================================= */

@media (hover: none), (pointer: coarse) {

    .teaching-card:active {

        transform: translateY(-6px);

        box-shadow:
            0 20px 42px rgba(30, 30, 20, .15);
    }


    .teaching-card:active .teaching-visual {

        transform: scale(1.045);

        filter: saturate(1.06);
    }


    .teaching-card:active .teaching-visual:after {

        opacity: 1;

        transform: scale(1.05);
    }


    .teaching-card:active .teaching-symbol {

        transform:
            scale(1.07)
            rotate(4deg);

        opacity: .9;
    }


    .teaching-card:active .teaching-num {

        transform: translateX(4px);
    }


    .teaching-card:active h3 {

        transform: translateX(5px);
    }


    .teaching-card:active p {

        transform: translateX(3px);
    }


    .teaching-card:active .teaching-meta {

        transform: translateX(4px);
    }


    .teaching-card:active .teaching-arrow {

        transform:
            rotate(45deg)
            scale(1.08);

        background: #e0b765;

        color: #0b1d2c;

        border-color: #e0b765;
    }


    .teaching-card:active .teaching-s1:before {

        transform: rotate(56deg) scale(1.04);
    }


    .teaching-card:active .teaching-s1:after {

        transform: rotate(10deg) scale(1.06);
    }


    .teaching-card:active .teaching-s2 {

        transform:
            scale(1.06)
            rotate(6deg);
    }


    .teaching-card:active .teaching-s3 {

        transform: scale(1.07);
    }


    .teaching-card:active .teaching-s3:before {

        transform:
            translate(-50%, -50%)
            scale(1.25);
    }


    .teaching-card:active .teaching-s4:before {

        transform:
            scale(1.07)
            rotate(4deg);
    }

}



/* =========================================================
   CLOSING REFLECTION
========================================================= */

.teaching-closing-reflection {

    margin: 50px -3.8vw 0;

    padding: 34px 4vw 42px;

    text-align: center;

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

    border-top: 0;

    margin-top: -50px;
}



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

.teaching-closing-title {

    text-align: center;

    margin-bottom: 26px;
}


.teaching-closing-eyebrow {

    color: #c99a50;

    font-family: var(--serif);

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    margin-bottom: 12px;
}


.teaching-closing-title h2 {

    color: var(--teaching-ink);

    font-family: var(--serif);

    font-size: 34px;

    font-weight: 500;

    line-height: 1.3;

    margin: 0 auto;

    max-width: 850px;
}



/* =========================================================
   CLOSING LINES
========================================================= */

.teaching-closing-lines {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;
}


.teaching-closing-lines i {

    height: 1px;

    background: #c99a50;

    width: min(260px, 22vw);
}


.teaching-five-mark {

    color: #b9822d;

    font-size: 19px;

    line-height: 1;
}



/* =========================================================
   CLOSING TEXT
========================================================= */

.teaching-closing-reflection > p {

    font-size: 21px;

    font-style: italic;

    line-height: 1.45;

    margin: 17px auto 16px;

    max-width: 780px;

    color: var(--teaching-ink);

    text-align: center;
}



/* =========================================================
   SHORT GOLD RULE
========================================================= */

.teaching-short-rule {

    display: block;

    width: 56px;

    height: 2px;

    background: #c99a50;

    margin: 0 auto;
}



/* =========================================================
   TABLET
   FULL HERO IMAGE — NO CROP
========================================================= */

@media (max-width: 1180px) {

    .teaching-hero-copy {

        width: 70vw;
    }

}


@media (max-width: 900px) {

    .teaching-hero {

        height: auto;

        min-height: 0;
    }


    .teaching-hero-image {

        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center center;
    }


    .teaching-hero-copy {

        left: 6vw;

        top: 55px;

        width: 88vw;
    }


    .teaching-breadcrumb {

        margin-bottom: 45px;
    }


    .teaching-hero h1 {

        font-size: 52px;
    }


    .teaching-descriptor {

        font-size: 22px;
    }


    .teaching-hero-intro {

        font-size: 17px;
    }


    .teaching-ribbon-grid {

        grid-template-columns: 1fr;

        gap: 30px;
    }


    .teaching-grid {

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


    .teaching-constellation {

        height: 390px;
    }


    .teaching-idea {

        width: 125px;
    }


    .teaching-symbol {

        width: 170px;

        height: 170px;
    }

}



/* =========================================================
   MOBILE
   HERO IMAGE CAN CROP
========================================================= */

@media (max-width: 720px) {


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

    .teaching-hero {

        height: 500px;

        min-height: 500px;

        position: relative;

        overflow: hidden;
    }


    .teaching-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

        display: block;
    }


    .teaching-hero-copy {

        left: 24px;

        right: 24px;

        top: 34px;

        width: auto;

        transform: none;
    }


    .teaching-breadcrumb {

        margin-bottom: 95px;

        font-size: 12px;
    }


    .teaching-hero h1 {

        font-size: 42px;
    }


    .teaching-descriptor {

        font-size: 20px;
    }


    .teaching-hero-intro {

        font-size: 16px;

        line-height: 1.5;
    }



    /* =====================================================
       MAIN SECTION
    ====================================================== */

    .teaching-section {

        padding: 34px 22px 0;
    }


    .teaching-section-kicker {

        font-size: 12px;

        gap: 15px;

        letter-spacing: .16em;
    }



    /* =====================================================
       OM
    ====================================================== */

    .teaching-threshold-reflection {

        padding: 22px 12px;

        margin-bottom: 34px;
    }


    .teaching-motif-row {

        gap: 14px;
    }


    .teaching-motif-row i {

        max-width: none;
    }


    .teaching-aum-medallion {

        width: 50px;

        height: 50px;

        font-size: 27px;
    }


    .teaching-threshold-reflection p {

        font-size: 18px;

        line-height: 1.55;
    }



    /* =====================================================
       RIBBON
    ====================================================== */

    .teaching-ribbon {

        padding: 65px 0 70px;
    }


    .teaching-ribbon-grid {

        display: grid;

        grid-template-columns: 1fr;

        gap: 35px;

        width: 100%;
    }


    .teaching-ribbon-grid > div:first-child {

        padding-left: 14px;

        padding-right: 14px;

        width: 100%;
    }


    .teaching-eyebrow {

        margin-bottom: 10px;
    }


    .teaching-ribbon h2 {

        font-size: 40px;

        line-height: 1.15;

        margin: 12px 0 18px;
    }


    .teaching-ribbon p {

        font-size: 17px;

        line-height: 1.65;

        max-width: 100%;

        margin: 0;
    }



    /* =====================================================
       CONSTELLATION
    ====================================================== */

    .teaching-constellation {

        height: 470px;

        margin-top: 10px;

        width: 100%;
    }


    .teaching-constellation:before {

        width: 68%;

        height: 75%;
    }


    .teaching-constellation:after {

        width: 48%;

        height: 90%;
    }


    .teaching-center {

        width: 105px;

        height: 105px;
    }


    .teaching-idea {

        width: 125px;
    }


    .teaching-idea i {

        width: 62px;

        height: 62px;

        font-size: 23px;
    }


    .teaching-idea b {

        font-size: 10px;
    }


    .teaching-idea small {

        font-size: 12px;
    }


    .teaching-i1 {

        left: 0;

        top: 5%;
    }


    .teaching-i2 {

        right: 0;

        top: 5%;
    }


    .teaching-i3 {

        left: 0;

        bottom: 5%;
    }


    .teaching-i4 {

        right: 0;

        bottom: 5%;
    }



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

    .teaching-cards {

        padding: 70px 0 75px;
    }


    .teaching-cards-head {

        margin-bottom: 40px;

        padding: 0 8px;
    }


    .teaching-cards-head .teaching-eyebrow {

        font-size: 12px;

        letter-spacing: .14em;
    }


    .teaching-cards-head h2 {

        font-size: 38px;

        line-height: 1.2;

        margin: 8px 0 12px;
    }


    .teaching-cards-head p {

        font-size: 17px;

        line-height: 1.5;
    }



    /* =====================================================
       MOBILE CARD GRID
       FORCE VISIBLE
    ====================================================== */

    .teaching-grid {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 38px;

        width: 100%;

        visibility: visible;

        opacity: 1;
    }


    .teaching-card {

        display: block !important;

        width: 100%;

        min-height: 400px;

        height: 400px;

        position: relative;

        visibility: visible !important;

        opacity: 1 !important;

        overflow: hidden;
    }


    .teaching-visual {

        display: block !important;

        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;
    }


    .teaching-symbol {

        width: 170px;

        height: 170px;

        right: 7%;

        top: 10%;
    }


    .teaching-card-copy {

        display: block !important;

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        padding: 100px 28px 30px;

        visibility: visible;

        opacity: 1;
    }


    .teaching-num {

        font-size: 14px;
    }


    .teaching-card h3 {

        font-size: 32px;

        line-height: 1.2;
    }


    .teaching-card p {

        font-size: 16px;

        line-height: 1.55;
    }


    .teaching-meta {

        font-size: 11px;

        line-height: 1.5;

        padding-right: 45px;
    }


    .teaching-arrow {

        right: 24px;

        bottom: 24px;
    }



    /* =====================================================
       CLOSING
    ====================================================== */

    .teaching-closing-reflection {

        margin: 42px -22px 0;

        padding: 32px 22px 36px;

        margin-top: -50px;
    }


    .teaching-closing-title {

        margin-bottom: 24px;
    }


    .teaching-closing-eyebrow {

        font-size: 13px;

        letter-spacing: 1.8px;

        margin-bottom: 10px;
    }


    .teaching-closing-title h2 {

        font-size: 27px;

        line-height: 1.3;
    }


    .teaching-closing-lines {

        gap: 14px;
    }


    .teaching-closing-lines i {

        width: min(120px, 25vw);
    }


    .teaching-closing-reflection > p {

        font-size: 19px;

        line-height: 1.5;
    }

}



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

@media (max-width: 480px) {

    .teaching-hero {

        height: 500px;

        min-height: 500px;
    }


    .teaching-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;
    }


    .teaching-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;
    }


    .teaching-hero h1 {

        font-size: 38px;
    }


    .teaching-descriptor {

        font-size: 19px;
    }


    .teaching-hero-intro {

        font-size: 15px;
    }


    .teaching-aum-medallion {

        width: 48px;

        height: 48px;

        font-size: 26px;
    }


    .teaching-threshold-reflection p {

        font-size: 18px;
    }



    /* =====================================================
       SMALL MOBILE RIBBON
    ====================================================== */

    .teaching-ribbon {

        padding: 58px 0 65px;
    }


    .teaching-ribbon-grid > div:first-child {

        padding-left: 16px;

        padding-right: 16px;
    }


    .teaching-ribbon h2 {

        font-size: 34px;

        line-height: 1.18;
    }


    .teaching-ribbon p {

        font-size: 16px;

        line-height: 1.65;
    }


    .teaching-constellation {

        height: 440px;
    }



    /* =====================================================
       SMALL MOBILE CARDS
    ====================================================== */

    .teaching-card {

        min-height: 390px;

        height: 390px;
    }


    .teaching-card-copy {

        padding:
            90px
            22px
            26px;
    }


    .teaching-card h3 {

        font-size: 29px;
    }


    .teaching-card p {

        font-size: 15px;
    }


    .teaching-meta {

        font-size: 10px;

        letter-spacing: .11em;
    }



    /* =====================================================
       SMALL MOBILE CLOSING
    ====================================================== */

    .teaching-closing-title h2 {

        font-size: 25px;
    }


    .teaching-closing-reflection > p {

        font-size: 18px;
    }

}



/* =========================================================
   REDUCED MOTION
   ACCESSIBILITY
========================================================= */

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

    .teaching-card,

    .teaching-visual,

    .teaching-visual:after,

    .teaching-symbol,

    .teaching-s1:before,

    .teaching-s1:after,

    .teaching-s2,

    .teaching-s2:before,

    .teaching-s2:after,

    .teaching-s3,

    .teaching-s3:before,

    .teaching-s4:before,

    .teaching-s4:after,

    .teaching-num,

    .teaching-card h3,

    .teaching-card p,

    .teaching-meta,

    .teaching-arrow {

        transition: none !important;
    }

}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////TEACHINGS VEERASHAIVISM/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =========================================================
   VEERASHAIVISM PAGE
/* =========================================================
   VEERASHAIVISM
========================================================= */

:root {

    --veerashaivism-navy: #082e4a;
    --veerashaivism-stone: #f5f0e6;
    --veerashaivism-ink: #102f4c;
    --veerashaivism-gold: #b9822d;
    --veerashaivism-gold-bright: #d19a36;
    --veerashaivism-muted: #70543c;
    --veerashaivism-frame: #352b25;
    --veerashaivism-panel: #f8f4eb;

}


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

.veerashaivism-page {

    background: var(--veerashaivism-stone);
    color: var(--veerashaivism-ink);
    overflow: hidden;

}


/* =========================================================
   COMMON WRAPPER
========================================================= */

.veerashaivism-wrap {

    width: min(1320px, 88vw);
    margin: auto;

}


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

.veerashaivism-hero {

    height: auto;
    position: relative;
    overflow: hidden;
    color: #fff;

}


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

.veerashaivism-hero-image {

    width: 100%;
    height: auto;
    /* object-fit: cover; */
    display: block;

}


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

.veerashaivism-hero-shade {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );

}


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

.veerashaivism-hero-copy {

 position: absolute;
    left: 4.2vw;
    top: 55%;
    transform: translateY(-55%);
    width: min(620px, 50vw);
    color: white;
    z-index: 2;
    padding: 0;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.veerashaivism-breadcrumb {

    display: flex;
    align-items: center;
    gap: 0;
    font-size: 14px;
    margin-bottom: 58px;
    color: #f3eee7;

}


.veerashaivism-breadcrumb a {

    color: #f3eee7;
    text-decoration: none;

}


.veerashaivism-breadcrumb a:hover {

    color: #fff;

}


/* =========================================================
   BREADCRUMB ARROW
========================================================= */

.veerashaivism-breadcrumb .breadcrumb-arrow {

    padding: 0 10px;
    color: #d3aa62;
    font-size: 17px;
    line-height: 1;

}


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

.veerashaivism-hero h1 {

    font-size: 58px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 14px;
    color: #fff;

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

}


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

.veerashaivism-descriptor {

    font-size: 24px;
    color: #e0b451;
    margin: 0 0 16px;
    letter-spacing: .01em;

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

    font-style: normal;

}


/* =========================================================
   GOLD RULE
========================================================= */

.veerashaivism-gold-rule {

    display: block;
    width: 72px;
    height: 3px;
    background: #d2a23c;
    margin-top: 24px;

}


/* =========================================================
   MAIN SECTION
========================================================= */

.veerashaivism-section {

    background: var(--veerashaivism-stone);
    padding: 45px 3.8vw 0;

}


/* =========================================================
   SECTION KICKER
========================================================= */

.veerashaivism-section-kicker {

    display: flex;
    align-items: center;
    gap: 26px;
    color: #9c681f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .22em;

}


.veerashaivism-section-kicker i {

    height: 1px;
    background: #c99a50;
    flex: 1;

}


/* =========================================================
   OPENING REFLECTION
========================================================= */

.veerashaivism-threshold-reflection {

    max-width: 1240px;
    margin: 34px auto 42px;
    padding: 20px 55px 28px;
    text-align: center;
    background: rgba(255, 255, 255, .14);
    margin-top: -40px;

}


/* =========================================================
   OM ROW
========================================================= */

.veerashaivism-motif-row {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin: 0 auto 18px;
    max-width: 900px;

}


.veerashaivism-motif-row i {

    width: auto;
    flex: 1;
    max-width: 360px;
    height: 1px;
    background: #c99a50;

}


/* =========================================================
   OM
========================================================= */

.veerashaivism-aum-medallion {

    width: 58px;
    height: 58px;
    border: 1px solid rgba(185, 130, 45, .52);
    border-radius: 50%;

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

    color: #b9822d;
    background: rgba(255, 255, 255, .44);

    font-family:
        'Noto Serif Devanagari',
        'Nirmala UI',
        'Mangal',
        serif;

    font-size: 31px;
    line-height: 1;

    box-shadow:
        0 2px 9px rgba(80, 55, 20, .06);

}


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

.veerashaivism-threshold-reflection p {

    font-style: italic;
    font-size: 21px;
    line-height: 1.55;
    margin: 0;
    color: var(--veerashaivism-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

}


/* =========================================================
   DARK RIBBON
========================================================= */

.veerashaivism-ribbon {

    background:
        linear-gradient(
            120deg,
            #081726,
            #11283b 60%,
            #2b1d12
        );

    color: #fff;
    padding: 84px 0 90px;
    overflow: hidden;

    width: calc(100% + 7.6vw);
    margin-left: -3.8vw;

}


/* =========================================================
   RIBBON INNER CONTENT
========================================================= */

.veerashaivism-ribbon .veerashaivism-wrap {

    width: 100%;
    max-width: none;
    margin: 0;

    padding-left: 3.8vw;
    padding-right: 3.8vw;

}


/* =========================================================
   RIBBON GRID
========================================================= */

.veerashaivism-ribbon-grid {

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

    gap: 55px;
    width: 100%;

}


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

.veerashaivism-ribbon-head {

    width: 100%;
    max-width: 900px;
    text-align: center;
    margin: 0 auto;

}


/* =========================================================
   EYEBROW
========================================================= */

.veerashaivism-eyebrow {

    color: #d6a348;

    font-family:
        Arial,
        sans-serif;

    text-transform: uppercase;
    letter-spacing: .15em;
    font-size: 13px;
    font-weight: 700;
    text-align: center;

}


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

.veerashaivism-ribbon h2 {

    font-size: 52px;
    font-weight: 400;
    margin: 14px 0 22px;
    color: #fff;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    text-align: center;

}


/* =========================================================
   RIBBON SUBTEXT
========================================================= */

.veerashaivism-ribbon-head p {

    font-size: 19px;
    line-height: 1.7;
    color: #d9dde0;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;

}


/* =========================================================
   FOUR DIMENSIONS
   DESKTOP = ONE HORIZONTAL LINE
========================================================= */

.veerashaivism-dimension-line {

    position: relative;
    width: 100%;
    max-width: 1050px;

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

    gap: 22px;
    margin: 0 auto;
    padding: 0;

}


/* =========================================================
   CONNECTING LINE - DESKTOP
========================================================= */

.veerashaivism-dimension-line::before {

    content: "";

    position: absolute;

    left: 8%;
    right: 8%;
    top: 46px;

    height: 1px;

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

    z-index: 1;

}


/* =========================================================
   DIMENSION
========================================================= */

.veerashaivism-dimension {

    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

}


/* =========================================================
   DIMENSION ICONS
========================================================= */

.veerashaivism-icon {

    width: 92px;
    height: 92px;

    margin-bottom: 20px;

    border: 1px solid rgba(224, 183, 101, .65);
    border-radius: 50%;

    position: relative;

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

    background: #081726;

    box-shadow:
        0 0 38px rgba(211, 147, 42, .10);

}


.veerashaivism-icon span {

    display: block;

    width: 30px;
    height: 30px;

    border: 1px solid #d19a36;

    transform: rotate(45deg);

}


.veerashaivism-icon-foundations span {

    border-radius: 50%;
    transform: none;

}


.veerashaivism-icon-vision span {

    width: 36px;
    height: 36px;

    border-radius: 50%;
    position: relative;

}


.veerashaivism-icon-vision span::after {

    content: "";

    position: absolute;

    width: 10px;
    height: 10px;

    border-radius: 50%;
    background: #d19a36;

    top: 50%;
    left: 50%;

    transform:
        translate(-50%, -50%);

}


.veerashaivism-icon-discipline span {

    border-radius: 4px;

}


.veerashaivism-icon-living span {

    border-radius: 50% 50% 0 50%;

}


/* =========================================================
   DIMENSION TEXT
========================================================= */

.veerashaivism-dimension b {

    margin-bottom: 8px;
    color: #efc675;

    font:
        600 12px Arial, sans-serif;

    letter-spacing: .12em;

}


.veerashaivism-dimension small {

    max-width: 135px;
    color: #c9d0d5;

    font:
        14px Arial, sans-serif;

    line-height: 1.5;

}


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

.veerashaivism-cards {

    padding: 105px 0 115px;
    background: #f8f3e9;

}


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

.veerashaivism-cards-head {

    text-align: center;
    margin-bottom: 35px;

}


.veerashaivism-cards-head h2 {

    font-size: 50px;
    font-weight: 400;

    margin: 8px 0 12px;

    color: var(--veerashaivism-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

}


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

.veerashaivism-readings-controls {

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

    gap: 16px;

    margin-bottom: 28px;

}


.veerashaivism-control {

    width: 44px;
    height: 44px;

    border: 1px solid rgba(53, 43, 37, .32);

    background: transparent;

    color: var(--veerashaivism-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size: 28px;
    line-height: 1;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;

}


.veerashaivism-control:hover:not(:disabled) {

    background: var(--veerashaivism-navy);

    border-color: var(--veerashaivism-navy);

    color: #fff;

}


.veerashaivism-control:disabled {

    opacity: .35;
    cursor: not-allowed;

}


#veerashaivismPageCount {

    min-width: 48px;

    text-align: center;

    color: var(--veerashaivism-muted);

    font:
        11px Arial, sans-serif;

    letter-spacing: .12em;

}


/* =========================================================
   CAROUSEL VIEWPORT
   DESKTOP = 5 CARDS
========================================================= */

.veerashaivism-grid {

    width: 100%;

    overflow: hidden;

    position: relative;

}


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

   JavaScript dynamically creates the track.
========================================================= */

.veerashaivism-carousel-track {

    display: flex;

    width: 100%;

    gap: 18px;

    transition:
        transform .55s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;

}


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

   Desktop:
   5 cards visible
========================================================= */

.veerashaivism-reading-card {

    flex: 0 0 calc(
        (100% - 72px) / 5
    );

    min-width: 0;

    min-height: 285px;

    background:
        linear-gradient(
            145deg,
            #0b1d2c,
            #07131e
        );

    color: #fff;

    padding: 24px 22px 20px;

    position: relative;

    overflow: hidden;

    box-shadow:
        0 9px 22px rgba(30, 30, 20, .10);

    border-radius: 3px;

    border: none;

    display: block;

    visibility: visible;
    opacity: 1;

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

}


.veerashaivism-reading-card::before,
.veerashaivism-reading-card::after {

    content: "";

    position: absolute;

    border: 1px solid rgba(224, 183, 101, .18);

    border-radius: 50%;

    width: 155px;
    height: 155px;

    right: -35px;
    top: -35px;

    pointer-events: none;

}


.veerashaivism-reading-card::after {

    width: 95px;
    height: 95px;

    right: -5px;
    top: -5px;

    border-color:
        rgba(224, 183, 101, .11);

}


.veerashaivism-reading-card:hover {

    transform: translateY(-6px);

    box-shadow:
        0 18px 35px rgba(8, 46, 74, .18);

}


.veerashaivism-reading-number {

    font:
        14px Arial, sans-serif;

    letter-spacing: .15em;

    color: #e0b765;

    margin-top: 76px;

    position: relative;
    z-index: 2;

}


.veerashaivism-reading-copy {

    padding-top: 0;

    position: relative;
    z-index: 2;

}


.veerashaivism-reading-card h3 {

    font-size: 24px;
    line-height: 1.08;

    font-weight: 400;

    margin: 10px 0 14px;

    max-width: 220px;

    height: 2.16em;
    min-height: 2.16em;

    overflow: visible;

    color: #fff;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

}


.veerashaivism-reading-meta {

    font-size: 10px;
    line-height: 1.45;

    color: #e0b765;

    max-width: 155px;

    margin: 0;
    padding: 0;

    border: none;

    font-family:
        Arial,
        sans-serif;

    font-weight: 400;

    letter-spacing: .15em;

    position: relative;
    z-index: 2;

}


.veerashaivism-reading-arrow {

    position: absolute;

    right: 18px;
    bottom: 18px;

    width: 36px;
    height: 36px;

    border:
        1px solid rgba(235, 190, 100, .8);

    border-radius: 50%;

    display: grid;
    place-items: center;

    color: #e0b765;

    font-family:
        Arial,
        sans-serif;

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

    transition:
        background .22s ease,
        color .22s ease,
        border-color .22s ease;

    z-index: 3;

}


.veerashaivism-reading-card:hover
.veerashaivism-reading-arrow {

    background: #e0b765;

    color: #0b1d2c;

    border-color: #e0b765;

}


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

.veerashaivism-dots {

    display: flex;

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

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;

}


.veerashaivism-dot {

    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(53, 43, 37, .25);

    cursor: pointer;

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

}


.veerashaivism-dot.active {

    background:
        var(--veerashaivism-gold);

    transform: scale(1.35);

}


/* =========================================================
   CLOSING REFLECTION
========================================================= */

.veerashaivism-closing-reflection {

    margin: 50px -3.8vw 0;

    padding: 34px 4vw 42px;

    text-align: center;

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

}


.veerashaivism-closing-title {

    text-align: center;
    margin-bottom: 26px;

}


.veerashaivism-closing-eyebrow {

    color: #c99a50;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    margin: 12px 0;

}


.veerashaivism-closing-title h2 {

    color: var(--veerashaivism-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size: 34px;

    font-weight: 500;

    line-height: 1.3;

    margin: 0 auto;

    max-width: 850px;

}


.veerashaivism-closing-lines {

    display: flex;

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

    gap: 18px;

}


.veerashaivism-closing-lines i {

    height: 1px;

    background: #c99a50;

    width: min(260px, 22vw);

}


.veerashaivism-five-mark {

    color: #b9822d;

    font-size: 19px;

    line-height: 1;

}


.veerashaivism-closing-reflection > p {

    font-size: 21px;

    font-style: italic;

    line-height: 1.45;

    margin: 17px auto 16px;

    max-width: 780px;

    color: var(--veerashaivism-ink);

    text-align: center;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

}


.veerashaivism-short-rule {

    display: block;

    width: 56px;

    height: 2px;

    background: #c99a50;

    margin: 0 auto;

}


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

@media (max-width: 1180px) {

    .veerashaivism-hero-copy {

        width: 70vw;

    }


    .veerashaivism-ribbon-grid {

        gap: 50px;

    }


    .veerashaivism-ribbon-head {

        max-width: 800px;

    }


    /* =============================================
       TABLET CAROUSEL = 3 CARDS
    ============================================== */

    .veerashaivism-reading-card {

        flex: 0 0 calc(
            (100% - 36px) / 3
        );

    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 900px) {

    .veerashaivism-hero {

        height: 560px;

    }


    .veerashaivism-hero-copy {

        left: 6vw;
        top: 55px;
        width: 88vw;

    }


    .veerashaivism-breadcrumb {

        margin-bottom: 45px;

    }


    .veerashaivism-hero h1 {

        font-size: 52px;

    }


    .veerashaivism-descriptor {

        font-size: 22px;

    }


    /* =============================================
       RIBBON
    ============================================== */

    .veerashaivism-ribbon {

        padding: 75px 0 80px;

    }


    .veerashaivism-ribbon-grid {

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 48px;

    }


    .veerashaivism-ribbon-head {

        width: 100%;
        max-width: 700px;
        text-align: center;

    }


    .veerashaivism-ribbon h2 {

        text-align: center;

    }


    .veerashaivism-ribbon-head p {

        text-align: center;

        margin-left: auto;
        margin-right: auto;

    }


    /* =============================================
       TABLET DIMENSIONS = 2 x 2
    ============================================== */

    .veerashaivism-dimension-line {

        width: 100%;

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

        gap: 45px 20px;

    }


    .veerashaivism-dimension-line::before {

        display: none;

    }


    /* =============================================
       TABLET CAROUSEL = 3 CARDS
    ============================================== */

    .veerashaivism-reading-card {

        flex: 0 0 calc(
            (100% - 36px) / 3
        );

        min-height: 285px;

    }

}


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

@media (max-width: 720px) {

    .veerashaivism-wrap {

        width: calc(100% - 44px);

    }


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

    .veerashaivism-hero {

        height: 500px;

    }


    .veerashaivism-hero-copy {

        left: 24px;
        right: 24px;
        top: 34px;
        width: auto;

    }


    .veerashaivism-breadcrumb {

        margin-bottom: 95px;

        font-size: 12px;

        gap: 7px;

        white-space: nowrap;

    }


    .veerashaivism-hero h1 {

        font-size: 42px;
        line-height: 1.04;

    }


    .veerashaivism-descriptor {

        font-size: 20px;
        margin-top: 20px;

    }


    /* =============================================
       MAIN SECTION
    ============================================== */

    .veerashaivism-section {

        padding: 34px 22px 0;

    }


    .veerashaivism-section-kicker {

        font-size: 12px;
        gap: 15px;
        letter-spacing: .16em;

    }


    /* =============================================
       OM / OPENING REFLECTION
    ============================================== */

    .veerashaivism-threshold-reflection {

        padding: 22px 12px;

        margin-bottom: 34px;

    }


    .veerashaivism-motif-row {

        gap: 14px;

    }


    .veerashaivism-motif-row i {

        max-width: none;

    }


    .veerashaivism-aum-medallion {

        width: 50px;
        height: 50px;

        font-size: 27px;

    }


    .veerashaivism-threshold-reflection p {

        font-size: 18px;
        line-height: 1.55;

    }


    /* =============================================
       RIBBON
    ============================================== */

    .veerashaivism-ribbon {

        padding: 65px 0;

    }


    .veerashaivism-ribbon-grid {

        grid-template-columns: 1fr;

        gap: 42px;

    }


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

    .veerashaivism-ribbon-head {

        padding: 0 14px;

        text-align: center;

    }


    .veerashaivism-eyebrow {

        text-align: center;

    }


    .veerashaivism-ribbon h2 {

        font-size: 40px;

        line-height: 1.15;

        text-align: center;

    }


    .veerashaivism-ribbon-head p {

        font-size: 17px;

        line-height: 1.65;

        text-align: center;

        margin-left: auto;
        margin-right: auto;

    }


    /* =============================================
       FOUR DIMENSIONS
       MOBILE = ONE COLUMN
    ============================================== */

    .veerashaivism-dimension-line {

        display: grid;

        grid-template-columns: 1fr;

        gap: 42px;

        width: 100%;

        position: relative;

        margin: 0 auto;

        padding: 0;

    }


    .veerashaivism-dimension-line::before {

        display: none !important;

        content: none;

    }


    .veerashaivism-dimension {

        position: relative;

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        z-index: 2;

    }


    /* =============================================
       DIMENSION ICON
    ============================================== */

    .veerashaivism-icon {

        width: 72px;
        height: 72px;

        margin: 0 auto 14px;

        flex-shrink: 0;

    }


    .veerashaivism-icon span {

        width: 25px;
        height: 25px;

    }


    .veerashaivism-icon-vision span {

        width: 30px;
        height: 30px;

    }


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

    .veerashaivism-dimension b {

        display: block;

        font-size: 10px;

        letter-spacing: .12em;

        margin-bottom: 7px;

        text-align: center;

    }


    /* =============================================
       DIMENSION DESCRIPTION
    ============================================== */

    .veerashaivism-dimension small {

        display: block;

        max-width: 180px;

        font-size: 11px;

        line-height: 1.5;

        text-align: center;

    }


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

    .veerashaivism-cards {

        padding: 70px 0 75px;

    }


    .veerashaivism-cards-head {

        margin-bottom: 35px;

        padding: 0 8px;

    }


    .veerashaivism-cards-head .veerashaivism-eyebrow {

        font-size: 12px;

        letter-spacing: .14em;

    }


    .veerashaivism-cards-head h2 {

        font-size: 38px;

        line-height: 1.2;

        margin: 8px 0 12px;

    }


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

    .veerashaivism-readings-controls {

        justify-content: flex-end;

        margin-top: 25px;

        margin-bottom: 25px;

    }


    /* =============================================
       MOBILE CAROUSEL
       ONE CARD ONLY
    ============================================== */

    .veerashaivism-grid {

        display: block;

        width: 100%;

        overflow: hidden;

    }


    .veerashaivism-carousel-track {

        gap: 18px;

    }


    .veerashaivism-reading-card {

        flex: 0 0 100%;

        width: 100%;

        min-width: 0;

        min-height: 285px;

        height: 285px;

        padding: 24px 22px 20px;

        position: relative;

        background:
            linear-gradient(
                145deg,
                #0b1d2c,
                #07131e
            );

        color: #fff;

        visibility: visible;

        opacity: 1;

        overflow: hidden;

        border: none;

        border-radius: 3px;

    }


    /* =============================================
       MOBILE CARD NUMBER
    ============================================== */

    .veerashaivism-reading-number {

        font-size: 14px;

        margin-top: 76px;

    }


    /* =============================================
       MOBILE CARD COPY
    ============================================== */

    .veerashaivism-reading-copy {

        padding-top: 0;

    }


    /* =============================================
       MOBILE CARD TITLE
    ============================================== */

    .veerashaivism-reading-card h3 {

        font-size: 24px;

        line-height: 1.08;

        max-width: 220px;

        height: 2.16em;

        min-height: 2.16em;

        margin: 10px 0 14px;

        color: #fff;

    }


    /* =============================================
       MOBILE CARD META
    ============================================== */

    .veerashaivism-reading-meta {

        font-size: 10px;

        line-height: 1.45;

        max-width: 155px;

        padding: 0;

        border: none;

        color: #e0b765;

        letter-spacing: .15em;

    }


    /* =============================================
       MOBILE CARD ARROW
    ============================================== */

    .veerashaivism-reading-arrow {

        right: 18px;

        bottom: 18px;

        width: 36px;

        height: 36px;

        font-size: 18px;

    }


    /* =============================================
       CLOSING
    ============================================== */

    .veerashaivism-closing-reflection {

        margin: 42px -22px 0;

        padding: 32px 22px 36px;

    }


    .veerashaivism-closing-title {

        margin-bottom: 24px;

    }


    .veerashaivism-closing-eyebrow {

        font-size: 13px;

        letter-spacing: 1.8px;

        margin-bottom: 10px;

    }


    .veerashaivism-closing-title h2 {

        font-size: 27px;

        line-height: 1.3;

    }


    .veerashaivism-closing-lines {

        gap: 14px;

    }


    .veerashaivism-closing-lines i {

        width: min(120px, 25vw);

    }


    .veerashaivism-closing-reflection > p {

        font-size: 19px;

        line-height: 1.5;

    }

}


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

@media (max-width: 480px) {

    .veerashaivism-wrap {

        width: calc(100% - 36px);

    }


    .veerashaivism-hero {

        height: 500px;

    }


    .veerashaivism-hero h1 {

        font-size: 38px;

    }


    .veerashaivism-descriptor {

        font-size: 19px;

    }


    .veerashaivism-breadcrumb {

        margin-bottom: 92px;

        font-size: 10px;

    }


    .veerashaivism-aum-medallion {

        width: 48px;

        height: 48px;

        font-size: 26px;

    }


    .veerashaivism-threshold-reflection p {

        font-size: 18px;

    }


    .veerashaivism-ribbon h2 {

        font-size: 34px;

    }


    /* =============================================
       FOUR DIMENSIONS - SMALL MOBILE
    ============================================== */

    .veerashaivism-dimension-line {

        grid-template-columns: 1fr;

        gap: 36px;

        width: 100%;

    }


    .veerashaivism-dimension {

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        text-align: center;

    }


    .veerashaivism-icon {

        width: 64px;

        height: 64px;

        margin-bottom: 12px;

    }


    .veerashaivism-icon span {

        width: 23px;

        height: 23px;

    }


    .veerashaivism-dimension small {

        max-width: 180px;

        font-size: 10px;

        line-height: 1.5;

    }


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

    .veerashaivism-cards-head h2 {

        font-size: 32px;

    }


    /* =============================================
       SMALL MOBILE CARD
    ============================================== */

    .veerashaivism-reading-card {

        min-height: 285px;

        height: 285px;

        padding: 24px 22px 20px;

        flex: 0 0 100%;

    }


    .veerashaivism-reading-card h3 {

        font-size: 24px;

        line-height: 1.08;

    }


    .veerashaivism-reading-meta {

        font-size: 10px;

        letter-spacing: .15em;

    }


    .veerashaivism-reading-arrow {

        right: 18px;

        bottom: 18px;

    }


    .veerashaivism-closing-title h2 {

        font-size: 25px;

    }


    .veerashaivism-closing-reflection > p {

        font-size: 18px;

    }

}
/* //////////////////////////////////////////////////////////////////////////////////////////////SATSTHALA PAGE CSS/////////////////////////////////////////////////// */
/* =========================================================
   SATSTHALA PAGE
========================================================= */
.satsthala-page {

    --sat-navy: #082e4a;

    --sat-navy2: #102f4c;

    --sat-stone: #f5f0e6;

    --sat-panel: #f8f4eb;

    --sat-gold: #b9822d;

    --sat-gold-bright: #d19a36;

    --sat-muted: #70543c;

    --sat-line: #c99a50;

    --sat-white: #ffffff;

}



/* =========================================================
   COMMON WRAPPER
========================================================= */

.satsthala-page .sat-wrap {

    width: min(1320px, 88vw);

    margin: 0 auto;

}



/* =========================================================
   HERO
   DESKTOP = FULL IMAGE / NO CROP
========================================================= */

.satsthala-page .satsthala-hero {

    height: auto;

    position: relative;

    overflow: hidden;

    color: #fff;

}



.satsthala-page .teaching-hero-image {

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center center;

    display: block;

}



.satsthala-page .teaching-hero-shade {

    position: absolute;

    inset: 0;

    background:

        linear-gradient(

            90deg,

            rgba(15, 12, 10, .76) 0%,

            rgba(15, 12, 10, .42) 37%,

            rgba(15, 12, 10, .04) 68%

        );

}



.satsthala-page .teaching-hero-copy {

    position: absolute;

    left: 4.2vw;

    top: 55%;

    transform: translateY(-55%);

    width: min(620px, 50vw);

    color: white;

    z-index: 2;

    padding: 0;

}



/* =========================================================
   BREADCRUMB
========================================================= */

.satsthala-page .teaching-breadcrumb {

    display: flex;

    align-items: center;

    gap: 0;

    font-size: 14px;

    margin-bottom: 58px;

    color: #f3eee7;

}



.satsthala-page .teaching-breadcrumb a {

    color: #f3eee7;

    text-decoration: none;

}



.satsthala-page .teaching-breadcrumb span {

    padding: 0 10px;

    color: #d3aa62;

}



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

.satsthala-page .teaching-hero h1 {

    font-size: 58px;

    font-weight: 400;

    line-height: 1;

    margin: 0 0 14px;

    color: #fff;

    font-family:

        Georgia,

        "Times New Roman",

        serif;

}



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

.satsthala-page .teaching-descriptor {

    font-size: 24px;

    color: #e0b451;

    margin: 0 0 16px;

    letter-spacing: .01em;

    font-family:

        Georgia,

        "Times New Roman",

        serif;

    font-style: normal;

}



.satsthala-page .teaching-hero-intro {

    font-size: 18px;

    line-height: 1.45;

    max-width: 550px;

    margin: 0;

    color: #f4eee5;

}



.satsthala-page .teaching-gold-rule {

    display: block;

    width: 72px;

    height: 3px;

    background: #d2a23c;

    margin-top: 24px;

}



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

.satsthala-page .sat-intro {

    background: var(--sat-stone);

    padding: 60px 0 70px;

    text-align: center;

}



.satsthala-page .sat-om {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    margin-bottom: 25px;

}



.satsthala-page .sat-om::before,

.satsthala-page .sat-om::after {

    content: "";

    height: 1px;

    background: var(--sat-line);

    flex: 1;

    max-width: 360px;

}



.satsthala-page .sat-om span {

    width: 58px;

    height: 58px;

    border:

        1px solid

        rgba(185, 130, 45, .52);

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: var(--sat-gold);

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

    font-family:

        'Noto Serif Devanagari',

        'Nirmala UI',

        'Mangal',

        serif;

    font-size: 31px;

    line-height: 1;

}



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

.satsthala-page .sat-intro blockquote {

    max-width: 950px;

    margin: 0 auto;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

    font-size: 23px;

    line-height: 1.55;

    font-style: italic;

    color: var(--sat-navy2);

}



/* =========================================================
   THE SIXFOLD PATH
========================================================= */

.satsthala-page .sat-ribbon {

    background:

        linear-gradient(

            115deg,

            #071522 0%,

            #10273a 60%,

            #30241d 100%

        );

    color: #fff;

    padding: 58px 0 66px;

    overflow: hidden;

}



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

.satsthala-page .sat-ribbon-head {

    text-align: center;

    max-width: 900px;

    margin: 0 auto 42px;

}



.satsthala-page .sat-eyebrow {

    color: #c99a50;

    font-family: var(--serif);

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    margin-bottom: 12px;

}



.satsthala-page .sat-ribbon-head h2 {

    font-size: 45px;

    font-weight: 400;

    line-height: 1.15;

    margin: 10px 0 8px;

    color: #fff;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

}



.satsthala-page .sat-ribbon-head p {

    font-size: 18px;

    line-height: 1.55;

    margin: 0 auto;

    color: #d9dde0;

    max-width: 760px;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

}



/* =========================================================
   SIXFOLD LINE
========================================================= */

.satsthala-page .sixfold-line {

    display: grid;

    grid-template-columns:

        repeat(6, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;

    position: relative;

}



.satsthala-page .sixfold-line::before {

    content: "";

    position: absolute;

    left: 7%;

    right: 7%;

    top: 44px;

    height: 1px;

    background:

        rgba(224, 183, 101, .6);

}



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

.satsthala-page .sixfold {

    position: relative;

    z-index: 1;

    text-align: center;

    padding: 0 8px;

    min-width: 0;

}



.satsthala-page .sixfold .stage-icon {

    width: 88px;

    height: 88px;

    border:

        1px solid

        rgba(224, 183, 101, .75);

    border-radius: 50%;

    display: grid;

    place-items: center;

    margin: 0 auto 14px;

    background: #102538;

    color: #efc675;

    box-shadow:

        0 0 0 13px

        rgba(224, 183, 101, .025);

    font-style: normal;

    font-family:

        Georgia,

        serif;

    font-size: 25px;

    line-height: 1;

    transition:

        transform .35s ease,

        background-color .35s ease,

        border-color .35s ease;

}



.satsthala-page .sixfold b {

    display: block;

    font-family:

        Arial,

        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .12em;

    color: #efc675;

}



.satsthala-page .sixfold small {

    display: block;

    margin: 7px auto 0;

    max-width: 150px;

    color: #e5e8ea;

    font-family:

        Arial,

        sans-serif;

    font-size: 13px;

    line-height: 1.4;

}



.satsthala-page .sixfold:hover .stage-icon {

    transform: translateY(-5px);

    background: #172f44;

    border-color: #efc675;

}



/* =========================================================
   INNER CORRESPONDENCES
========================================================= */

.satsthala-page .sat-correspondences {

    background: var(--sat-stone);

    padding: 105px 0 110px;

    margin-top: -50px;

}



.satsthala-page .sat-correspondence-head {

    text-align: center;

    max-width: 850px;

    margin: 0 auto 60px;

    margin-top: -40px;

}



.satsthala-page .sat-correspondence-head h2 {

    color: var(--sat-navy2);

    font-size: 48px;

    font-weight: 400;

    line-height: 1.2;

    margin: 10px 0 15px;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

}



.satsthala-page .sat-correspondence-head p {

    color: var(--sat-muted);

    font-size: 18px;

    line-height: 1.65;

    margin: 0;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

}



/* =========================================================
   CORRESPONDENCE LINE
========================================================= */

.satsthala-page .correspondence-line {

    display: grid;

    grid-template-columns:

        repeat(6, 1fr);

    border-top:

        1px solid

        rgba(185, 130, 45, .35);

    border-bottom:

        1px solid

        rgba(185, 130, 45, .35);

}



.satsthala-page .correspondence-item {

    min-height: 190px;

    padding: 32px 18px;

    text-align: center;

    border-right:

        1px solid

        rgba(185, 130, 45, .24);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.satsthala-page .correspondence-item:last-child {

    border-right: 0;

}



.satsthala-page .correspondence-item b {

    color: var(--sat-gold);

    font-family:

        Arial,

        sans-serif;

    font-size: 12px;

    letter-spacing: .12em;

    margin-bottom: 15px;

}



.satsthala-page .correspondence-item span {

    color: var(--sat-navy2);

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

    font-size: 24px;

    line-height: 1.2;

}



.satsthala-page .correspondence-item small {

    color: var(--sat-muted);

    font-family:

        Arial,

        sans-serif;

    font-size: 12px;

    margin-top: 8px;

    letter-spacing: .04em;

}



/* =========================================================
   EXPLORE SATSTHALA
========================================================= */

.satsthala-page .sat-readings {

    padding: 68px 0 72px;

    background: #f8f3e9;

    margin-top: -160px;

}



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

.satsthala-page .sat-readings-head {

    text-align: center;

    max-width: 850px;

    margin: 0 auto 30px;

}



.satsthala-page .sat-readings-head .sat-eyebrow {

    color: #c99a50;

    font-family: var(--serif);

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    margin-bottom: 12px;

}



.satsthala-page .sat-readings-head h2 {

    color: var(--sat-navy2);

    font-size: 42px;

    font-weight: 400;

    line-height: 1.15;

    margin: 8px 0 0;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

}



.satsthala-page .sat-readings-head p {

    color: var(--sat-muted);

    font-size: 17px;

    line-height: 1.6;

    margin: 12px auto 0;

    max-width: 720px;

    font-style: italic;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

}



/* =========================================================
   READING CAROUSEL CONTROLS
========================================================= */

.satsthala-page .sat-reading-controls {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 14px;

    margin-bottom: 22px;

}



.satsthala-page .sat-reading-control {

    width: 44px;

    height: 44px;

    border:

        1px solid

        rgba(185, 130, 45, .55);

    background: transparent;

    color: var(--sat-navy2);

    border-radius: 50%;

    display: grid;

    place-items: center;

    padding: 0;

    font-family:

        Georgia,

        "Times New Roman",

        serif;

    font-size: 28px;

    line-height: 1;

    cursor: pointer;

    transition:

        background .25s ease,

        color .25s ease,

        border-color .25s ease,

        transform .25s ease;

}



.satsthala-page .sat-reading-control:hover {

    background: var(--sat-navy2);

    color: #fff;

    border-color: var(--sat-navy2);

}



.satsthala-page .sat-reading-control:disabled {

    opacity: .35;

    cursor: not-allowed;

}



.satsthala-page .sat-reading-control:disabled:hover {

    background: transparent;

    color: var(--sat-navy2);

    border-color:

        rgba(185, 130, 45, .55);

    transform: none;

}



.satsthala-page #satReadingCount {

    min-width: 48px;

    text-align: center;

    color: var(--sat-muted);

    font-family:

        Arial,

        sans-serif;

    font-size: 12px;

    letter-spacing: .08em;

}



/* =========================================================
   READING CAROUSEL VIEWPORT
========================================================= */

.satsthala-page .sat-reading-viewport {

    width: 100%;

    overflow: hidden;

    position: relative;

}



/* =========================================================
   READING GRID / CAROUSEL TRACK
   DESKTOP = 6 CARDS
========================================================= */

.satsthala-page .reading-grid {

    display: flex;

    flex-wrap: nowrap;

    gap: 18px;

    width: 100%;

    transform:

        translate3d(0, 0, 0);

    transition:

        transform .45s ease;

    will-change: transform;

}



/* =========================================================
   DESKTOP CARD WIDTH
========================================================= */

.satsthala-page .reading-card {

    flex:

        0 0

        calc((100% - 90px) / 6);

    min-width: 0;

    min-height: 285px;

    background:

        linear-gradient(

            145deg,

            #0b1d2c,

            #07131e

        );

    color: #fff;

    padding: 24px 22px 20px;

    position: relative;

    overflow: hidden;

    box-shadow:

        0 9px 22px

        rgba(30, 30, 20, .10);

    border-radius: 3px;

    transition:

        transform .22s ease,

        box-shadow .22s ease;

}



/* =========================================================
   DECORATIVE GOLD CIRCLES
========================================================= */

.satsthala-page .reading-card::before,

.satsthala-page .reading-card::after {

    content: "";

    position: absolute;

    border:

        1px solid

        rgba(224, 183, 101, .18);

    border-radius: 50%;

    pointer-events: none;

}



.satsthala-page .reading-card::before {

    width: 155px;

    height: 155px;

    right: -35px;

    top: -35px;

}



.satsthala-page .reading-card::after {

    width: 95px;

    height: 95px;

    right: -5px;

    top: -5px;

    border-color:

        rgba(224, 183, 101, .11);

}



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

.satsthala-page .reading-card .num {

    position: relative;

    z-index: 2;

    display: block;

    font-family:

        Arial,

        sans-serif;

    font-size: 14px;

    line-height: 1;

    letter-spacing: .15em;

    color: #e0b765;

    margin-top: 76px;

    margin-bottom: 0;

}



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

.satsthala-page .reading-card h3 {

    position: relative;

    z-index: 2;

    color: #fff;

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

    font-size: 24px;

    line-height: 1.08;

    font-weight: 400;

    margin: 10px 0 0;

    max-width: 220px;

    height: 78px;

    min-height: 78px;

    overflow: visible;

}



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

.satsthala-page .reading-card .meta {

    position: relative;

    z-index: 2;

    display: block;

    color: #e0b765;

    font-family:

        Arial,

        sans-serif;

    font-size: 10px;

    line-height: 1.45;

    letter-spacing: .15em;

    margin-top: 14px;

    margin-bottom: 0;

    text-transform: uppercase;

    white-space: nowrap;

    width: max-content;

    max-width: none;

}



/* =========================================================
   READING CARD ARROW
========================================================= */

.satsthala-page .reading-card .arrow {

    position: absolute;

    right: 18px;

    bottom: 18px;

    width: 36px;

    height: 36px;

    border:

        1px solid

        rgba(235, 190, 100, .8);

    border-radius: 50%;

    display: grid;

    place-items: center;

    color: #e0b765;

    font-family:

        Arial,

        sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1;

    text-align: center;

    z-index: 5;

    transition:

        background .22s ease,

        color .22s ease,

        border-color .22s ease;

}



/* =========================================================
   REMOVE EXTRA ARROW PSEUDO ELEMENT
========================================================= */

.satsthala-page .reading-card .arrow::before,

.satsthala-page .reading-card .arrow::after {

    content: none !important;

    display: none !important;

}



/* =========================================================
   HOVER
========================================================= */

.satsthala-page .reading-card:hover .arrow {

    background: #e0b765;

    color: #0b1d2c;

    border-color: #e0b765;

}



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

.satsthala-page .reading-card:hover {

    transform:

        translateY(-4px);

    box-shadow:

        0 14px 30px

        rgba(30, 30, 20, .16);

}



/* =========================================================
   KEYBOARD ACCESSIBILITY
========================================================= */

.satsthala-page .reading-card:focus-visible {

    outline:

        2px solid

        #d19a36;

    outline-offset: 4px;

}



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

.satsthala-page .sat-reading-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 28px;

    padding: 0 10px;

}



.satsthala-page .sat-reading-dot {

    width: 7px;

    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:

        rgba(16, 47, 76, .25);

    cursor: pointer;

    transition:

        transform .25s ease,

        background .25s ease,

        opacity .25s ease;

}



.satsthala-page .sat-reading-dot:hover {

    transform:

        scale(1.25);

}



.satsthala-page .sat-reading-dot.active {

    background:

        var(--sat-gold);

    transform:

        scale(1.35);

}



/* =========================================================
   CLOSING
========================================================= */

.satsthala-page .sat-close {

    background: var(--sat-stone);

    padding: 35px 0 65px;

    text-align: center;

    margin-top: -60px;

}



.satsthala-page .sat-close-ornament {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-bottom: 18px;

}



.satsthala-page .sat-close-ornament::before,

.satsthala-page .sat-close-ornament::after {

    content: "";

    width: min(260px, 22vw);

    height: 1px;

    background: var(--sat-line);

}



.satsthala-page .sat-close-ornament span {

    color: var(--sat-gold);

    font-size: 19px;

    line-height: 1;

}



.satsthala-page .sat-close blockquote {

    max-width: 820px;

    margin: 0 auto;

    color: var(--sat-navy2);

    font-family:

        "Source Serif 4",

        Georgia,

        serif;

    font-size: 21px;

    line-height: 1.5;

    font-style: italic;

}



/* =========================================================
   LARGE TABLET
   3 CARDS VISIBLE
========================================================= */

@media (max-width: 1200px) {

    .satsthala-page .reading-grid {

        gap: 18px;

    }



    .satsthala-page .reading-card {

        flex:

            0 0

            calc((100% - 36px) / 3);

    }

}



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

@media (max-width: 1100px) {

    .satsthala-page .sixfold-line {

        grid-template-columns:

            repeat(3, minmax(0, 1fr));

        row-gap: 45px;

    }



    .satsthala-page .sixfold-line::before {

        display: none;

    }



    .satsthala-page .correspondence-line {

        grid-template-columns:

            repeat(3, 1fr);

    }



    .satsthala-page .correspondence-item:nth-child(3) {

        border-right: 0;

    }



    .satsthala-page .correspondence-item:nth-child(n + 4) {

        border-top:

            1px solid

            rgba(185, 130, 45, .24);

    }



    .satsthala-page .reading-card {

        min-height: 285px;

        padding:

            24px 22px 20px;

    }



    .satsthala-page .reading-card h3 {

        font-size: 23px;

        max-width: 220px;

        height: 50px;

        min-height: 50px;

    }



    .satsthala-page .reading-card .meta {

        margin-top: 14px;

        white-space: nowrap;

        width: max-content;

        max-width: none;

    }

}



/* =========================================================
   TABLET HERO
   FULL IMAGE / NO CROP
========================================================= */

@media (max-width: 900px) {

    .satsthala-page .satsthala-hero {

        height: auto;

    }



    .satsthala-page .teaching-hero-image {

        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center center;

    }



    .satsthala-page .teaching-hero-copy {

        left: 6vw;

        top: 55px;

        width: 88vw;

    }



    .satsthala-page .teaching-breadcrumb {

        margin-bottom: 45px;

    }



    .satsthala-page .teaching-hero h1 {

        font-size: 52px;

    }



    .satsthala-page .teaching-descriptor {

        font-size: 22px;

    }



    .satsthala-page .teaching-hero-intro {

        font-size: 17px;

    }

}



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

@media (max-width: 720px) {

    /* =====================================================
       HERO
       MOBILE = CROPPED IMAGE
    ===================================================== */

    .satsthala-page .satsthala-hero {

        height: 500px;

        min-height: 500px;

    }



    .satsthala-page .teaching-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

    }



    .satsthala-page .teaching-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;

        transform: none;

    }



    .satsthala-page .teaching-breadcrumb {

        margin-bottom: 95px;

        font-size: 12px;

        white-space: nowrap;

    }



    .satsthala-page .teaching-hero h1 {

        font-size: 42px;

    }



    .satsthala-page .teaching-descriptor {

        font-size: 20px;

        line-height: 1.3;

    }



    .satsthala-page .teaching-hero-intro {

        font-size: 16px;

        line-height: 1.5;

    }



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

    .satsthala-page .sat-intro {

        padding:

            45px 22px 55px;

    }



    .satsthala-page .sat-om {

        gap: 14px;

        margin-bottom: 22px;

    }



    .satsthala-page .sat-om span {

        width: 50px;

        height: 50px;

        font-size: 27px;

    }



    .satsthala-page .sat-intro blockquote {

        font-size: 18px;

        line-height: 1.55;

    }



    /* =====================================================
       RIBBON
    ===================================================== */

    .satsthala-page .sat-ribbon {

        padding:

            58px 0 68px;

    }



    .satsthala-page .sat-wrap {

        width:

            calc(100% - 44px);

    }



    .satsthala-page .sat-ribbon-head {

        margin-bottom: 42px;

    }



    .satsthala-page .sat-ribbon-head h2 {

        font-size: 38px;

        line-height: 1.15;

    }



    .satsthala-page .sat-ribbon-head p {

        font-size: 17px;

        line-height: 1.6;

    }



    .satsthala-page .sixfold-line {

        grid-template-columns:

            repeat(2, minmax(0, 1fr));

        gap:

            42px 18px;

    }



    .satsthala-page .sixfold-line::before {

        display: none;

    }



    .satsthala-page .sixfold b {

        font-size: 11px;

    }



    .satsthala-page .sixfold small {

        font-size: 12px;

    }



    /* =====================================================
       CORRESPONDENCES
    ===================================================== */

    .satsthala-page .sat-correspondences {

        padding:

            75px 0 80px;

    }



    .satsthala-page .sat-correspondence-head {

        margin-bottom: 40px;

    }



    .satsthala-page .sat-correspondence-head h2 {

        font-size: 36px;

        line-height: 1.2;

    }



    .satsthala-page .sat-correspondence-head p {

        font-size: 17px;

        line-height: 1.6;

    }



    .satsthala-page .correspondence-line {

        grid-template-columns:

            repeat(2, 1fr);

    }



    .satsthala-page .correspondence-item {

        min-height: 170px;

        padding:

            25px 12px;

    }



    .satsthala-page .correspondence-item:nth-child(3) {

        border-right:

            1px solid

            rgba(185, 130, 45, .24);

    }



    .satsthala-page .correspondence-item:nth-child(2n) {

        border-right: 0;

    }



    .satsthala-page .correspondence-item:nth-child(n + 3) {

        border-top:

            1px solid

            rgba(185, 130, 45, .24);

    }



    .satsthala-page .correspondence-item span {

        font-size: 21px;

    }



    /* =====================================================
       READINGS
    ===================================================== */

    .satsthala-page .sat-readings {

        padding:

            68px 0 72px;

        margin-top: -100px;

    }



    .satsthala-page .sat-readings-head {

        margin-bottom: 30px;

    }



    .satsthala-page .sat-readings-head h2 {

        font-size: 38px;

        line-height: 1.2;

    }



    .satsthala-page .sat-readings-head p {

        font-size: 17px;

        line-height: 1.5;

    }



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

    .satsthala-page .sat-reading-controls {

        justify-content: center;

        margin-bottom: 22px;

    }



    /* =====================================================
       MOBILE CAROUSEL
       1 CARD VISIBLE
    ===================================================== */

    .satsthala-page .reading-grid {

        gap: 18px;

    }



    .satsthala-page .reading-card {

        flex:

            0 0 100%;

        min-height: 285px;

        padding:

            24px 22px 20px;

    }



    /* =====================================================
       MOBILE CARD NUMBER
    ===================================================== */

    .satsthala-page .reading-card .num {

        margin-top: 76px;

    }



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

    .satsthala-page .reading-card h3 {

        font-size: 25px;

        line-height: 1.08;

        max-width: 240px;

        height: 54px;

        min-height: 54px;

        margin:

            10px 0 0;

        color: #fff;

        font-family:

            "Source Serif 4",

            Georgia,

            serif;

    }



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

    .satsthala-page .reading-card .meta {

        font-size: 10px;

        line-height: 1.45;

        letter-spacing: .15em;

        white-space: nowrap;

        width: max-content;

        max-width: none;

        margin-top: 14px;

    }



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

    .satsthala-page .reading-card .arrow {

        right: 18px;

        bottom: 18px;

        width: 36px;

        height: 36px;

    }



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

    .satsthala-page .sat-reading-dots {

        gap: 9px;

        margin-top: 26px;

    }



    /* =====================================================
       CLOSING
    ===================================================== */

    .satsthala-page .sat-close {

        padding:

            30px 22px 55px;

        margin-top: -80px;

    }



    .satsthala-page .sat-close blockquote {

        font-size: 19px;

        line-height: 1.5;

    }



    .satsthala-page .sat-close-ornament::before,

    .satsthala-page .sat-close-ornament::after {

        width: 25vw;

    }

}



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

@media (max-width: 480px) {

    /* =====================================================
       SMALL MOBILE HERO
    ===================================================== */

    .satsthala-page .satsthala-hero {

        height: 500px;

        min-height: 500px;

    }



    .satsthala-page .teaching-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

    }



    .satsthala-page .teaching-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;

    }



    .satsthala-page .teaching-hero h1 {

        font-size: 38px;

    }



    .satsthala-page .teaching-descriptor {

        font-size: 19px;

    }



    .satsthala-page .teaching-hero-intro {

        font-size: 15px;

    }



    .satsthala-page .sat-ribbon-head h2 {

        font-size: 34px;

    }



    .satsthala-page .sixfold-line {

        grid-template-columns:

            1fr;

        gap: 35px;

    }



    .satsthala-page .sixfold .stage-icon {

        width: 52px;

        height: 52px;

        font-size: 19px;

    }



    .satsthala-page .sixfold b {

        font-size: 10px;

        letter-spacing: .08em;

    }



    .satsthala-page .sixfold small {

        font-size: 11px;

    }



    .satsthala-page .sat-correspondence-head h2 {

        font-size: 32px;

    }



    .satsthala-page .correspondence-item {

        min-height: 155px;

    }



    .satsthala-page .correspondence-item span {

        font-size: 19px;

    }



    /* =====================================================
       SMALL MOBILE CARDS
    ===================================================== */

    .satsthala-page .reading-card {

        min-height: 285px;

        padding:

            24px 22px 20px;

    }



    .satsthala-page .reading-card .num {

        margin-top: 76px;

    }



    .satsthala-page .reading-card h3 {

        font-size: 24px;

        line-height: 1.08;

        max-width: 240px;

        height: 52px;

        min-height: 52px;

        margin:

            10px 0 0;

        font-family:

            "Source Serif 4",

            Georgia,

            serif;

    }



    .satsthala-page .reading-card .meta {

        font-size: 9px;

        line-height: 1.45;

        letter-spacing: .12em;

        white-space: nowrap;

        width: max-content;

        max-width: none;

        margin-top: 14px;

    }



    .satsthala-page .reading-card .arrow {

        width: 36px;

        height: 36px;

        right: 18px;

        bottom: 18px;

    }



    .satsthala-page .sat-close blockquote {

        font-size: 18px;

    }



    .satsthala-page .sat-reading-control {

        width: 42px;

        height: 42px;

    }



    .satsthala-page #satReadingCount {

        font-size: 11px;

    }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .satsthala-page .stage-icon,

    .satsthala-page .reading-card,

    .satsthala-page .reading-card .arrow,

    .satsthala-page .reading-grid,

    .satsthala-page .sat-reading-control,

    .satsthala-page .sat-reading-dot {

        transition: none !important;

    }

}
/* //////////////////////////////////////////////////////////////////////////////////////////////////TEACHINGS BOOKS CSS/////////////////////////////////////////////////////////////////////////////////////// */

/* =========================================================
   TEACHINGS — WRITTEN LEGACY / BOOK LIBRARY
   TYPOGRAPHY MATCHED WITH SATSTHALA
========================================================= */
.teaching-library-page {

    --library-navy: #082e4a;
    --library-navy2: #071d2d;
    --library-stone: #f5f0e6;
    --library-ink: #102f4c;
    --library-gold: #b9822d;
    --library-gold-bright: #d19a36;
    --library-muted: #70543c;
    --library-cream: #f8f3e9;
    --library-night: #120906;
    --library-wood: #32180d;

    --library-serif:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    --library-ui:
        Arial,
        sans-serif;

    font-family:
        var(--library-serif);

    background:
        var(--library-stone);

    color:
        var(--library-ink);

    overflow:
        hidden;
}


.teaching-library-page *,
.teaching-library-page *::before,
.teaching-library-page *::after {

    box-sizing:
        border-box;
}


/* =========================================================
   COMMON WRAPPER
========================================================= */

.teaching-library-wrap {

    width:
        min(1320px, 88vw);

    margin:
        0 auto;
}


/* =========================================================
   HERO
   SAME AS SADHANA
========================================================= */

.teaching-library-hero {

    height:
        auto;

    position:
        relative;

    overflow:
        hidden;

    color:
        #fff;
}


.teaching-library-hero-image {

    width:
        100%;

    height:
        auto;

    object-fit:
        contain;

    object-position:
        center center;

    display:
        block;
}


.teaching-library-hero-shade {

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .78) 0%,
            rgba(15, 12, 10, .44) 37%,
            rgba(15, 12, 10, .04) 68%
        );
}


.teaching-library-hero-copy {

    position:
        absolute;

    left:
        4.2vw;

    top:
        55%;

    transform:
        translateY(-50%);

    width:
        min(620px, 50vw);

    z-index:
        5;
}


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

.teaching-library-breadcrumb {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        0;

    margin-bottom:
        58px;

    color:
        #f3eee7;

    font-family:
        var(--library-serif);

    font-size:
        14px;

    font-weight:
        400;

    line-height:
        1.4;
}


.teaching-library-breadcrumb a {

    color:
        #f3eee7;

    text-decoration:
        none;

    transition:
        color .25s ease;
}


.teaching-library-breadcrumb a:hover {

    color:
        #e0b451;
}


.teaching-library-breadcrumb span {

    padding:
        0 10px;

    color:
        #d3aa62;
}


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

.teaching-library-hero h1 {

    margin:
        0 0 14px;

    color:
        #fff;

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

    font-size:
        58px;

    font-weight:
        400;

    line-height:
        1;
}


/* =========================================================
   HERO SUB HEADING
========================================================= */

.teaching-library-hero h2 {

    margin:
        0 0 16px;

    color:
        #e0b451;

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

    font-size:
        24px;

    font-weight:
        400;

    line-height:
        1.3;

    letter-spacing:
        .01em;
}


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

.teaching-library-hero p {

    max-width:
        550px;

    margin:
        0;

    color:
        #f4eee5;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1.45;
}


.teaching-library-gold-rule {

    display:
        block;

    width:
        72px;

    height:
        3px;

    margin:
        24px 0;

    background:
        #d2a23c;
}


/* =========================================================
   EYEBROW
========================================================= */

.teaching-library-eyebrow {

    color:
        #c99a50;

    /* font-family:
        var(--library-serif); */
        font-family: "Source Serif 4" !important;

    font-size:
        19px;

    font-weight:
        600;

    letter-spacing:
        2.2px;

    line-height:
        1.4;

    margin-bottom:
        12px;

    text-transform:
        none;
}


/* =========================================================
   BRIDGE
========================================================= */

.teaching-library-bridge {

    padding:
        88px 24px 100px;

    text-align:
        center;

    background:
        radial-gradient(
            circle at 50% 0,
            #fff,
            #fbf7ef 48%,
            #efe4d5
        );
}


.teaching-library-bridge h2 {

    margin:
        12px 0 20px;

    color:
        var(--library-ink);

    font-family:
        "Source Serif 4"!important;

    font-size:
        clamp(42px, 5vw, 36px);

    font-weight:
        400;

    line-height:
        1.15;
}


.teaching-library-bridge p {

    max-width:
        850px;

    margin:
        0 auto;

    color:
        #70543c;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1.6;
}


/* =========================================================
   MAIN LIBRARY
========================================================= */

.teaching-library-main {

    background:
        #120906;

    color:
        #fff;
}


/* =========================================================
   COLLECTION
========================================================= */

.teaching-library-collection {

    padding:
        105px 5vw 125px;

    border-top:
        1px solid
        rgba(215, 154, 56, .12);
}


.teaching-library-collection:nth-child(even) {

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(210, 142, 55, .07),
            transparent 26%
        );
}


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

.teaching-library-collection-head {

    width:
        min(1320px, 100%);

    margin:
        0 auto 50px;

    display:
        grid;

    grid-template-columns:
        105px 1fr;

    gap:
        28px;
}


.teaching-library-num {

    color:
        #b97c29;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        70px;

    font-style:
        italic;

    font-weight:
        400;

    line-height:
        .8;
}


.teaching-library-collection h3 {

    margin:
        0 0 10px;

    color:
        #fff;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        clamp(39px, 4vw, 62px);

    font-weight:
        400;

    line-height:
        1.08;
}


.teaching-library-collection h3 em {

    color:
        #ead7c3;

    font-weight:
        400;

    font-style:
        italic;
}


.teaching-library-sub {

    max-width:
        900px;

    margin:
        0;

    color:
        #cdb9a5;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1.6;
}


/* =========================================================
   WOODEN CASE
========================================================= */

.teaching-library-case {

    position:
        relative;

    width:
        min(1320px, 100%);

    margin:
        0 auto;

    padding:
        64px 68px 36px;

    background:
        linear-gradient(
            90deg,
            #1b0b06 0,
            #4b2511 18px,
            #1b0b06 18px,
            #3b1d0e 12%,
            #281208 50%,
            #3b1d0e 88%,
            #1b0b06 calc(100% - 18px),
            #4b2511 calc(100% - 9px),
            #1b0b06 100%
        );

    border:
        0;

    box-shadow:
        inset 0 30px 72px rgba(0, 0, 0, .72),
        0 30px 75px rgba(0, 0, 0, .35);
}


.teaching-library-case::before {

    content:
        "";

    position:
        absolute;

    z-index:
        2;

    left:
        0;

    right:
        0;

    top:
        0;

    height:
        18px;

    border-radius:
        10px;

    background:
        linear-gradient(
            #3a1809 0%,
            #8a4b24 38%,
            #5b2c13 58%,
            #241006 100%
        );

    box-shadow:
        0 5px 10px rgba(0, 0, 0, .5),
        inset 0 2px rgba(255, 210, 135, .18);
}


.teaching-library-case::after {

    content:
        "";

    position:
        absolute;

    pointer-events:
        none;

    inset:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 190, 95, .12),
            transparent 18px,
            transparent calc(100% - 18px),
            rgba(255, 190, 95, .12)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(213, 154, 56, .14);
}


/* =========================================================
   SHELF BROWSER
========================================================= */

.teaching-library-shelf-browser {

    position:
        relative;
}


.teaching-library-shelf-viewport {

    overflow:
        hidden;
}


.teaching-library-shelf-track {

    display:
        flex;

    gap:
        28px;

    align-items:
        flex-end;

    transition:
        transform .45s ease;
}


/* =========================================================
   BOOK
========================================================= */

.teaching-library-book {

    flex:
        0 0 calc((100% - 112px) / 5);

    min-width:
        0;

    text-align:
        center;
}


.teaching-library-cover {

    height:
        290px;

    position:
        relative;

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        center;
}


.teaching-library-cover img {

    display:
        block;

    max-width:
        100%;

    max-height:
        280px;

    width:
        auto;

    height:
        auto;

    object-fit:
        contain;

    box-shadow:
        9px 12px 18px rgba(0, 0, 0, .48);

    filter:
        saturate(.98);

    transition:
        transform .35s ease,
        filter .35s ease;
}


.teaching-library-book:hover
.teaching-library-cover img {

    transform:
        translateY(-6px);

    filter:
        saturate(1.06);
}


/* =========================================================
   BOOK LABEL
========================================================= */

.teaching-library-book-label {

    min-height:
        42px;

    padding:
        14px 4px 0;

    color:
        #bca995;

    font-family:
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1.45;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


/* =========================================================
   SHELF
========================================================= */

.teaching-library-shelf {

    height:
        31px;

    margin:
        18px -68px 0;

    border-radius:
        8px;

    background:
        linear-gradient(
            #3a1809 0%,
            #8a4b24 38%,
            #5b2c13 58%,
            #241006 100%
        );

    box-shadow:
        0 14px 22px #050201,
        inset 0 2px rgba(255, 213, 137, .23);
}


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

.teaching-library-shelf-nav {

    position:
        absolute;

    top:
        120px;

    z-index:
        5;

    width:
        46px;

    height:
        46px;

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

    border-radius:
        50%;

    background:
        #160b07;

    color:
        var(--library-gold-bright);

    font-family:
        Georgia,
        serif;

    font-size:
        28px;

    line-height:
        1;

    cursor:
        pointer;

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


.teaching-library-shelf-nav:hover {

    background:
        #2a140b;

    transform:
        scale(1.05);
}


.teaching-library-shelf-nav.prev {

    left:
        -55px;
}


.teaching-library-shelf-nav.next {

    right:
        -55px;
}


.teaching-library-shelf-nav:disabled {

    opacity:
        .22;

    cursor:
        default;

    transform:
        none;
}


/* =========================================================
   SHELF STATUS
========================================================= */

.teaching-library-shelf-status {

    margin-top:
        24px;

    text-align:
        center;

    color:
        #a58c74;

    font-family:
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}


.teaching-library-shelf-status strong {

    color:
        var(--library-gold-bright);
}


/* =========================================================
   PREVIEW BOOK
========================================================= */

.teaching-library-preview-book {

    cursor:
        pointer;

    outline:
        none;
}


.teaching-library-preview-book:focus
.teaching-library-cover {

    outline:
        1px solid
        rgba(221, 184, 108, .72);

    outline-offset:
        5px;
}


/* =========================================================
   PREVIEW CUE
========================================================= */

.teaching-library-preview-cue {

    position:
        absolute;

    left:
        10px;

    right:
        10px;

    bottom:
        10px;

    padding:
        9px 8px;

    background:
        rgba(12, 7, 4, .88);

    border:
        1px solid
        rgba(213, 171, 91, .42);

    color:
        #ead9b9;

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        600;

    line-height:
        1.2;

    letter-spacing:
        .14em;

    text-align:
        center;

    text-transform:
        uppercase;

    opacity:
        0;

    transform:
        translateY(5px);

    transition:
        .22s ease;

    pointer-events:
        none;
}


.teaching-library-preview-book:hover
.teaching-library-preview-cue,

.teaching-library-preview-book:focus
.teaching-library-preview-cue {

    opacity:
        1;

    transform:
        none;
}


/* =========================================================
   CLOSING
========================================================= */

.teaching-library-closing {

    padding:
        90px 24px 105px;

    text-align:
        center;

    background:
        #f7f1e7;
}


.teaching-library-closing h2 {

    max-width:
        1000px;

    margin:
        12px auto 20px;

    color:
        var(--library-ink);

    font-family:
        "Source Serif 4"!important;

    /* font-size:
        clamp(42px, 5vw, 70px); */
        font-size: 36px;

    font-weight:
        400;

    line-height:
        1.15;
}


.teaching-library-closing p {

    max-width:
        820px;

    margin:
        0 auto;

    color:
        var(--library-navy2);

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        21px;

    font-weight:
        400;

    line-height:
        1.5;

    font-style:
        italic;
}


/* =========================================================
   PDF READER
   UPDATED - RIGHT SIDE CUT FIX
========================================================= */

.preview-reader-open {

    overflow:
        hidden;
}


/*
   IMPORTANT:
   Reader is full viewport and is not allowed to exceed
   browser width.
*/

.teaching-library-preview-reader {

    position:
        fixed;

    inset:
        0;

    z-index:
        999999;

    display:
        none;

    align-items:
        center;

    justify-content:
        center;

    width:
        100vw;

    height:
        100vh;

    max-width:
        100vw;

    max-height:
        100vh;

    padding:
        20px;

    background:
        rgba(7, 4, 3, .90);

    backdrop-filter:
        blur(7px);

    overflow:
        hidden;

    box-sizing:
        border-box;
}


.teaching-library-preview-reader.open {

    display:
        flex;
}


/*
   READER SHELL
   The previous 1180px / 96vw setup could make the
   flipbook larger than the available area.
*/

.teaching-library-reader-shell {

    position:
        relative;

    width:
        min(1180px, calc(100vw - 40px));

    max-width:
        calc(100vw - 40px);

    height:
        min(900px, calc(100vh - 40px));

    max-height:
        calc(100vh - 40px);

    min-width:
        0;

    min-height:
        0;

    display:
        flex;

    flex-direction:
        column;

    overflow:
        hidden;

    background:
        #130b07;

    border:
        1px solid
        rgba(206, 160, 87, .36);

    box-shadow:
        0 30px 90px
        rgba(0, 0, 0, .65);

    box-sizing:
        border-box;
}


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

.teaching-library-reader-head {

    flex:
        0 0 auto;

    width:
        100%;

    min-width:
        0;

    min-height:
        70px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        13px 18px 13px 24px;

    border-bottom:
        1px solid
        rgba(206, 160, 87, .23);

    background:
        linear-gradient(
            180deg,
            #20120b,
            #130b07
        );

    box-sizing:
        border-box;
}


.teaching-library-reader-heading {

    min-width:
        0;

    flex:
        1 1 auto;

    overflow:
        hidden;
}


/* =========================================================
   READER KICKER
========================================================= */

.teaching-library-reader-kicker {

    margin-bottom:
        4px;

    color:
        #c99a50;

    font-family:
        var(--library-serif);

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1.4;

    letter-spacing:
        2.2px;

    text-transform:
        uppercase;
}


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

.teaching-library-reader-title {

    margin:
        0;

    color:
        #f2e8d7;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        21px;

    font-weight:
        400;

    line-height:
        1.25;

    white-space:
        nowrap;

    overflow:
        hidden;

    text-overflow:
        ellipsis;
}


/* =========================================================
   READER ACTIONS
========================================================= */

.teaching-library-reader-actions {

    flex:
        0 0 auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        12px;

    min-width:
        0;
}


/* =========================================================
   OPEN PDF
========================================================= */

.teaching-library-reader-download {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        38px;

    padding:
        8px 14px;

    border:
        1px solid
        rgba(206, 160, 87, .35);

    color:
        #ead9b9;

    background:
        transparent;

    text-decoration:
        none;

    font-family:
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        600;

    line-height:
        1;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;

    white-space:
        nowrap;

    transition:
        background .25s ease,
        border-color .25s ease;
}


.teaching-library-reader-download:hover {

    background:
        rgba(206, 160, 87, .10);

    border-color:
        rgba(206, 160, 87, .65);
}


/* =========================================================
   READER CLOSE
========================================================= */

.teaching-library-reader-close {

    flex:
        0 0 44px;

    width:
        44px;

    height:
        44px;

    border:
        1px solid
        rgba(206, 160, 87, .35);

    border-radius:
        50%;

    background:
        transparent;

    color:
        #ead9b9;

    font-family:
        Arial,
        sans-serif;

    font-size:
        25px;

    font-weight:
        300;

    line-height:
        1;

    cursor:
        pointer;
}


.teaching-library-reader-close:hover,
.teaching-library-reader-close:focus {

    background:
        rgba(206, 160, 87, .10);

    outline:
        none;
}


/* =========================================================
   FLIPBOOK AREA
   MAIN FIX
========================================================= */

.teaching-library-flipbook-area {

    position:
        relative;

    flex:
        1 1 auto;

    width:
        100%;

    min-width:
        0;

    min-height:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden;

    padding:
        20px 72px;

    box-sizing:
        border-box;

    background:
        #28221e;
}


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

.teaching-library-flipbook {

    position:
        relative;

    flex:
        0 1 auto;

    width:
        min(1000px, 100%);

    max-width:
        100%;

    height:
        min(720px, 100%);

    max-height:
        100%;

    min-width:
        0;

    min-height:
        0;

    margin:
        0 auto;

    overflow:
        visible;

    box-sizing:
        border-box;
}


/*
   Page-flip generated canvas/images should never
   create horizontal overflow.
*/

.teaching-library-flipbook canvas {

    display:
        block;

    max-width:
        100%;

    height:
        auto;
}


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

.teaching-library-flip-nav {

    position:
        absolute;

    top:
        50%;

    z-index:
        50;

    transform:
        translateY(-50%);

    width:
        46px;

    height:
        46px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0;

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

    border-radius:
        50%;

    background:
        #160b07;

    color:
        var(--library-gold-bright);

    font-family:
        Georgia,
        serif;

    font-size:
        30px;

    line-height:
        1;

    cursor:
        pointer;

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


.teaching-library-flip-nav:hover {

    background:
        #2a140b;

    transform:
        translateY(-50%) scale(1.05);
}


.teaching-library-flip-nav.prev {

    left:
        14px;
}


.teaching-library-flip-nav.next {

    right:
        14px;
}


.teaching-library-flip-nav:disabled {

    opacity:
        .25;

    cursor:
        default;
}


/* =========================================================
   FLIPBOOK LOADING
========================================================= */

.teaching-library-flipbook-loading {

    position:
        absolute;

    inset:
        0;

    z-index:
        100;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-direction:
        column;

    gap:
        14px;

    background:
        rgba(19, 11, 7, .92);

    color:
        #ead9b9;

    font-family:
        "Source Serif 4",
        Georgia,
        serif;

    font-size:
        16px;

    text-align:
        center;

    pointer-events:
        none;

    transition:
        opacity .25s ease;
}


/* IMPORTANT: LOADING HIDE FIX */

.teaching-library-flipbook-loading.hidden {

    display:
        none !important;
}


.teaching-library-loading-spinner {

    width:
        32px;

    height:
        32px;

    border:
        2px solid
        rgba(206, 160, 87, .22);

    border-top-color:
        var(--library-gold-bright);

    border-radius:
        50%;

    animation:
        teachingLibrarySpin .8s linear infinite;
}


@keyframes teachingLibrarySpin {

    to {

        transform:
            rotate(360deg);
    }
}


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

.teaching-library-reader-foot {

    flex:
        0 0 auto;

    width:
        100%;

    min-width:
        0;

    padding:
        12px 20px;

    border-top:
        1px solid
        rgba(206, 160, 87, .18);

    color:
        #927e6b;

    font-family:
        Arial,
        sans-serif;

    font-size:
        9px;

    font-weight:
        500;

    line-height:
        1.4;

    letter-spacing:
        .12em;

    text-align:
        center;

    text-transform:
        uppercase;

    box-sizing:
        border-box;
}


.teaching-library-reader-foot strong {

    color:
        #d19a36;

    margin-left:
        4px;

    margin-right:
        4px;
}


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

@media (max-width: 1180px) {

    .teaching-library-hero-copy {

        width:
            70vw;
    }
}


/* =========================================================
   900px
   FULL HERO IMAGE - NO CROP
========================================================= */

@media (max-width: 900px) {

    .teaching-library-hero {

        height:
            auto;
    }


    .teaching-library-hero-image {

        width:
            100%;

        height:
            auto;

        object-fit:
            contain;

        object-position:
            center center;
    }


    .teaching-library-hero-copy {

        left:
            6vw;

        top:
            55px;

        width:
            88vw;
    }


    .teaching-library-breadcrumb {

        margin-bottom:
            45px;
    }


    .teaching-library-hero h1 {

        font-size:
            52px;
    }


    .teaching-library-hero h2 {

        font-size:
            22px;
    }


    .teaching-library-hero p {

        font-size:
            17px;

        line-height:
            1.5;
    }


    .teaching-library-collection-head {

        grid-template-columns:
            1fr;
    }


    .teaching-library-num {

        font-size:
            50px;
    }


    .teaching-library-case {

        padding:
            48px 40px 30px;
    }


    .teaching-library-shelf {

        margin-left:
            -40px;

        margin-right:
            -40px;
    }


    .teaching-library-shelf-nav.prev {

        left:
            -32px;
    }


    .teaching-library-shelf-nav.next {

        right:
            -32px;
    }


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

    .teaching-library-preview-reader {

        padding:
            10px;
    }


    .teaching-library-reader-shell {

        width:
            100%;

        max-width:
            100%;

        height:
            calc(100vh - 20px);

        max-height:
            calc(100vh - 20px);
    }


    .teaching-library-flipbook-area {

        padding:
            16px 58px;
    }


    .teaching-library-flipbook {

        width:
            100%;

        max-width:
            100%;

        height:
            100%;

        max-height:
            100%;
    }


    .teaching-library-flip-nav.prev {

        left:
            8px;
    }


    .teaching-library-flip-nav.next {

        right:
            8px;
    }
}


/* =========================================================
   MOBILE
   HERO CROP ALLOWED
========================================================= */

@media (max-width: 800px) {

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

    .teaching-library-hero {

        height:
            500px;

        min-height:
            500px;
    }


    .teaching-library-hero-image {

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;

        object-position:
            center center;
    }


    .teaching-library-hero-copy {

        left:
            24px;

        right:
            24px;

        top:
            20px;

        width:
            auto;

        transform:
            none;
    }


    .teaching-library-breadcrumb {

        margin-bottom:
            95px;

        font-size:
            12px;

        white-space:
            nowrap;
    }


    .teaching-library-hero h1 {

        font-size:
            42px;
    }


    .teaching-library-hero h2 {

        font-size:
            20px;

        line-height:
            1.3;
    }


    .teaching-library-hero p {

        font-size:
            16px;

        line-height:
            1.5;
    }


    /* =====================================================
       BRIDGE
    ===================================================== */

    .teaching-library-bridge {

        padding:
            65px 22px 75px;
    }


    .teaching-library-bridge h2 {

        font-size:
            38px;

        line-height:
            1.15;
    }


    .teaching-library-bridge p {

        font-size:
            18px;

        line-height:
            1.55;
    }


    /* =====================================================
       COLLECTION
    ===================================================== */

    .teaching-library-collection {

        padding:
            70px 22px 80px;
    }


    .teaching-library-collection-head {

        margin-bottom:
            35px;
    }


    .teaching-library-num {

        font-size:
            45px;
    }


    .teaching-library-collection h3 {

        font-size:
            35px;

        line-height:
            1.15;
    }


    .teaching-library-sub {

        font-size:
            17px;

        line-height:
            1.6;
    }


    /* =====================================================
       CASE
    ===================================================== */

    .teaching-library-case {

        padding:
            38px 24px 25px;
    }


    /* =====================================================
       SHELF
    ===================================================== */

    .teaching-library-shelf-viewport {

        overflow-x:
            auto;

        scroll-snap-type:
            x mandatory;

        scrollbar-width:
            none;
    }


    .teaching-library-shelf-viewport::-webkit-scrollbar {

        display:
            none;
    }


    .teaching-library-shelf-track {

        transform:
            none !important;

        gap:
            22px;
    }


    .teaching-library-book {

        flex:
            0 0 58%;

        scroll-snap-align:
            center;
    }


    .teaching-library-cover {

        height:
            310px;
    }


    .teaching-library-shelf-nav {

        display:
            none;
    }


    .teaching-library-shelf {

        margin-left:
            -24px;

        margin-right:
            -24px;
    }


    /* =====================================================
       BOOK LABEL
    ===================================================== */

    .teaching-library-book-label {

        font-size:
            10px;

        line-height:
            1.45;
    }


    /* =====================================================
       PREVIEW
    ===================================================== */

    .teaching-library-preview-cue {

        opacity:
            .92;

        transform:
            none;
    }


    /* =====================================================
       CLOSING
    ===================================================== */

    .teaching-library-closing {

        padding:
            70px 22px 80px;
    }


    .teaching-library-closing h2 {

        font-size:
            38px;

        line-height:
            1.15;
    }


    .teaching-library-closing p {

        font-size:
            19px;

        line-height:
            1.5;
    }


    /* =====================================================
       PDF READER MOBILE
    ===================================================== */

    .teaching-library-preview-reader {

        width:
            100vw;

        height:
            100vh;

        max-width:
            100vw;

        max-height:
            100vh;

        padding:
            0;

        overflow:
            hidden;
    }


    .teaching-library-reader-shell {

        width:
            100vw;

        max-width:
            100vw;

        height:
            100vh;

        max-height:
            100vh;

        border:
            0;
    }


    .teaching-library-reader-head {

        min-height:
            64px;

        padding:
            10px 12px 10px 16px;

        gap:
            10px;
    }


    .teaching-library-reader-title {

        font-size:
            17px;
    }


    .teaching-library-reader-kicker {

        font-size:
            9px;

        letter-spacing:
            1.5px;
    }


    .teaching-library-reader-download {

        min-height:
            34px;

        padding:
            7px 9px;

        font-size:
            8px;
    }


    .teaching-library-reader-close {

        flex-basis:
            38px;

        width:
            38px;

        height:
            38px;

        font-size:
            22px;
    }


    .teaching-library-flipbook-area {

        width:
            100%;

        min-width:
            0;

        padding:
            10px 42px;
    }


    .teaching-library-flipbook {

        width:
            100%;

        max-width:
            100%;

        height:
            100%;

        max-height:
            100%;
    }


    .teaching-library-flip-nav {

        width:
            34px;

        height:
            34px;

        font-size:
            24px;
    }


    .teaching-library-flip-nav.prev {

        left:
            4px;
    }


    .teaching-library-flip-nav.next {

        right:
            4px;
    }


    .teaching-library-reader-foot {

        padding:
            10px 12px;

        font-size:
            8px;

        letter-spacing:
            .08em;

        white-space:
            nowrap;

        overflow:
            hidden;

        text-overflow:
            ellipsis;
    }
}


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

@media (max-width: 480px) {

    .teaching-library-hero {

        height:
            500px;

        min-height:
            500px;
    }


    .teaching-library-hero-image {

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;

        object-position:
            center center;
    }


    .teaching-library-hero-copy {

        left:
            24px;

        right:
            24px;

        top:
            20px;

        width:
            auto;
    }


    .teaching-library-hero h1 {

        font-size:
            38px;
    }


    .teaching-library-hero h2 {

        font-size:
            19px;
    }


    .teaching-library-hero p {

        font-size:
            15px;

        line-height:
            1.5;
    }


    .teaching-library-bridge h2 {

        font-size:
            34px;
    }


    .teaching-library-bridge p {

        font-size:
            17px;
    }


    .teaching-library-collection h3 {

        font-size:
            31px;
    }


    .teaching-library-book {

        flex:
            0 0 68%;
    }


    .teaching-library-cover {

        height:
            290px;
    }


    .teaching-library-closing h2 {

        font-size:
            32px;
    }


    .teaching-library-closing p {

        font-size:
            18px;
    }


    .teaching-library-reader-title {

        font-size:
            16px;
    }


    /* =====================================================
       SMALL MOBILE READER
    ===================================================== */

    .teaching-library-reader-head {

        padding:
            9px 10px 9px 12px;
    }


    .teaching-library-reader-download {

        display:
            none;
    }


    .teaching-library-reader-title {

        max-width:
            calc(100vw - 70px);
    }


    .teaching-library-flipbook-area {

        padding:
            8px 38px;
    }


    .teaching-library-flip-nav {

        width:
            32px;

        height:
            32px;

        font-size:
            22px;
    }


    .teaching-library-flip-nav.prev {

        left:
            3px;
    }


    .teaching-library-flip-nav.next {

        right:
            3px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .teaching-library-cover img,
    .teaching-library-shelf-track,
    .teaching-library-shelf-nav,
    .teaching-library-preview-cue,
    .teaching-library-flip-nav,
    .teaching-library-loading-spinner {

        transition:
            none !important;

        animation:
            none !important;
    }
}




/* /////////////////////////////////////////////////////////////////////////////////////
   TEACHING SHUNYA
///////////////////////////////////////////////////////////////////////////////////// */
:root {

    --shunya-navy: #073653;

    --shunya-ink: #102f4c;

    --shunya-gold: #c99a50;

    --shunya-gold-bright: #e0b451;

    --shunya-stone: #f5f0e6;

    --shunya-paper: #f8f3e9;

    --shunya-white: #ffffff;

    --shunya-serif:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}


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

.shunya-page {

    width: 100%;

    overflow: hidden;

    color: var(--shunya-ink);

    background: var(--shunya-paper);
}


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

.shunya-hero {

    height: auto;

    position: relative;

    overflow: hidden;

    color: #fff;

    background: #071c2d;
}

.shunya-hero-image {

    width: 100%;

    height: auto;

    object-fit: contain;

    object-position: center center;

    display: block;

    position: relative;
}


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

.shunya-hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );
}


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

.shunya-hero-copy {

    position: absolute;

    left: 4.2vw;

    top: 55%;

    transform: translateY(-50%);

    width: min(620px, 50vw);

    z-index: 5;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.shunya-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 0;

    margin-bottom: 58px;

    color: #f3eee7;

    font-family: Arial, sans-serif;

    font-size: 14px;

    line-height: 1.4;

    letter-spacing: .01em;
}

.shunya-breadcrumb a {

    color: #f3eee7;

    text-decoration: none;

    transition: color .25s ease;
}

.shunya-breadcrumb a:hover {

    color: var(--shunya-gold-bright);
}

.shunya-breadcrumb span {

    color: #f3eee7;
}

.shunya-breadcrumb .breadcrumb-arrow {

    padding: 0 10px;

    color: #d3aa62;

    font-size: 17px;

    line-height: 1;
}


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

.shunya-hero h1 {

    font-family: var(--shunya-serif);

    font-size: 58px;

    font-weight: 400;

    line-height: 1;

    margin: 0 0 14px;

    color: #fff;
}


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

.shunya-descriptor {

    font-family: var(--shunya-serif);

    font-size: 24px;

    font-weight: 400;

    line-height: 1.35;

    letter-spacing: .01em;

    color: #e0b451;

    margin: 0 0 16px;
}


/* =========================================================
   GOLD RULE
========================================================= */

.shunya-gold-rule {

    display: block;

    width: 72px;

    height: 3px;

    background: #d2a23c;

    margin-top: 24px;
}


/* =========================================================
   MAIN SECTION
========================================================= */

.shunya-section {

    width: 100%;

    background: var(--shunya-stone);

    padding: 0;
}


/* =========================================================
   OPENING REFLECTION
========================================================= */

.shunya-threshold-reflection {

    max-width: 1240px;

    margin: 0 auto;

    padding: 45px 55px 42px;

    text-align: center;

    background: rgba(255, 255, 255, .14);
}


/* =========================================================
   OM ROW
========================================================= */

.shunya-motif-row {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    width: 100%;

    margin: 0 auto 20px;

    max-width: 900px;
}

.shunya-motif-row i {

    display: block;

    flex: 1;

    width: auto;

    max-width: 360px;

    height: 1px;

    background: #c99a50;
}


/* =========================================================
   OM
========================================================= */

.shunya-aum-medallion {

    width: 58px;

    height: 58px;

    flex: 0 0 58px;

    border: 1px solid rgba(185, 130, 45, .52);

    border-radius: 50%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #b9822d;

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

    font-family:
        'Noto Serif Devanagari',
        'Nirmala UI',
        'Mangal',
        serif;

    font-size: 31px;

    line-height: 1;

    box-shadow:
        0 2px 9px rgba(80, 55, 20, .06);
}


/* =========================================================
   TEXT BELOW OM
========================================================= */

.shunya-threshold-reflection p {

    max-width: 1000px;

    margin: 0 auto;

    font-family: var(--shunya-serif);

    font-style: italic;

    font-size: 21px;

    line-height: 1.55;

    color: var(--shunya-ink);
}


/* =========================================================
   SHUNYA RIBBON
========================================================= */

.shunya-ribbon {

    position: relative;

    width: 100%;

    padding: 72px 0 78px;

    overflow: hidden;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #082f49 0%,
            #073653 60%,
            #06283e 100%
        );
}

.shunya-ribbon::before,
.shunya-ribbon::after {

    content: "";

    position: absolute;

    border: 1px solid rgba(214, 166, 77, .12);

    border-radius: 50%;

    pointer-events: none;
}

.shunya-ribbon::before {

    width: 520px;

    height: 520px;

    left: -180px;

    top: -250px;

    opacity: .72;
}

.shunya-ribbon::after {

    width: 620px;

    height: 620px;

    right: -250px;

    bottom: -380px;

    opacity: .72;
}

.shunya-ribbon .wrap {

    position: relative;

    z-index: 2;
}


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

.shunya-ribbon .ribbon-head {

    position: relative;

    z-index: 2;

    text-align: center;
}

.shunya-ribbon .eyebrow {

    color: var(--shunya-gold);

    font-family: var(--shunya-serif);

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    margin-bottom: 12px;
}

.shunya-ribbon h2 {

    max-width: 850px;

    margin: 0 auto 12px;

    color: #fff;

    font-family: var(--shunya-serif);

    font-size: 45px;

    font-weight: 400;

    line-height: 1.15;
}

.shunya-ribbon .ribbon-head p {

    max-width: 760px;

    margin: 0 auto;

    color: #d9dde0;

    font-family: var(--shunya-serif);

    font-size: 18px;

    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   SHUNYA FIELD
========================================================= */

.shunya-field {

    position: relative;

    width: 100%;

    height: 300px;

    margin-top: 30px;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* =========================================================
   ORBITS
========================================================= */

.shunya-orbit {

    position: absolute;

    border: 1px solid rgba(214, 166, 77, .28);

    border-radius: 50%;

    pointer-events: none;
}

.shunya-orbit.o1 {

    width: 250px;

    height: 250px;
}

.shunya-orbit.o2 {

    width: 185px;

    height: 185px;
}

.shunya-orbit.o3 {

    width: 118px;

    height: 118px;
}


/* =========================================================
   SHUNYA CORE
========================================================= */

.shunya-core {

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 10;

    width: 68px;

    height: 68px;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translate(-50%, -50%);

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

    border-radius: 50%;

    color: var(--shunya-gold-bright);

    font-family: var(--shunya-serif);

    font-size: 22px;

    font-style: italic;

    font-weight: 400;

    box-shadow:
        0 0 44px rgba(214, 166, 77, .10);
}


/* =========================================================
   SHUNYA POINTS
========================================================= */

.shunya-points {

    position: absolute;

    inset: 0;

    z-index: 6;

    display: grid;

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

    align-items: center;
}

.shunya-point {

    position: relative;

    text-align: center;

    padding: 0 18px;
}

.shunya-point b {

    display: block;

    margin-bottom: 8px;

    color: var(--shunya-gold-bright);

    font-family: Arial, sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .12em;

    line-height: 1.4;
}

.shunya-point small {

    display: block;

    max-width: 190px;

    margin: 0 auto;

    color: #fff;

    font-family: var(--shunya-serif);

    font-size: 15px;

    font-weight: 400;

    line-height: 1.4;
}

.shunya-point:nth-child(2) {

    transform: translate(-18px, 132px);
}

.shunya-point:nth-child(3) {

    transform: translate(18px, 132px);
}


/* =========================================================
   READINGS SECTION
========================================================= */

.shunya-readings {

    width: 100%;

    padding: 78px 0 90px;

    background: var(--shunya-paper);
}

.shunya-readings .wrap {

    position: relative;
}


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

.shunya-readings .readings-head {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 22px;

    margin-bottom: 28px;

    text-align: center;
}

.shunya-readings .readings-head > div:first-child {

    width: 100%;
}


/* =========================================================
   EYEBROW
========================================================= */

.shunya-readings .readings-head .eyebrow {

    color: var(--shunya-gold);

    font-family: var(--shunya-serif);

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2.2px;

    line-height: 1.4;

    text-align: center;
}


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

.shunya-readings .readings-head h2 {

    max-width: 850px;

    margin: 8px auto 0;

    color: var(--shunya-ink);

    font-family: var(--shunya-serif);

    font-size: 42px;

    font-weight: 400;

    line-height: 1.15;

    text-align: center;
}


/* =========================================================
   SHUNYA NOTE
========================================================= */

.shunya-note {

    max-width: 720px;

    margin: 12px auto 0;

    color: #6e675d;

    font-family: var(--shunya-serif);

    font-size: 17px;

    font-style: italic;

    font-weight: 400;

    line-height: 1.6;

    text-align: center;
}


/* =========================================================
   CAROUSEL CONTROLS ROW
   CONTROLS ARE NOW ABOVE CAROUSEL
   AND ALIGNED WITH LAST CARD
========================================================= */

.shunya-carousel-controls-row {

    width: min(1180px, 92%);

    margin: 0 auto 12px;

    display: flex;

    align-items: center;

    justify-content: flex-end;
}


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

.shunya-carousel-controls-row .carousel-controls {

    position: relative;

    z-index: 50;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    color: var(--shunya-ink);

    font-family: Arial, sans-serif;

    font-size: 12px;

    letter-spacing: .08em;

    pointer-events: auto;
}


/* =========================================================
   CONTROL BUTTONS
========================================================= */

.shunya-carousel-controls-row .control {

    position: relative;

    z-index: 51;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 42px;

    padding: 0;

    border: 1px solid rgba(7, 54, 83, .28);

    border-radius: 50%;

    color: var(--shunya-navy);

    background: transparent;

    font-size: 26px;

    line-height: 1;

    cursor: pointer;

    pointer-events: auto;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.shunya-carousel-controls-row .control:hover,
.shunya-carousel-controls-row .control:focus-visible {

    color: #fff;

    border-color: var(--shunya-navy);

    background: var(--shunya-navy);

    outline: none;
}

.shunya-carousel-controls-row .control:disabled {

    opacity: .35;

    cursor: not-allowed;
}


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

.shunya-carousel {

    position: relative;

    width: min(1180px, 92%);

    min-height: 292px;

    margin: 0 auto;

    overflow: hidden;
}


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

.shunya-carousel-track {

    display: flex;

    align-items: stretch;

    gap: 18px;

    width: max-content;

    margin: 0;

    padding: 0;

    transform: translate3d(0, 0, 0);

    transition:
        transform .55s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


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

.shunya-readings .reading-card {

    position: relative;

    width: auto;

    min-height: 292px;

    display: flex;

    flex-direction: column;

    flex: 0 0 auto;

    padding: 24px 18px 20px;

    overflow: hidden;

    border-radius: 3px;

    background:
        linear-gradient(
            145deg,
            #082f49,
            #073653 65%,
            #06283e
        );

    color: #fff;

    box-shadow:
        0 12px 28px rgba(7, 54, 83, .12);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

    text-decoration: none !important;

    box-sizing: border-box;
}

.shunya-readings .reading-card:hover {

    transform: translateY(-4px);

    box-shadow:
        0 16px 32px rgba(7, 54, 83, .18);
}


/* =========================================================
   CARD TOP GOLD LINE
========================================================= */

.shunya-readings .reading-card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--shunya-gold),
            transparent
        );

    opacity: .7;

    pointer-events: none;
}


/* =========================================================
   CARD BOTTOM CIRCLE
========================================================= */

.shunya-readings .reading-card::after {

    content: "";

    position: absolute;

    right: -50px;

    bottom: -50px;

    width: 140px;

    height: 140px;

    border:
        1px solid rgba(224, 180, 81, .18);

    border-radius: 50%;

    background: transparent !important;

    pointer-events: none;
}


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

.shunya-readings .reading-card .num {

    margin-top: 76px;

    margin-bottom: 15px;

    color: var(--shunya-gold-bright);

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: .15em;

    line-height: 1.3;
}


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

.shunya-readings .reading-card h3 {

    height: 3.24em;

    min-height: 3.24em;

    max-width: 190px;

    margin: 0 0 14px;

    color: #fff;

    font-family: var(--shunya-serif);

    font-size: 22px;

    font-weight: 400;

    line-height: 1.08;

    overflow: visible;
}


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

.shunya-readings .reading-card .meta {

    margin-top: 0;

    max-width: 150px;

    color: var(--shunya-gold);

    font-family: Arial, sans-serif;

    font-size: 10px;

    font-weight: 400;

    letter-spacing: .15em;

    line-height: 1.4;
}


/* =========================================================
   CARD ARROW
   THIS IS THE → INSIDE CARD
   IT REMAINS BOTTOM-RIGHT
========================================================= */

.shunya-readings .reading-card .arrow {

    position: absolute;

    right: 16px;

    bottom: 16px;

    width: 36px;

    height: 36px;

    display: grid;

    place-items: center;

    border:
        1px solid rgba(201, 154, 80, .55);

    border-radius: 50%;

    color: var(--shunya-gold-bright);

    background: transparent !important;

    font-family: Arial, sans-serif;

    font-size: 18px;

    font-weight: 400;

    line-height: 1;

    text-decoration: none !important;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}


/* =========================================================
   REMOVE EXTRA ARROW
========================================================= */

.shunya-readings .reading-card .arrow::before,
.shunya-readings .reading-card .arrow::after {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    border: 0 !important;

    background: none !important;

    box-shadow: none !important;

    transform: none !important;
}

.shunya-readings .reading-card a {

    text-decoration: none !important;
}

.shunya-readings .reading-card a::before,
.shunya-readings .reading-card a::after {

    content: none !important;

    display: none !important;

    background: none !important;

    background-image: none !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   CARD ARROW HOVER
========================================================= */

.shunya-readings .reading-card:hover .arrow {

    color: var(--shunya-navy);

    background: var(--shunya-gold-bright) !important;

    border-color: var(--shunya-gold-bright);
}


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

.shunya-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-top: 28px;
}

.shunya-dots .dot {

    width: 7px;

    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: rgba(7, 54, 83, .25);

    cursor: pointer;

    transition:
        width .25s ease,
        background .25s ease;
}

.shunya-dots .dot.active {

    width: 24px;

    border-radius: 10px;

    background: var(--shunya-gold);
}


/* =========================================================
   CLOSING REFLECTION
========================================================= */

.shunya-closing-reflection {

    max-width: 850px;

    margin: 80px auto 0;

    text-align: center;
}

.shunya-closing-lines {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-bottom: 24px;
}

.shunya-closing-lines i {

    width: 90px;

    height: 1px;

    display: block;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201, 154, 80, .7)
        );
}

.shunya-closing-lines i:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(201, 154, 80, .7),
            transparent
        );
}

.shunya-five-mark {

    color: var(--shunya-gold);

    font-family: var(--shunya-serif);

    font-size: 18px;
}

.shunya-closing-reflection p {

    margin: 0 auto;

    color: var(--shunya-ink);

    font-family: var(--shunya-serif);

    font-size: 21px;

    font-style: italic;

    font-weight: 400;

    line-height: 1.5;
}

.shunya-short-rule {

    width: 50px;

    height: 1px;

    display: block;

    margin: 24px auto 0;

    background: var(--shunya-gold);
}


/* =========================================================
   TABLET — 1180px
========================================================= */

@media (max-width: 1180px) {

    .shunya-hero-copy {

        width:
            min(
                1100px,
                calc(100% - 60px)
            );
    }

    .shunya-ribbon h2 {

        font-size: 45px;
    }

    .shunya-readings .readings-head h2 {

        font-size: 42px;
    }

    .shunya-carousel {

        width: 100%;
    }

    .shunya-carousel-controls-row {

        width: 100%;
    }

    .shunya-readings .reading-card {

        flex-basis:
            calc(
                (100% - 36px) / 3
            );
    }
}


/* =========================================================
   TABLET — 1000px
========================================================= */

@media (max-width: 1000px) {

    .shunya-field {

        height: 430px;
    }

    .shunya-points {

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

        gap:
            120px 0;
    }

    .shunya-point:nth-child(2),
    .shunya-point:nth-child(3) {

        transform: none;
    }

    .shunya-readings .reading-card {

        min-height: 292px;
    }
}


/* =========================================================
   SMALL TABLET — 900px
========================================================= */

@media (max-width: 900px) {

    /* HERO IMAGE */

    .shunya-hero {

        height: auto;
    }

    .shunya-hero-image {

        width: 100%;

        height: auto;

        object-fit: contain;

        object-position: center center;
    }

    .shunya-hero-copy {

        width:
            calc(100% - 48px);
    }

    .shunya-ribbon {

        padding:
            65px 0 70px;
    }

    .shunya-ribbon h2 {

        font-size: 44px;
    }

    .shunya-ribbon .ribbon-head p {

        font-size: 17px;
    }

    .shunya-readings .readings-head {

        align-items: center;

        text-align: center;
    }

    .shunya-carousel-controls-row {

        width: 100%;

        justify-content: flex-end;

        margin-bottom: 12px;
    }

    .shunya-readings .reading-card {

        flex-basis:
            calc(
                (100% - 18px) / 2
            );
    }
}


/* =========================================================
   MOBILE — 720px
========================================================= */
@media (max-width: 720px) {

    .shunya-hero {

        height: 500px;

        min-height: 500px;
    }

    .shunya-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;
    }

    .shunya-hero-copy {

        left: 24px;

        right: 24px;

        top: 95px;

        width: auto;

        padding-top: 0;

        transform: none;

        justify-content: center;
        
    }

    .shunya-breadcrumb {

        gap: 6px;

        margin-bottom: 22px;

        font-size: 12px;

        line-height: 1.5;
    }

    .breadcrumb-arrow {

        font-size: 15px;
    }

    .shunya-hero h1 {

        font-size: 43px;

        line-height: 1.05;
    }

    .shunya-descriptor {

        margin-top: 16px;

        font-size: 20px;

        line-height: 1.4;
    }

    .shunya-gold-rule {

        width: 62px;

        margin-top: 21px;
    }


    /* THRESHOLD */

    .shunya-threshold-reflection {

        width:
            calc(100% - 30px);

        max-width: none;

        margin: 0 auto;

        padding:
            35px 20px 35px;
    }

    .shunya-motif-row {

        gap: 14px;

        margin-bottom: 18px;
    }

    .shunya-motif-row i {

        max-width: none;

        min-width: 20px;
    }

    .shunya-aum-medallion {

        width: 52px;

        height: 52px;

        flex-basis: 52px;

        font-size: 28px;
    }

    .shunya-threshold-reflection p {

        font-size: 17px;

        line-height: 1.6;
    }


    /* RIBBON */

    .shunya-ribbon {

        padding:
            58px 0 65px;
    }

    .shunya-ribbon .wrap {

        width:
            calc(100% - 36px);
    }

    .shunya-ribbon .eyebrow {

        margin-bottom: 10px;

        font-size: 13px;

        letter-spacing: 1.8px;
    }

    .shunya-ribbon h2 {

        max-width: 600px;

        font-size: 37px;

        line-height: 1.18;
    }

    .shunya-ribbon .ribbon-head p {

        max-width: 600px;

        margin-top: 16px;

        font-size: 16px;

        line-height: 1.6;
    }


    /* FIELD */

    .shunya-field {

        width: 100%;

        height: 520px;

        margin-top: 32px;
    }

    .shunya-orbit.o1 {

        width: 225px;

        height: 225px;
    }

    .shunya-orbit.o2 {

        width: 170px;

        height: 170px;
    }

    .shunya-orbit.o3 {

        width: 110px;

        height: 110px;
    }

    .shunya-core {

        width: 64px;

        height: 64px;

        font-size: 20px;
    }

    .shunya-points {

        position: absolute;

        inset: 0;

        width: 100%;

        height: 100%;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            1fr 1fr;

        align-items: center;

        gap: 0;

        padding:
            12px 0;
    }

    .shunya-point {

        width: 100%;

        max-width: 190px;

        padding:
            0 8px;

        text-align: center;

        transform:
            none !important;

        justify-self: center;
    }

    .shunya-point:nth-child(1) {

        align-self: start;
    }

    .shunya-point:nth-child(2) {

        align-self: start;
    }

    .shunya-point:nth-child(3) {

        align-self: end;
    }

    .shunya-point:nth-child(4) {

        align-self: end;
    }

    .shunya-point b {

        margin-bottom: 6px;

        font-size: 10px;

        letter-spacing: .09em;

        line-height: 1.35;
    }

    .shunya-point small {

        max-width: 170px;

        font-size: 13px;

        line-height: 1.45;
    }


    /* READINGS */

    .shunya-readings {

        padding:
            60px 0 70px;
    }

    .shunya-readings .wrap {

        width:
            calc(100% - 36px);
    }

    .shunya-readings .readings-head {

        gap: 18px;

        margin-bottom: 25px;

        text-align: center;
    }

    .shunya-readings .readings-head .eyebrow {

        font-size: 13px;

        letter-spacing: 1.8px;
    }

    .shunya-readings .readings-head h2 {

        max-width: 600px;

        margin-top: 6px;

        font-size: 36px;

        line-height: 1.18;
    }

    .shunya-note {

        max-width: 600px;

        margin-top: 10px;

        font-size: 16px;

        line-height: 1.6;
    }


    /* CAROUSEL CONTROLS */

    .shunya-carousel-controls-row {

        width: 100%;

        margin-bottom: 12px;

        justify-content: flex-end;
    }

    .shunya-carousel-controls-row .carousel-controls {

        gap: 12px;

        font-size: 11px;
    }

    .shunya-carousel-controls-row .control {

        width: 40px;

        height: 40px;

        flex-basis: 40px;

        font-size: 24px;
    }


    /* CAROUSEL */

    .shunya-carousel {

        width: 100%;

        min-height: 0;

        overflow: hidden;
    }

    .shunya-carousel-track {

        gap: 15px;
    }

    .shunya-readings .reading-card {

        flex-basis: 100%;

        min-height: 285px;

        padding:
            22px 20px 20px;
    }

    .shunya-readings .reading-card .num {

        margin-top: 60px;

        margin-bottom: 14px;

        font-size: 13px;
    }

    .shunya-readings .reading-card h3 {

        height: auto;

        min-height: 0;

        max-width: 270px;

        margin-bottom: 13px;

        font-size: 25px;

        line-height: 1.1;
    }

    .shunya-readings .reading-card .meta {

        max-width: 220px;

        font-size: 9px;

        letter-spacing: .13em;
    }

    .shunya-readings .reading-card .arrow {

        right: 15px;

        bottom: 15px;

        width: 35px;

        height: 35px;

        font-size: 17px;
    }


    /* DOTS */

    .shunya-dots {

        margin-top: 24px;

        gap: 7px;
    }


    /* CLOSING */

    .shunya-closing-reflection {

        max-width: 600px;

        margin-top: 60px;
    }

    .shunya-closing-lines {

        gap: 12px;

        margin-bottom: 21px;
    }

    .shunya-closing-lines i {

        width: 58px;
    }

    .shunya-five-mark {

        font-size: 16px;
    }

    .shunya-closing-reflection p {

        font-size: 18px;

        line-height: 1.6;
    }

    .shunya-short-rule {

        margin-top: 22px;
    }
}


/* =========================================================
   MOBILE — 520px
========================================================= */

@media (max-width: 520px) {

    /* HERO */

    .shunya-hero {

        height: 500px;

        min-height: 500px;
    }

    .shunya-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;
    }

    .shunya-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;

        padding-top: 0;

        transform: none;
    }

    .shunya-breadcrumb {

        font-size: 11px;

        gap: 5px;

        margin-bottom: 20px;
    }

    .shunya-hero h1 {

        font-size: 38px;
    }

    .shunya-descriptor {

        margin-top: 14px;

        font-size: 18px;
    }

    .shunya-gold-rule {

        width: 55px;

        margin-top: 18px;
    }


    /* THRESHOLD */

    .shunya-threshold-reflection {

        width:
            calc(100% - 30px);

        padding:
            52px 0 48px;
    }

    .shunya-motif-row {

        gap: 10px;

        margin-bottom: 22px;
    }

    .shunya-motif-row i {

        width: 48px;
    }

    .shunya-aum-medallion {

        width: 42px;

        height: 42px;

        flex-basis: 42px;

        font-size: 21px;
    }

    .shunya-threshold-reflection p {

        font-size: 17px;

        line-height: 1.6;
    }


    /* RIBBON */

    .shunya-ribbon {

        padding:
            52px 0 58px;
    }

    .shunya-ribbon .wrap {

        width:
            calc(100% - 30px);
    }

    .shunya-ribbon .eyebrow {

        font-size: 12px;

        letter-spacing: 1.5px;
    }

    .shunya-ribbon h2 {

        font-size: 32px;

        line-height: 1.18;
    }

    .shunya-ribbon .ribbon-head p {

        margin-top: 14px;

        font-size: 15px;

        line-height: 1.6;
    }


    /* FIELD */

    .shunya-field {

        height: 500px;

        margin-top: 28px;
    }

    .shunya-orbit.o1 {

        width: 205px;

        height: 205px;
    }

    .shunya-orbit.o2 {

        width: 155px;

        height: 155px;
    }

    .shunya-orbit.o3 {

        width: 100px;

        height: 100px;
    }

    .shunya-core {

        width: 60px;

        height: 60px;

        font-size: 19px;
    }

    .shunya-points {

        padding:
            10px 0;
    }

    .shunya-point {

        max-width: 155px;

        padding:
            0 5px;
    }

    .shunya-point b {

        font-size: 9px;

        letter-spacing: .075em;
    }

    .shunya-point small {

        max-width: 145px;

        font-size: 12px;

        line-height: 1.4;
    }


    /* READINGS */

    .shunya-readings {

        padding:
            52px 0 62px;
    }

    .shunya-readings .wrap {

        width:
            calc(100% - 30px);
    }

    .shunya-readings .readings-head {

        gap: 16px;

        margin-bottom: 22px;
    }

    .shunya-readings .readings-head .eyebrow {

        font-size: 12px;

        letter-spacing: 1.5px;
    }

    .shunya-readings .readings-head h2 {

        font-size: 32px;

        line-height: 1.18;
    }

    .shunya-note {

        font-size: 15px;

        line-height: 1.6;
    }


    /* CONTROLS */

    .shunya-carousel-controls-row {

        margin-bottom: 10px;

        justify-content: flex-end;
    }

    .shunya-carousel-controls-row .carousel-controls {

        gap: 10px;
    }

    .shunya-carousel-controls-row .control {

        width: 38px;

        height: 38px;

        flex-basis: 38px;

        font-size: 22px;
    }


    /* CARDS */

    .shunya-readings .reading-card {

        min-height: 260px;

        padding:
            21px 18px 18px;
    }

    .shunya-readings .reading-card .num {

        margin-top: 53px;

        margin-bottom: 12px;

        font-size: 12px;
    }

    .shunya-readings .reading-card h3 {

        max-width: 240px;

        font-size: 23px;

        line-height: 1.1;
    }

    .shunya-readings .reading-card .meta {

        max-width: 190px;

        font-size: 8.5px;
    }

    .shunya-readings .reading-card .arrow {

        right: 13px;

        bottom: 13px;

        width: 34px;

        height: 34px;

        font-size: 16px;
    }


    /* CLOSING */

    .shunya-closing-reflection {

        margin-top: 55px;
    }

    .shunya-closing-lines {

        gap: 9px;
    }

    .shunya-closing-lines i {

        width: 48px;
    }

    .shunya-closing-reflection p {

        font-size: 17px;

        line-height: 1.6;
    }
}


/* =========================================================
   VERY SMALL MOBILE — 400px
========================================================= */

@media (max-width: 400px) {

    /* HERO */

    .shunya-hero {

        height: 480px;

        min-height: 480px;
    }

    .shunya-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;
    }

    .shunya-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;

        padding-top: 0;

        transform: none;
    }

    .shunya-breadcrumb {

        font-size: 10px;

        gap: 4px;
    }

    .shunya-hero h1 {

        font-size: 34px;
    }

    .shunya-descriptor {

        font-size: 17px;
    }


    /* THRESHOLD */

    .shunya-threshold-reflection {

        width:
            calc(100% - 20px);

        padding:
            30px 14px 32px;
    }

    .shunya-motif-row {

        gap: 10px;
    }

    .shunya-aum-medallion {

        width: 48px;

        height: 48px;

        flex-basis: 48px;

        font-size: 25px;
    }

    .shunya-threshold-reflection p {

        font-size: 15.5px;

        line-height: 1.6;
    }


    /* RIBBON */

    .shunya-ribbon {

        padding:
            48px 0 54px;
    }

    .shunya-ribbon .wrap {

        width:
            calc(100% - 24px);
    }

    .shunya-ribbon h2 {

        font-size: 29px;

        line-height: 1.18;
    }

    .shunya-ribbon .ribbon-head p {

        font-size: 14px;

        line-height: 1.55;
    }


    /* FIELD */

    .shunya-field {

        height: 490px;

        margin-top: 25px;
    }

    .shunya-orbit.o1 {

        width: 190px;

        height: 190px;
    }

    .shunya-orbit.o2 {

        width: 145px;

        height: 145px;
    }

    .shunya-orbit.o3 {

        width: 92px;

        height: 92px;
    }

    .shunya-core {

        width: 56px;

        height: 56px;

        font-size: 18px;
    }

    .shunya-point {

        max-width: 135px;
    }

    .shunya-point b {

        font-size: 8px;

        letter-spacing: .065em;
    }

    .shunya-point small {

        max-width: 130px;

        font-size: 11px;

        line-height: 1.4;
    }


    /* READINGS */

    .shunya-readings {

        padding:
            48px 0 58px;
    }

    .shunya-readings .wrap {

        width:
            calc(100% - 24px);
    }

    .shunya-readings .readings-head h2 {

        font-size: 29px;
    }

    .shunya-note {

        font-size: 14px;
    }


    /* CONTROLS */

    .shunya-carousel-controls-row .control {

        width: 36px;

        height: 36px;

        flex-basis: 36px;

        font-size: 21px;
    }


    /* CARDS */

    .shunya-readings .reading-card {

        min-height: 250px;

        padding:
            20px 17px 17px;
    }

    .shunya-readings .reading-card .num {

        margin-top: 50px;
    }

    .shunya-readings .reading-card h3 {

        max-width: 220px;

        font-size: 22px;
    }

    .shunya-readings .reading-card .arrow {

        width: 32px;

        height: 32px;

        right: 12px;

        bottom: 12px;

        font-size: 15px;
    }

    .shunya-closing-lines i {

        width: 38px;
    }

    .shunya-closing-reflection p {

        font-size: 16px;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE — 360px
========================================================= */

@media (max-width: 360px) {

    /* HERO */

    .shunya-hero {

        height: 465px;

        min-height: 465px;
    }

    .shunya-hero-image {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;
    }

    .shunya-hero-copy {

        left: 24px;

        right: 24px;

        top: 20px;

        width: auto;

        padding-top: 0;

        transform: none;
    }

    .shunya-hero h1 {

        font-size: 31px;
    }

    .shunya-descriptor {

        font-size: 16px;
    }


    /* THRESHOLD */

    .shunya-threshold-reflection {

        width:
            calc(100% - 20px);

        padding:
            44px 0 40px;
    }

    .shunya-threshold-reflection p {

        font-size: 15px;
    }


    /* RIBBON */

    .shunya-ribbon {

        padding:
            44px 0 50px;
    }

    .shunya-ribbon .wrap {

        width:
            calc(100% - 20px);
    }

    .shunya-ribbon .eyebrow {

        font-size: 10px;

        letter-spacing: 1.2px;
    }

    .shunya-ribbon h2 {

        font-size: 27px;

        line-height: 1.2;
    }

    .shunya-ribbon .ribbon-head p {

        font-size: 13px;

        line-height: 1.55;
    }


    /* FIELD */

    .shunya-field {

        height: 475px;

        margin-top: 23px;
    }

    .shunya-orbit.o1 {

        width: 175px;

        height: 175px;
    }

    .shunya-orbit.o2 {

        width: 135px;

        height: 135px;
    }

    .shunya-orbit.o3 {

        width: 86px;

        height: 86px;
    }

    .shunya-core {

        width: 52px;

        height: 52px;

        font-size: 17px;
    }

    .shunya-points {

        padding:
            6px 0;
    }

    .shunya-point {

        max-width: 118px;

        padding:
            0 3px;
    }

    .shunya-point b {

        font-size: 7.5px;

        letter-spacing: .05em;

        line-height: 1.3;
    }

    .shunya-point small {

        max-width: 115px;

        font-size: 10px;

        line-height: 1.35;
    }


    /* READINGS */

    .shunya-readings {

        padding:
            44px 0 52px;
    }

    .shunya-readings .wrap {

        width:
            calc(100% - 20px);
    }

    .shunya-readings .readings-head h2 {

        font-size: 27px;
    }

    .shunya-note {

        font-size: 13.5px;
    }


    /* CONTROLS */

    .shunya-carousel-controls-row {

        margin-bottom: 9px;
    }

    .shunya-carousel-controls-row .carousel-controls {

        gap: 8px;
    }

    .shunya-carousel-controls-row .control {

        width: 34px;

        height: 34px;

        flex-basis: 34px;

        font-size: 20px;
    }


    /* CARDS */

    .shunya-readings .reading-card {

        min-height: 240px;
    }

    .shunya-readings .reading-card h3 {

        font-size: 21px;
    }

    .shunya-readings .reading-card .meta {

        font-size: 8px;
    }

    .shunya-readings .reading-card .arrow {

        width: 31px;

        height: 31px;

        font-size: 14px;
    }

    .shunya-closing-reflection p {

        font-size: 15px;
    }
}
/* ///////////////////////////////////////////////////////////////////////////TEACHING VACHANAS//////////////////////////////////////////////////////////////////////////////////////// */
/* =========================================================
   VACHANAS PAGE

   TEACHINGS / SADHANA VISUAL SYSTEM
========================================================= */
/* =========================================================
   VACHANAS PAGE
========================================================= */
.vachanas-page { 

    --vach-navy: #082e4a; 
    --vach-navy2: #102f4c; 
    --vach-stone: #f5f0e6; 
    --vach-panel: #f8f4eb; 
    --vach-gold: #b9822d; 
    --vach-gold-bright: #d19a36; 
    --vach-muted: #70543c; 
    --vach-line: #c99a50; 
    --vach-white: #ffffff; 

} 


/* =========================================================
   COMMON WRAPPER
========================================================= */

.vachanas-page .vachanas-wrap { 

    width: min(1320px, 88vw); 
    margin: 0 auto; 

} 


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

.vachanas-page .vachanas-hero { 

    height: auto; 
    position: relative; 
    overflow: hidden; 
    color: #fff; 

} 


.vachanas-page .vachanas-hero-image { 

    width: 100%; 
    height: auto; 
    display: block; 

} 


.vachanas-page .vachanas-hero-shade { 

    position: absolute; 
    inset: 0; 

    background: 
        linear-gradient( 
            90deg, 
            rgba(15, 12, 10, .76) 0%, 
            rgba(15, 12, 10, .42) 37%, 
            rgba(15, 12, 10, .04) 68% 
        ); 

} 


.vachanas-page .vachanas-hero-copy { 

    position: absolute; 
    left: 4.2vw; 
    top: 55%; 
    transform: translateY(-50%); 
    width: min(620px, 50vw); 
    z-index: 5; 

} 


/* =========================================================
   BREADCRUMB
========================================================= */

.vachanas-page .vachanas-breadcrumb { 

    display: flex; 
    align-items: center; 
    gap: 0; 
    font-size: 14px; 
    margin-bottom: 58px; 
    color: #f3eee7; 

} 


.vachanas-page .vachanas-breadcrumb a { 

    color: #f3eee7; 
    text-decoration: none; 

} 


.vachanas-page .vachanas-breadcrumb a:hover { 

    color: #d3aa62; 

} 


.vachanas-page .vachanas-breadcrumb span { 

    padding: 0 10px; 
    color: #d3aa62; 

} 


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

.vachanas-page .vachanas-hero h1 { 

    font-size: 58px; 
    font-weight: 400; 
    line-height: 1; 
    margin: 0 0 14px; 
    color: #fff; 

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

} 


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

.vachanas-page .vachanas-descriptor { 

    font-size: 24px; 
    color: #e0b451; 
    margin: 0 0 16px; 
    letter-spacing: .01em; 

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

    font-style: normal; 

} 


/* =========================================================
   HERO GOLD RULE
========================================================= */

.vachanas-page .vachanas-gold-rule { 

    display: block; 
    width: 72px; 
    height: 3px; 
    background: #d2a23c; 
    margin-top: 24px; 

} 


/* =========================================================
   MAIN SECTION
========================================================= */

.vachanas-page .vachanas-section { 

    background: var(--vach-stone); 
    padding: 45px 3.8vw 0; 

} 


/* =========================================================
   OPENING REFLECTION
========================================================= */

.vachanas-page .vachanas-threshold-reflection { 

    max-width: 1240px; 
    margin: 34px auto 42px; 
    padding: 20px 55px 28px; 
    text-align: center; 
    background: rgba(255, 255, 255, .14); 
    margin-top: -40px; 

} 


/* =========================================================
   MOTIF
========================================================= */

.vachanas-page .vachanas-motif-row { 

    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 22px; 
    margin-bottom: 25px; 

} 


.vachanas-page .vachanas-motif-row i { 

    content: ""; 
    height: 1px; 
    background: var(--vach-line); 
    flex: 1; 
    max-width: 360px; 

} 


.vachanas-page .vachanas-aum-medallion { 

    width: 58px; 
    height: 58px; 

    border: 
        1px solid 
        rgba(185, 130, 45, .52); 

    border-radius: 50%; 

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

    color: var(--vach-gold); 
    background: rgba(255, 255, 255, .44); 

    font-family: 
        'Noto Serif Devanagari', 
        'Nirmala UI', 
        'Mangal', 
        serif; 

    font-size: 31px; 
    line-height: 1; 

} 


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

.vachanas-page .vachanas-threshold-reflection p { 

    max-width: 950px; 
    margin: 0 auto; 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

    font-size: 23px; 
    line-height: 1.55; 
    font-style: italic; 
    color: var(--vach-navy2); 

} 


/* =========================================================
   DARK VACHANA RIBBON
========================================================= */

.vachanas-page .vachanas-ribbon { 

    width: calc(100% + 7.6vw); 
    margin-left: -3.8vw; 

    background: 
        linear-gradient( 
            115deg, 
            #071522 0%, 
            #10273a 60%, 
            #30241d 100% 
        ); 

    color: #fff; 
    padding: 58px 0 66px; 
    overflow: hidden; 

} 


/* =========================================================
   RIBBON INNER WRAPPER
========================================================= */

.vachanas-page .vachanas-ribbon .vachanas-wrap { 

    width: 100%; 
    max-width: none; 
    padding-left: 3.8vw; 
    padding-right: 3.8vw; 

} 


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

.vachanas-page .vachanas-ribbon-head { 

    text-align: center; 
    max-width: 900px; 
    margin: 0 auto 42px; 

} 


/* =========================================================
   EYEBROW
========================================================= */

.vachanas-page .vachanas-eyebrow { 

    color: #c99a50; 
    font-family: var(--serif); 
    font-size: 15px; 
    font-weight: 600; 
    letter-spacing: 2.2px; 
    line-height: 1.4; 
    margin-bottom: 12px; 

} 


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

.vachanas-page .vachanas-ribbon-head h2 { 

    font-size: 45px; 
    font-weight: 400; 
    line-height: 1.15; 
    margin: 10px 0 8px; 
    color: #fff; 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

} 


/* =========================================================
   RIBBON DESCRIPTION
========================================================= */

.vachanas-page .vachanas-ribbon-head p { 

    font-size: 18px; 
    line-height: 1.55; 
    margin: 0 auto; 
    color: #d9dde0; 
    max-width: 760px; 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

} 


/* =========================================================
   EXPERIENCE → VOICE → LIVING WORD
========================================================= */

.vachanas-page .vachanas-flow { 

    display: grid; 

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

    gap: 18px; 
    margin-top: 42px; 
    position: relative; 

} 


/* =========================================================
   FLOW LINE
========================================================= */

.vachanas-page .vachanas-flow::before { 

    content: ""; 
    position: absolute; 
    left: 7%; 
    right: 7%; 
    top: 44px; 
    height: 1px; 

    background: 
        rgba(224, 183, 101, .6); 

} 


/* =========================================================
   STAGE
========================================================= */

.vachanas-page .vachanas-stage { 

    position: relative; 
    z-index: 1; 
    text-align: center; 
    padding: 0 8px; 
    min-width: 0; 

} 


/* =========================================================
   STAGE SYMBOL
========================================================= */

.vachanas-page .vachanas-symbol { 

    width: 88px; 
    height: 88px; 

    border: 
        1px solid 
        rgba(224, 183, 101, .75); 

    border-radius: 50%; 

    display: grid; 
    place-items: center; 
    margin: 0 auto 14px; 

    background: #102538; 
    color: #efc675; 

    box-shadow: 
        0 0 0 13px 
        rgba(224, 183, 101, .025); 

    font-style: normal; 

    font-family: 
        Georgia, 
        serif; 

    font-size: 25px; 
    line-height: 1; 

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

} 


/* =========================================================
   EXPERIENCE SYMBOL
========================================================= */

.vachanas-page .experience-symbol span { 

    display: block; 
    width: 30px; 
    height: 30px; 

    border: 
        1px solid 
        #d19a36; 

    border-radius: 50%; 

} 


/* =========================================================
   VOICE SYMBOL
========================================================= */

.vachanas-page .voice-symbol { 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

    font-size: 30px; 

} 


/* =========================================================
   WORD SYMBOL
========================================================= */

.vachanas-page .word-symbol { 

    font-family: 
        "Noto Serif Kannada", 
        "Tunga", 
        serif; 

    font-size: 25px; 

} 


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

.vachanas-page .vachanas-stage b { 

    display: block; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 12px; 
    font-weight: 700; 
    letter-spacing: .12em; 
    color: #efc675; 

} 


/* =========================================================
   STAGE DESCRIPTION
========================================================= */

.vachanas-page .vachanas-stage small { 

    display: block; 
    margin: 7px auto 0; 
    max-width: 150px; 
    color: #e5e8ea; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 13px; 
    line-height: 1.4; 

} 


/* =========================================================
   FLOW ARROWS
========================================================= */

.vachanas-page .vachanas-arrow { 

    position: relative; 
    z-index: 2; 

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

    color: #d7a54e; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 24px; 

} 


/* =========================================================
   FACETS
========================================================= */

.vachanas-page .vachanas-facets { 

    display: grid; 

    grid-template-columns: 
        repeat(6, minmax(0, 1fr)); 

    gap: 18px; 
    margin-top: 42px; 
    position: relative; 

} 


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

.vachanas-page .vachanas-facets > div { 

    text-align: center; 
    padding-top: 18px; 

    border-top: 
        1px solid 
        rgba(224, 183, 101, .25); 

} 


.vachanas-page .vachanas-facets b { 

    display: block; 
    color: #efc675; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 11px; 
    font-weight: 700; 
    letter-spacing: .12em; 

} 


.vachanas-page .vachanas-facets span { 

    display: block; 
    margin-top: 7px; 
    color: #e5e8ea; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 13px; 
    line-height: 1.4; 

} 


/* =========================================================
   EXPLORE VACHANAS
========================================================= */

.vachanas-page .vachanas-readings { 

    padding: 68px 0 72px; 
    background: #f8f3e9; 

} 


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

.vachanas-page .vachanas-readings-head { 

    text-align: center; 
    max-width: 850px; 
    margin: 0 auto 25px; 

} 


.vachanas-page .vachanas-readings-head .vachanas-eyebrow { 

    color: #c99a50; 
    font-family: var(--serif); 
    font-size: 15px; 
    font-weight: 600; 
    letter-spacing: 2.2px; 
    line-height: 1.4; 
    margin-bottom: 12px; 

} 


.vachanas-page .vachanas-readings-head h2 { 

    color: var(--vach-navy2); 
    font-size: 42px; 
    font-weight: 400; 
    line-height: 1.15; 
    margin: 8px 0 0; 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

} 


.vachanas-page .vachanas-note { 

    color: var(--vach-muted); 
    font-size: 17px; 
    line-height: 1.6; 
    margin: 12px auto 0; 
    max-width: 720px; 
    font-style: italic; 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

} 


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

.vachanas-page .vachanas-carousel-controls { 

    position: relative; 
    z-index: 20; 
    width: min(1180px, 92%); 
    margin: 0 auto 18px; 

    display: flex; 
    align-items: center; 
    justify-content: flex-end; 
    gap: 14px; 

} 


.vachanas-page .vachanas-control { 

    width: 42px; 
    height: 42px; 

    border: 
        1px solid 
        rgba(185, 130, 45, .55); 

    border-radius: 50%; 

    background: transparent; 
    color: var(--vach-gold); 

    display: grid; 
    place-items: center; 

    font-family: 
        Georgia, 
        serif; 

    font-size: 28px; 
    line-height: 1; 
    cursor: pointer; 
    padding: 0; 

    transition: 
        background-color .22s ease, 
        color .22s ease, 
        border-color .22s ease, 
        transform .22s ease; 

} 


.vachanas-page .vachanas-control:hover:not(:disabled) { 

    background: var(--vach-gold); 
    color: #fff; 
    border-color: var(--vach-gold); 
    transform: translateY(-1px); 

} 


.vachanas-page .vachanas-control:disabled { 

    opacity: .35; 
    cursor: default; 

} 


.vachanas-page #vachanasCount { 

    min-width: 58px; 
    text-align: center; 
    color: var(--vach-navy2); 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 12px; 
    font-weight: 700; 
    letter-spacing: .08em; 

} 


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

.vachanas-page .vachanas-carousel { 

    position: relative; 
    width: min(1180px, 92%); 
    min-height: 285px; 
    margin: 0 auto; 
    overflow: hidden; 

} 


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

.vachanas-page .vachanas-carousel-track { 

    display: flex; 
    align-items: stretch; 
    gap: 18px; 
    width: max-content; 
    margin: 0; 
    padding: 0; 

    transform: 
        translate3d(0, 0, 0); 

    transition: 
        transform .55s 
        cubic-bezier(.22, .61, .36, 1); 

    will-change: transform; 

} 


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

.vachanas-page .vachanas-reading-card { 

    position: relative; 
    min-height: 285px; 
    flex: 0 0 auto; 

    background: 
        linear-gradient( 
            145deg, 
            #0b1d2c, 
            #07131e 
        ); 

    color: #fff; 

    padding: 24px 22px 20px; 
    overflow: hidden; 

    box-shadow: 
        0 9px 22px 
        rgba(30, 30, 20, .10); 

    border-radius: 3px; 

    transition: 
        transform .22s ease, 
        box-shadow .22s ease; 

} 


/* =========================================================
   DECORATIVE GOLD CIRCLES
========================================================= */

.vachanas-page .vachanas-reading-card::before, 
.vachanas-page .vachanas-reading-card::after { 

    content: ""; 
    position: absolute; 

    border: 
        1px solid 
        rgba(224, 183, 101, .18); 

    border-radius: 50%; 
    pointer-events: none; 

} 


.vachanas-page .vachanas-reading-card::before { 

    width: 155px; 
    height: 155px; 
    right: -35px; 
    top: -35px; 

} 


.vachanas-page .vachanas-reading-card::after { 

    width: 95px; 
    height: 95px; 
    right: -5px; 
    top: -5px; 

    border-color: 
        rgba(224, 183, 101, .11); 

} 


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

.vachanas-page .vachanas-reading-card:hover { 

    transform: translateY(-4px); 

    box-shadow: 
        0 14px 30px 
        rgba(30, 30, 20, .16); 

} 


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

.vachanas-page .vachanas-reading-card .num { 

    position: relative; 
    z-index: 2; 
    display: block; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 14px; 
    line-height: 1; 
    letter-spacing: .15em; 
    color: #e0b765; 

    margin-top: 76px; 
    margin-bottom: 0; 
    padding-left: 8px; 

} 


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

.vachanas-page .vachanas-reading-card h3 { 

    position: relative; 
    z-index: 2; 
    color: #fff; 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

    font-size: 24px; 
    line-height: 1.08; 
    font-weight: 400; 

    margin: 10px 0 0; 
    max-width: 220px; 
    height: 78px; 
    min-height: 78px; 
    overflow: visible; 

} 


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

.vachanas-page .vachanas-reading-card .meta { 

    position: relative; 
    z-index: 2; 
    display: block; 
    color: #e0b765; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 10px; 
    line-height: 1.45; 
    letter-spacing: .15em; 

    margin-top: 14px; 
    margin-bottom: 0; 

    text-transform: uppercase; 
    white-space: nowrap; 
    width: max-content; 
    max-width: none; 

} 


/* =========================================================
   READING CARD ARROW
========================================================= */

.vachanas-page .vachanas-reading-card .arrow { 

    position: absolute; 
    right: 18px; 
    bottom: 18px; 

    width: 36px; 
    height: 36px; 

    border: 
        1px solid 
        rgba(235, 190, 100, .8); 

    border-radius: 50%; 

    display: grid; 
    place-items: center; 

    color: #e0b765; 
    background: transparent; 

    font-family: 
        Arial, 
        sans-serif; 

    font-size: 18px; 
    font-weight: 400; 
    line-height: 1; 
    text-align: center; 
    z-index: 5; 

    transition: 
        color .22s ease, 
        background-color .22s ease, 
        border-color .22s ease; 

} 


.vachanas-page .vachanas-reading-card .arrow::before, 
.vachanas-page .vachanas-reading-card .arrow::after { 

    content: none !important; 
    display: none !important; 

} 


/* =========================================================
   ARROW HOVER
========================================================= */

.vachanas-page .vachanas-reading-card:hover .arrow { 

    background: #e0b765; 
    color: #0b1d2c; 
    border-color: #e0b765; 

} 


/* =========================================================
   KEYBOARD ACCESSIBILITY
========================================================= */

.vachanas-page .vachanas-reading-card:focus-visible { 

    outline: 
        2px solid 
        #d19a36; 

    outline-offset: 4px; 

} 


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

.vachanas-page .vachanas-dots { 

    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px; 
    margin-top: 24px; 

} 


.vachanas-page .vachanas-dots .dot { 

    width: 7px; 
    height: 7px; 
    padding: 0; 
    border: 0; 
    border-radius: 50%; 

    background: rgba(8, 46, 74, .25); 

    cursor: pointer; 

    transition: 
        width .25s ease, 
        background-color .25s ease; 

} 


.vachanas-page .vachanas-dots .dot.active { 

    width: 24px; 
    border-radius: 10px; 
    background: var(--vach-gold); 

} 


/* =========================================================
   CLOSING
========================================================= */

.vachanas-page .vachanas-close { 

    background: var(--vach-stone); 
    padding: 35px 0 65px; 
    text-align: center; 

} 


/* =========================================================
   CLOSING ORNAMENT
========================================================= */

.vachanas-page .vachanas-close-ornament { 

    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 18px; 
    margin-bottom: 18px; 

} 


.vachanas-page .vachanas-close-ornament i { 

    width: min(260px, 22vw); 
    height: 1px; 
    background: var(--vach-line); 

} 


.vachanas-page .vachanas-close-ornament span { 

    color: var(--vach-gold); 
    font-size: 19px; 
    line-height: 1; 

} 


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

.vachanas-page .vachanas-close blockquote { 

    max-width: 820px; 
    margin: 0 auto; 
    color: var(--vach-navy2); 

    font-family: 
        "Source Serif 4", 
        Georgia, 
        serif; 

    font-size: 21px; 
    line-height: 1.5; 
    font-style: italic; 

} 


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

@media (max-width: 1200px) { 

    .vachanas-page .vachanas-carousel { 

        width: 100%; 

    } 

} 


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

@media (max-width: 1100px) { 

    .vachanas-page .vachanas-flow { 

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

        row-gap: 45px; 

    } 


    .vachanas-page .vachanas-flow::before { 

        display: none; 

    } 


    .vachanas-page .vachanas-facets { 

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

        row-gap: 30px; 

    } 


    .vachanas-page .vachanas-reading-card { 

        min-height: 285px; 
        padding: 24px 22px 20px; 

    } 


    .vachanas-page .vachanas-reading-card h3 { 

        font-size: 23px; 
        max-width: 220px; 
        height: 78px; 
        min-height: 78px; 

    } 


    .vachanas-page .vachanas-reading-card .meta { 

        margin-top: 14px; 
        white-space: nowrap; 
        width: max-content; 
        max-width: none; 

    } 

} 


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

@media (max-width: 720px) { 

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

    .vachanas-page .vachanas-hero { 

        height: 500px; 
        min-height: 500px; 

    } 


    .vachanas-page .vachanas-hero-image { 

        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        object-position: center center; 
        display: block; 

    } 


    .vachanas-page .vachanas-hero-copy { 

        left: 24px; 
        right: 24px; 
        top: 20px; 
        width: auto; 
        padding-top: 0; 
        transform: none; 

    } 


    /* =====================================================
       BREADCRUMB
    ===================================================== */

    .vachanas-page .vachanas-breadcrumb { 

        padding-top: 75px; 
        margin-bottom: 95px; 

        font-size: 12px; 
        line-height: 1.5; 

        white-space: nowrap; 
        gap: 0; 

    } 


    .vachanas-page .vachanas-breadcrumb span { 

        padding: 0 8px; 

    } 


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

    .vachanas-page .vachanas-hero h1 { 

        font-size: 42px; 
        line-height: 1; 
        margin: 0 0 14px; 

    } 


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

    .vachanas-page .vachanas-descriptor { 

        font-size: 20px; 
        line-height: 1.3; 
        margin: 0 0 16px; 

    } 


    /* =====================================================
       HERO GOLD RULE
    ===================================================== */

    .vachanas-page .vachanas-gold-rule { 

        width: 65px; 
        height: 3px; 
        margin-top: 24px; 

    } 


    /* =====================================================
       MAIN
    ===================================================== */

    .vachanas-page .vachanas-section { 

        padding: 45px 22px 0; 

    } 


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

    .vachanas-page .vachanas-threshold-reflection { 

        padding: 20px 10px 28px; 

    } 


    .vachanas-page .vachanas-motif-row { 

        gap: 14px; 
        margin-bottom: 22px; 

    } 


    .vachanas-page .vachanas-aum-medallion { 

        width: 50px; 
        height: 50px; 
        font-size: 27px; 

    } 


    .vachanas-page .vachanas-threshold-reflection p { 

        font-size: 18px; 
        line-height: 1.55; 

    } 


    /* =====================================================
       RIBBON
    ===================================================== */

    .vachanas-page .vachanas-ribbon { 

        padding: 58px 0 68px; 

    } 


    .vachanas-page .vachanas-ribbon .vachanas-wrap { 

        width: calc(100% - 44px); 
        padding-left: 0; 
        padding-right: 0; 

    } 


    .vachanas-page .vachanas-ribbon-head { 

        margin-bottom: 42px; 

    } 


    .vachanas-page .vachanas-ribbon-head h2 { 

        font-size: 38px; 
        line-height: 1.15; 

    } 


    .vachanas-page .vachanas-ribbon-head p { 

        font-size: 17px; 
        line-height: 1.6; 

    } 


    /* =====================================================
       FLOW
    ===================================================== */

    .vachanas-page .vachanas-flow { 

        display: flex; 
        flex-direction: column; 
        align-items: center; 
        gap: 30px; 
        margin-top: 42px; 

    } 


    .vachanas-page .vachanas-flow::before { 

        display: none; 

    } 


    .vachanas-page .vachanas-stage { 

        width: 100%; 
        padding: 0; 

    } 


    .vachanas-page .vachanas-symbol { 

        width: 72px; 
        height: 72px; 
        margin-bottom: 14px; 

    } 


    .vachanas-page .vachanas-arrow { 

        transform: rotate(90deg); 
        font-size: 24px; 

    } 


    /* =====================================================
       FACETS
    ===================================================== */

    .vachanas-page .vachanas-facets { 

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

        gap: 30px 18px; 

    } 


    .vachanas-page .vachanas-facets > div { 

        padding-top: 15px; 

    } 


    /* =====================================================
       READINGS
    ===================================================== */

    .vachanas-page .vachanas-readings { 

        padding: 68px 0 72px; 

    } 


    .vachanas-page .vachanas-readings-head { 

        margin-bottom: 30px; 

    } 


    .vachanas-page .vachanas-readings-head h2 { 

        font-size: 38px; 
        line-height: 1.2; 

    } 


    .vachanas-page .vachanas-note { 

        font-size: 17px; 
        line-height: 1.5; 

    } 


    /* =====================================================
       CONTROLS
    ===================================================== */

    .vachanas-page .vachanas-carousel-controls { 

        width: 100%; 
        margin-bottom: 18px; 
        gap: 12px; 

    } 


    .vachanas-page .vachanas-control { 

        width: 40px; 
        height: 40px; 

    } 


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

    .vachanas-page .vachanas-carousel { 

        width: 100%; 
        min-height: 285px; 
        overflow: hidden; 

    } 


    .vachanas-page .vachanas-carousel-track { 

        gap: 18px; 

    } 


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

    .vachanas-page .vachanas-reading-card { 

        min-height: 285px; 
        padding: 24px 22px 20px; 

    } 


    .vachanas-page .vachanas-reading-card .num { 

        margin-top: 76px; 
        padding-left: 8px; 

    } 


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

    .vachanas-page .vachanas-reading-card h3 { 

        font-size: 25px; 
        line-height: 1.08; 

        max-width: 240px; 
        height: 54px; 
        min-height: 54px; 

        margin: 10px 0 0; 
        color: #fff; 

        font-family: 
            "Source Serif 4", 
            Georgia, 
            serif; 

    } 


    /* =====================================================
       META
    ===================================================== */

    .vachanas-page .vachanas-reading-card .meta { 

        font-size: 10px; 
        line-height: 1.45; 
        letter-spacing: .15em; 

        white-space: nowrap; 
        width: max-content; 
        max-width: none; 

        margin-top: 14px; 

    } 


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

    .vachanas-page .vachanas-reading-card .arrow { 

        right: 18px; 
        bottom: 18px; 
        width: 36px; 
        height: 36px; 

    } 


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

    .vachanas-page .vachanas-dots { 

        margin-top: 22px; 

    } 


    /* =====================================================
       CLOSING
    ===================================================== */

    .vachanas-page .vachanas-close { 

        padding: 30px 22px 55px; 

    } 


    .vachanas-page .vachanas-close blockquote { 

        font-size: 19px; 
        line-height: 1.5; 

    } 


    .vachanas-page .vachanas-close-ornament i { 

        width: 25vw; 

    } 

} 


/* =========================================================
   SMALL MOBILE — 520px
========================================================= */

@media (max-width: 520px) { 

    .vachanas-page .vachanas-hero { 

        height: 500px; 
        min-height: 500px; 

    } 


    .vachanas-page .vachanas-hero-image { 

        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        object-position: center center; 

    } 


    .vachanas-page .vachanas-hero-copy { 

        left: 24px; 
        right: 24px; 
        top: 20px; 
        width: auto; 
        padding-top: 0; 
        transform: none; 

    } 


    .vachanas-page .vachanas-breadcrumb { 

        padding-top: 75px; 
        margin-bottom: 90px; 
        font-size: 12px; 
        line-height: 1.5; 

    } 


    .vachanas-page .vachanas-hero h1 { 

        font-size: 40px; 

    } 


    .vachanas-page .vachanas-descriptor { 

        font-size: 19px; 

    } 

} 


/* =========================================================
   EXTRA SMALL MOBILE — 400px
========================================================= */

@media (max-width: 400px) { 

    .vachanas-page .vachanas-hero { 

        height: 480px; 
        min-height: 480px; 

    } 


    .vachanas-page .vachanas-hero-image { 

        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        object-position: center center; 

    } 


    .vachanas-page .vachanas-hero-copy { 

        left: 24px; 
        right: 24px; 
        top: 20px; 
        width: auto; 
        padding-top: 0; 
        transform: none; 

    } 


    .vachanas-page .vachanas-breadcrumb { 

        padding-top: 70px; 
        margin-bottom: 82px; 
        font-size: 11px; 
        line-height: 1.5; 

    } 


    .vachanas-page .vachanas-breadcrumb span { 

        padding: 0 7px; 

    } 


    .vachanas-page .vachanas-hero h1 { 

        font-size: 38px; 

    } 


    .vachanas-page .vachanas-descriptor { 

        font-size: 18px; 

    } 


    .vachanas-page .vachanas-ribbon-head h2 { 

        font-size: 34px; 

    } 


    .vachanas-page .vachanas-flow { 

        gap: 28px; 

    } 


    .vachanas-page .vachanas-symbol { 

        width: 58px; 
        height: 58px; 
        font-size: 20px; 

    } 


    .vachanas-page .vachanas-stage b { 

        font-size: 10px; 
        letter-spacing: .08em; 

    } 


    .vachanas-page .vachanas-stage small { 

        font-size: 11px; 

    } 


    .vachanas-page .vachanas-facets { 

        grid-template-columns: 1fr; 
        gap: 25px; 

    } 


    .vachanas-page .vachanas-readings-head h2 { 

        font-size: 32px; 

    } 


    .vachanas-page .vachanas-reading-card { 

        min-height: 285px; 
        padding: 24px 22px 20px; 

    } 


    .vachanas-page .vachanas-reading-card .num { 

        margin-top: 76px; 

    } 


    .vachanas-page .vachanas-reading-card h3 { 

        font-size: 24px; 
        line-height: 1.08; 

        max-width: 240px; 
        height: 52px; 
        min-height: 52px; 

        margin: 10px 0 0; 

        font-family: 
            "Source Serif 4", 
            Georgia, 
            serif; 

    } 


    .vachanas-page .vachanas-reading-card .meta { 

        font-size: 9px; 
        line-height: 1.45; 
        letter-spacing: .12em; 

        white-space: nowrap; 
        width: max-content; 
        max-width: none; 
        margin-top: 14px; 

    } 


    .vachanas-page .vachanas-reading-card .arrow { 

        width: 36px; 
        height: 36px; 
        right: 18px; 
        bottom: 18px; 
        background: transparent; 

    } 


    .vachanas-page .vachanas-close blockquote { 

        font-size: 18px; 

    } 

} 


/* =========================================================
   VERY SMALL MOBILE — 360px
========================================================= */

@media (max-width: 360px) { 

    .vachanas-page .vachanas-hero { 

        height: 465px; 
        min-height: 465px; 

    } 


    .vachanas-page .vachanas-hero-image { 

        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        object-position: center center; 

    } 


    .vachanas-page .vachanas-hero-copy { 

        left: 24px; 
        right: 24px; 
        top: 20px; 
        width: auto; 
        padding-top: 0; 
        transform: none; 

    } 


    .vachanas-page .vachanas-breadcrumb { 

        padding-top: 65px; 
        margin-bottom: 72px; 
        font-size: 10px; 
        line-height: 1.5; 

    } 


    .vachanas-page .vachanas-breadcrumb span { 

        padding: 0 6px; 

    } 


    .vachanas-page .vachanas-hero h1 { 

        font-size: 35px; 

    } 


    .vachanas-page .vachanas-descriptor { 

        font-size: 17px; 

    } 

} 


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .vachanas-page .vachanas-symbol, 

    .vachanas-page .vachanas-reading-card, 

    .vachanas-page .vachanas-reading-card .arrow, 

    .vachanas-page .vachanas-carousel-track { 

        transition: none !important; 

    } 

}
/* ////////////////////////////////////////////////////////////////////////////CONNECTCSS////////////////////////////////////////////////////////////////// */

/* =========================================================
   CONNECT PAGE
========================================================= */

.connect-page {
    --connect-navy: #082e4a;
    --connect-navy2: #102f4c;
    --connect-stone: #f5f0e6;
    --connect-panel: #f8f4eb;
    --connect-gold: #b9822d;
    --connect-gold-bright: #d19a36;
    --connect-muted: #70543c;
    --connect-line: #c99a50;
    --connect-white: #ffffff;
}


/* =========================================================
   WRAPPER
========================================================= */

.connect-page .connect-wrap {
    width: min(1320px, 88vw);
    margin: 0 auto;
}


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

.connect-page .connect-hero {
    position: relative;
    height: auto;
    overflow: hidden;
}

.connect-page .connect-hero-image {
    width: 100%;
    height: auto;
    display: block;
    object-position: center center;
}

.connect-page .connect-hero-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(15, 12, 10, .76) 0%,
            rgba(15, 12, 10, .42) 37%,
            rgba(15, 12, 10, .04) 68%
        );
}

.connect-page .connect-hero-copy {
    position: absolute;
    left: 4.2vw;
    z-index: 5;
    transform: translateY(-200%);
    width: min(620px, 50vw);
    color: #ffffff;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.connect-page .connect-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 58px;
}

.connect-page .connect-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

.connect-page .connect-breadcrumb span {
    color: #e0b765;
}


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

.connect-page .connect-hero-copy h1 {
    margin: 0 0 12px;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 58px;
    line-height: 1.05;
    font-weight: 400;
    letter-spacing: -.02em;
}


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

.connect-page .connect-descriptor {
    margin: 0 0 24px;
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 24px;
    line-height: 1.35;
    color: #e0b765;
}


/* =========================================================
   GOLD RULE
========================================================= */

.connect-page .connect-gold-rule {
    display: block;
    width: 72px;
    height: 3px;
    background: #d19a36;
}


/* =========================================================
   MAIN SECTION
========================================================= */

.connect-page .connect-section {
    background: var(--connect-stone);
    padding: 45px 3.8vw 0;
}


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

.connect-page .connect-intro {
    max-width: 1240px;
    margin: 0 auto;
    padding: 38px 42px 58px;
    text-align: center;
}

.connect-page .connect-intro-kicker {
    color: #c99a50;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2.2px;
    line-height: 1.4;
    margin-bottom: 18px;
}

.connect-page .connect-intro h2 {
    margin: 0 0 24px;
    color: var(--connect-navy2);
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 42px;
    line-height: 1.12;
    font-weight: 400;
}

.connect-page .connect-intro h2 em {
    color: #9a6b26;
    font-style: italic;
    font-weight: 200;
}

.connect-page .connect-intro p {
    max-width: 850px;
    margin: 0 auto;
    color: #5f574f;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 20px;
    line-height: 1.65;
}


/* =========================================================
   DARK CONTACT WORLD
========================================================= */

.connect-page .connect-world {
    position: relative;
    width: calc(100% + 7.6vw);
    margin-left: -3.8vw;
    overflow: hidden;
    background:
        linear-gradient(
            115deg,
            #071522 0%,
            #10273a 60%,
            #30241d 100%
        );
    color: #ffffff;
    padding: 68px 0 76px;
}

.connect-page .connect-orb {
    position: absolute;
    border:
        1px solid
        rgba(201, 154, 80, .14);
    border-radius: 50%;
    pointer-events: none;
}

.connect-page .connect-orb-a {
    width: 700px;
    height: 700px;
    right: -260px;
    top: -280px;
}

.connect-page .connect-orb-b {
    width: 500px;
    height: 500px;
    right: -160px;
    top: -180px;
}


/* =========================================================
   SECTION HEAD
========================================================= */

.connect-page .connect-section-head {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin-bottom: 42px;
}

.connect-page .connect-section-head > span {
    display: block;
    color: #c99a50;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2.2px;
    line-height: 1.4;
    margin-bottom: 12px;
}

.connect-page .connect-section-head h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 45px;
    line-height: 1.12;
    font-weight: 400;
}

.connect-page .connect-section-head p {
    margin: 0;
    max-width: 720px;
    color: #c9d1d8;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 18px;
    line-height: 1.6;
}


/* =========================================================
   PRIMARY CONTACT GRID
========================================================= */

.connect-page .connect-primary-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:
        repeat(2, 1fr);
    gap: 24px;
}

.connect-page .connect-primary-card {
    position: relative;
    min-height: 300px;
    padding: 40px 38px 38px;
    background:
        rgba(255, 255, 255, .045);
    border:
        1px solid
        rgba(224, 180, 91, .25);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.connect-page .connect-primary-card:hover {
    transform: translateY(-4px);
    border-color:
        rgba(224, 180, 91, .55);
    background:
        rgba(255, 255, 255, .065);
}

.connect-page .connect-card-label {
    color: #e0b765;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .20em;
    margin-bottom: 20px;
}

.connect-page .connect-primary-card h3 {
    margin: 0 0 18px;
    color: #ffffff;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 27px;
    line-height: 1.15;
    font-weight: 400;
}

.connect-page .connect-primary-card p {
    margin: 0 0 24px;
    color: #d4d9dd;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 17px;
    line-height: 1.65;
}

.connect-page .connect-primary-card a {
    color: #e0b765;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.connect-page .connect-primary-card a span {
    margin-left: 8px;
}


/* =========================================================
   MAP PANEL
========================================================= */

.connect-page .connect-map-panel {
    position: relative;
    z-index: 2;
    margin-top: 24px;
    padding: 34px 38px 38px;
    background: var(--connect-panel);
    color: #28231e;
}

.connect-page .connect-map-copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 36px;
    margin-bottom: 28px;
}

.connect-page .connect-map-copy > div {
    max-width: 720px;
}

.connect-page .connect-map-copy span {
    display: block;
    color: #9b6b24;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
}

.connect-page .connect-map-copy h3 {
    margin: 8px 0 6px;
    color: var(--connect-navy2);
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 30px;
    line-height: 1.15;
    font-weight: 400;
}

.connect-page .connect-map-copy p {
    margin: 0;
    color: #6b6259;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 16px;
    line-height: 1.6;
}

.connect-page .connect-map-button {
    flex: 0 0 auto;
    padding: 16px 21px;
    border:
        1px solid
        var(--connect-gold);
    color: var(--connect-navy2);
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    white-space: nowrap;
    transition:
        background .22s ease,
        color .22s ease;
}

.connect-page .connect-map-button b {
    margin-left: 10px;
    color: var(--connect-gold);
    font-weight: 400;
}

.connect-page .connect-map-button:hover {
    background: var(--connect-gold);
    color: #ffffff;
}

.connect-page .connect-map-button:hover b {
    color: #ffffff;
}

.connect-page .connect-map-frame {
    position: relative;
    width: 100%;
    min-height: 360px;
    aspect-ratio: 16 / 7;
    overflow: hidden;
    border:
        1px solid
        rgba(155, 107, 36, .28);
    background: #e7e0d5;
}

.connect-page .connect-map-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}


/* =========================================================
   INTERNATIONAL
========================================================= */

.connect-page .connect-international {
    width: calc(100% + 7.6vw);
    margin-left: -3.8vw;
    padding: 92px 0 105px;
    background: #f3ede3;
}

.connect-page .connect-section-head-light h2 {
    color: var(--connect-navy2);
}

.connect-page .connect-section-head-light p {
    color: #70665b;
}


/* =========================================================
   INTERNATIONAL CONTACT CARDS
========================================================= */

.connect-page .connect-contact-grid {
    display: grid;
    grid-template-columns:
        repeat(3, 1fr);
    gap: 22px;
}

.connect-page .connect-contact-card {
    position: relative;
    min-height: 340px;
    padding: 36px 32px 42px;
    background: #fffaf2;
    border-top:
        3px solid
        var(--connect-gold);
    box-shadow:
        0 12px 35px
        rgba(50, 35, 20, .07);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.connect-page .connect-contact-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 18px 40px
        rgba(50, 35, 20, .11);
}

.connect-page .connect-country {
    margin-bottom: 20px;
    color: #c99a50;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .23em;
}

.connect-page .connect-contact-card h3 {
    margin: 0 0 5px;
    color: var(--connect-navy2);
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
}

.connect-page .connect-person {
    margin-bottom: 25px;
    color: #8c7d6e;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 16px;
    font-style: italic;
}

.connect-page .connect-contact-card p {
    margin: 0 0 15px;
    color: #625a52;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 16px;
    line-height: 1.65;
}

.connect-page .connect-contact-card .connect-phone {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.connect-page .connect-contact-card a {
    color: #9b6b24;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.connect-page .connect-index {
    position: absolute;
    right: 24px;
    bottom: 14px;
    color:
        rgba(198, 147, 52, .10);
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 58px;
    line-height: 1;
}


/* =========================================================
   STAY CONNECTED
========================================================= */

.connect-page .connect-stay {
    width: calc(100% + 7.6vw);
    margin-left: -3.8vw;
    padding: 72px 0 78px;
    background: #fffaf2;
}

.connect-page .connect-stay-grid {
    display: grid;
    grid-template-columns:
        1fr 1.35fr;
    gap: 60px;
    align-items: end;
}

.connect-page .connect-stay-copy > span {
    display: block;
    color: #9c6c22;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
}

.connect-page .connect-stay-copy h2 {
    margin: 12px 0;
    color: var(--connect-navy2);
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 43px;
    line-height: 1.12;
    font-weight: 400;
}

.connect-page .connect-stay-copy p {
    margin: 0;
    color: #6b6259;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 18px;
    line-height: 1.6;
}


/* =========================================================
   SOCIAL LINKS
========================================================= */

.connect-page .connect-socials {
    display: grid;
    grid-template-columns:
        repeat(2, 1fr);
    border-top:
        1px solid
        #d8c9b2;
    border-left:
        1px solid
        #d8c9b2;
}

.connect-page .connect-socials a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px 24px;
    border-right:
        1px solid
        #d8c9b2;
    border-bottom:
        1px solid
        #d8c9b2;
    color: var(--connect-navy2);
    text-decoration: none;
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 18px;
    transition:
        background .22s ease,
        color .22s ease;
}

.connect-page .connect-socials a b {
    color: var(--connect-gold);
    font-family: Arial, sans-serif;
    font-weight: 400;
}

.connect-page .connect-socials a:hover {
    background: #f5f0e6;
}

.connect-page .connect-socials a:hover b {
    color: #9b6b24;
}


/* =========================================================
   CLOSING
========================================================= */

.connect-page .connect-closing {
    width: calc(100% + 7.6vw);
    margin-left: -3.8vw;
    padding: 58px 0 70px;
    background: var(--connect-stone);
    text-align: center;
}

.connect-page .connect-closing-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 22px;
}

.connect-page .connect-closing-ornament i {
    display: block;
    width: 72px;
    height: 1px;
    background:
        rgba(185, 130, 45, .55);
}

.connect-page .connect-closing-ornament span {
    color: #c99a50;
    font-size: 18px;
    line-height: 1;
}

.connect-page .connect-closing blockquote {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    /* color: #4f463d; */
    color: var(--navy);
    font-family:
        var(--serif,
        "Source Serif 4",
        Georgia,
        serif);
    font-size: 21px;
    line-height: 1.55;
    font-style: italic;
    font-weight: 400;
}


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

@media (max-width: 1024px) {

    .connect-page .connect-hero {
        height: 505px;
    }

    .connect-page .connect-primary-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .connect-page .connect-contact-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .connect-page .connect-contact-card:last-child {
        grid-column: 1 / -1;
    }

    .connect-page .connect-stay-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }
}


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

@media (max-width: 720px) {

    .connect-page .connect-wrap {
        width: calc(100% - 44px);
    }


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

    .connect-page .connect-hero {
        height: 500px;
        min-height: 500px;
    }

    .connect-page .connect-hero-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        display: block;
    }

    .connect-page .connect-hero-copy {
        left: 24px;
        right: 24px;
        top: 20px;
        width: auto;
        padding-top: 0;
        transform: none;
    }


    /* =====================================================
       BREADCRUMB
    ===================================================== */

    .connect-page .connect-breadcrumb {
        padding-top: 115px;
        margin-bottom: 95px;
        font-size: 12px;
        line-height: 1.5;
        white-space: nowrap;
        gap: 0;
    }

    .connect-page .connect-breadcrumb span {
        padding: 0 8px;
    }


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

    .connect-page .connect-hero-copy h1 {
        font-size: 42px;
        line-height: 1;
        margin: 0 0 14px;
    }


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

    .connect-page .connect-descriptor {
        font-size: 20px;
        line-height: 1.3;
        margin: 0 0 16px;
        max-width: 330px;
    }


    /* =====================================================
       GOLD RULE
    ===================================================== */

    .connect-page .connect-gold-rule {
        width: 65px;
        height: 3px;
        margin-top: 24px;
    }


    /* =====================================================
       MAIN
    ===================================================== */

    .connect-page .connect-section {
        padding: 38px 22px 0;
    }


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

    .connect-page .connect-intro {
        padding: 38px 0 58px;
    }

    .connect-page .connect-intro-kicker {
        font-size: 13px;
        letter-spacing: 1.7px;
    }

    .connect-page .connect-intro h2 {
        font-size: 38px;
        line-height: 1.15;
    }

    .connect-page .connect-intro p {
        font-size: 18px;
        line-height: 1.65;
    }


    /* =====================================================
       DARK SECTION
    ===================================================== */

    .connect-page .connect-world {
        width: calc(100% + 44px);
        margin-left: -22px;
        padding: 58px 0 64px;
    }

    .connect-page .connect-section-head {
        margin-bottom: 34px;
    }

    .connect-page .connect-section-head h2 {
        font-size: 38px;
        line-height: 1.12;
    }

    .connect-page .connect-section-head p {
        font-size: 17px;
        line-height: 1.6;
    }

    .connect-page .connect-primary-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .connect-page .connect-primary-card {
        min-height: auto;
        padding: 32px 26px 34px;
    }

    .connect-page .connect-primary-card h3 {
        font-size: 25px;
    }


    /* =====================================================
       MAP
    ===================================================== */

    .connect-page .connect-map-panel {
        padding: 28px;
    }

    .connect-page .connect-map-copy {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 24px;
    }

    .connect-page .connect-map-button {
        width: 100%;
        text-align: center;
    }

    .connect-page .connect-map-frame {
        min-height: 320px;
        aspect-ratio: 4 / 3;
    }


    /* =====================================================
       INTERNATIONAL
    ===================================================== */

    .connect-page .connect-international {
        width: calc(100% + 44px);
        margin-left: -22px;
        padding: 68px 0 76px;
    }

    .connect-page .connect-contact-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .connect-page .connect-contact-card:last-child {
        grid-column: auto;
    }

    .connect-page .connect-contact-card {
        min-height: 310px;
        padding: 32px 26px 38px;
    }


    /* =====================================================
       STAY CONNECTED
    ===================================================== */

    .connect-page .connect-stay {
        width: calc(100% + 44px);
        margin-left: -22px;
        padding: 58px 0 64px;
    }

    .connect-page .connect-stay-grid {
        gap: 32px;
    }

    .connect-page .connect-stay-copy h2 {
        font-size: 36px;
    }

    .connect-page .connect-stay-copy p {
        font-size: 17px;
    }

    .connect-page .connect-socials {
        grid-template-columns: 1fr;
    }


    /* =====================================================
       CLOSING
    ===================================================== */

    .connect-page .connect-closing {
        width: calc(100% + 44px);
        margin-left: -22px;
        padding: 42px 0 55px;
    }

    .connect-page .connect-closing blockquote {
        font-size: 19px;
        line-height: 1.55;
    }
}


/* =========================================================
   SMALL MOBILE — 480px
========================================================= */

@media (max-width: 480px) {

    .connect-page .connect-hero {
        height: 500px;
        min-height: 500px;
    }

    .connect-page .connect-hero-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .connect-page .connect-hero-copy {
        left: 24px;
        right: 24px;
        top: 20px;
        width: auto;
        padding-top: 0;
        transform: none;
    }


    /* =====================================================
       BREADCRUMB
    ===================================================== */

    .connect-page .connect-breadcrumb {
        padding-top: 115px;
        margin-bottom: 90px;
        font-size: 12px;
        line-height: 1.5;
    }

    .connect-page .connect-breadcrumb span {
        padding: 0 8px;
    }


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

    .connect-page .connect-hero-copy h1 {
        font-size: 38px;
    }

    .connect-page .connect-descriptor {
        font-size: 19px;
    }


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

    .connect-page .connect-intro h2 {
        font-size: 34px;
    }

    .connect-page .connect-section-head h2 {
        font-size: 34px;
    }


    /* =====================================================
       MAP
    ===================================================== */

    .connect-page .connect-map-panel {
        padding: 22px;
    }

    .connect-page .connect-map-frame {
        min-height: 280px;
    }


    /* =====================================================
       CLOSING
    ===================================================== */

    .connect-page .connect-closing blockquote {
        font-size: 18px;
    }

    .connect-page .connect-closing-ornament i {
        width: 48px;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE — 400px
========================================================= */

@media (max-width: 400px) {

    .connect-page .connect-hero {
        height: 480px;
        min-height: 480px;
    }

    .connect-page .connect-hero-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .connect-page .connect-hero-copy {
        left: 24px;
        right: 24px;
        top: 20px;
        width: auto;
        padding-top: 0;
        transform: none;
    }


    /* =====================================================
       BREADCRUMB
    ===================================================== */

    .connect-page .connect-breadcrumb {
        padding-top: 110px;
        margin-bottom: 82px;
        font-size: 11px;
        line-height: 1.5;
    }

    .connect-page .connect-breadcrumb span {
        padding: 0 7px;
    }


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

    .connect-page .connect-hero-copy h1 {
        font-size: 36px;
    }

    .connect-page .connect-descriptor {
        font-size: 18px;
    }


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

    .connect-page .connect-intro h2 {
        font-size: 32px;
    }

    .connect-page .connect-section-head h2 {
        font-size: 32px;
    }


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

    .connect-page .connect-primary-card {
        padding: 28px 22px 30px;
    }

    .connect-page .connect-contact-card {
        padding: 30px 22px 34px;
    }
}


/* =========================================================
   VERY SMALL MOBILE — 360px
========================================================= */

@media (max-width: 360px) {

    .connect-page .connect-hero {
        height: 465px;
        min-height: 465px;
    }

    .connect-page .connect-hero-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .connect-page .connect-hero-copy {
        left: 24px;
        right: 24px;
        top: 20px;
        width: auto;
        padding-top: 0;
        transform: none;
    }


    /* =====================================================
       BREADCRUMB
    ===================================================== */

    .connect-page .connect-breadcrumb {
        padding-top: 105px;
        margin-bottom: 72px;
        font-size: 10px;
        line-height: 1.5;
    }

    .connect-page .connect-breadcrumb span {
        padding: 0 6px;
    }


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

    .connect-page .connect-hero-copy h1 {
        font-size: 34px;
    }

    .connect-page .connect-descriptor {
        font-size: 17px;
    }


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

    .connect-page .connect-intro h2 {
        font-size: 30px;
    }

    .connect-page .connect-section-head h2 {
        font-size: 30px;
    }


    /* =====================================================
       MAP
    ===================================================== */

    .connect-page .connect-map-frame {
        min-height: 250px;
    }


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

    .connect-page .connect-contact-card h3 {
        font-size: 27px;
    }

    .connect-page .connect-stay-copy h2 {
        font-size: 32px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .connect-page * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}


/* ///////////////////////////////////////////////////////////////////////////////////MAHATMA BASVESHVAR//////////////////////////////////////////////////////////////////////////// */

/* =========================================================
   MAHATMA BASAVESHWAR
   Veerashaiva Editorial Content Page
========================================================= */
:root {
    --basava-navy: #073653;
    --basava-navy-deep: #022b44;
    --basava-gold: #c98b27;
    --basava-gold-light: #d9a13a;
    --basava-cream: #f8f3e9;
    --basava-paper: #fcfaf5;
    --basava-white: #ffffff;
    --basava-ink: #263f4d;
    --basava-muted: #687783;
    --basava-line: rgba(7, 54, 83, 0.13);

    --basava-font: Georgia, "Times New Roman", serif;
    --basava-sans: Arial, Helvetica, sans-serif;
}


/* =========================================================
   GLOBAL
========================================================= */

.basaveshwar-page {
    width: 100%;
    overflow: hidden;
    background: var(--basava-paper);
    color: var(--basava-ink);
    font-family: var(--basava-font);
}

.basaveshwar-page *,
.basaveshwar-page *::before,
.basaveshwar-page *::after {
    box-sizing: border-box;
}


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

.basaveshwar-container {
    width: min(900px, calc(100% - 48px));
    margin: 0 auto;
}


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

.basaveshwar-article-header {
    padding: 95px 0 60px;
    text-align: center;
}

.basaveshwar-kicker {
    display: block;
    margin-bottom: 15px;

    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.basaveshwar-article-header h2 {
    margin: 0 0 17px;

    color: var(--basava-navy);

    font-size: clamp(34px, 5vw, 52px);
    font-weight: 400;
    line-height: 1.15;
}

.basaveshwar-source {
    max-width: 650px;

    margin: 0 auto;

    color: var(--basava-muted);

    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   ARTICLE SECTIONS
========================================================= */

.basaveshwar-section {
    padding: 65px 0;

    border-top: 1px solid var(--basava-line);
}

.basaveshwar-section:first-of-type {
    border-top: 0;
}

.basaveshwar-section p {
    margin: 0 0 24px;

    color: var(--basava-ink);

    font-size: 18px;
    line-height: 1.95;
}

.basaveshwar-section p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LEAD
========================================================= */

.basaveshwar-lead {
    color: var(--basava-navy) !important;

    font-size: 25px !important;
    line-height: 1.7 !important;
}

.basaveshwar-closing-line {
    color: var(--basava-navy) !important;

    font-size: 21px !important;
    font-weight: 600;
}


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

.basaveshwar-section-heading {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 20px;

    align-items: start;

    margin-bottom: 38px;
}

.basaveshwar-section-heading > span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 54px;
    height: 54px;

    border: 1px solid rgba(201, 139, 39, 0.55);
    border-radius: 50%;

    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 13px;
    font-weight: 700;
}

.basaveshwar-section-heading small {
    display: block;

    margin-bottom: 7px;

    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.basaveshwar-section-heading h2 {
    margin: 0;

    color: var(--basava-navy);

    font-size: clamp(30px, 4vw, 43px);
    font-weight: 400;
    line-height: 1.2;
}


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

.basaveshwar-quote {
    position: relative;

    margin: 48px 0;
    padding: 42px 48px 38px 55px;

    background: var(--basava-cream);

    border-left: 3px solid var(--basava-gold);
}

.quote-mark {
    position: absolute;
    top: 17px;
    left: 24px;

    color: var(--basava-gold);

    font-size: 48px;
    line-height: 1;
}

.basaveshwar-quote p {
    position: relative;
    z-index: 1;

    margin: 0 0 17px !important;

    color: var(--basava-navy) !important;

    font-size: 23px !important;
    font-style: italic;
    line-height: 1.7 !important;
}

.quote-caption {
    display: block;

    color: var(--basava-muted);

    font-family: var(--basava-sans);
    font-size: 11px;
    letter-spacing: 0.04em;
    line-height: 1.6;
}


/* =========================================================
   QUALITY GRID
========================================================= */

.basaveshwar-quality-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;

    margin: 40px 0;
}

.basaveshwar-quality-card {
    min-height: 145px;

    padding: 23px;

    background: #ffffff;

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

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.basaveshwar-quality-card:hover {
    transform: translateY(-4px);

    border-color: rgba(201, 139, 39, 0.45);

    box-shadow: 0 12px 28px rgba(7, 54, 83, 0.08);
}

.basaveshwar-quality-card span {
    display: block;

    margin-bottom: 16px;

    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 10px;
    font-weight: 700;
}

.basaveshwar-quality-card strong {
    display: block;

    margin-bottom: 5px;

    color: var(--basava-navy);

    font-size: 20px;
    font-weight: 400;
}

.basaveshwar-quality-card p {
    margin: 0 !important;

    color: var(--basava-muted) !important;

    font-family: var(--basava-sans);
    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   PRINCIPLE BLOCK
========================================================= */

.basaveshwar-principle {
    margin: 45px 0;
    padding: 42px;

    background:
        linear-gradient(
            135deg,
            var(--basava-navy),
            var(--basava-navy-deep)
        );

    color: #ffffff;
}

.basaveshwar-principle-label {
    display: block;

    margin-bottom: 18px;

    color: var(--basava-gold-light);

    font-family: var(--basava-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.basaveshwar-principle p {
    margin: 0 0 20px !important;

    color: rgba(255, 255, 255, 0.88) !important;

    font-size: 22px !important;
    line-height: 1.7 !important;
}

.basaveshwar-principle strong {
    display: block;

    color: #ffffff;

    font-size: 19px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.7;
}


/* =========================================================
   EMPHASIS
========================================================= */

.basaveshwar-emphasis {
    display: flex;
    align-items: center;
    gap: 22px;

    margin: 42px 0;
    padding: 30px 34px;

    border-top: 1px solid rgba(201, 139, 39, 0.45);
    border-bottom: 1px solid rgba(201, 139, 39, 0.45);
}

.emphasis-symbol {
    flex: 0 0 auto;

    color: var(--basava-gold);

    font-size: 23px;
}

.basaveshwar-emphasis p {
    margin: 0 !important;

    color: var(--basava-navy) !important;

    font-size: 22px !important;
    font-style: italic;
}


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

.simple-quote {
    margin-top: 40px;
}


/* =========================================================
   VOCATIONS
========================================================= */

.basaveshwar-vocations {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;

    margin: 42px 0;
}

.basaveshwar-vocation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 18px 20px;

    background: #ffffff;

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

.basaveshwar-vocation strong {
    color: var(--basava-navy);

    font-size: 16px;
    font-weight: 400;
}

.basaveshwar-vocation span {
    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    text-align: right;
}


/* =========================================================
   HISTORICAL SOURCE
========================================================= */

.basaveshwar-history-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.basaveshwar-source-note {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 25px;
    padding-bottom: 14px;

    border-bottom: 1px solid var(--basava-line);
}

.basaveshwar-source-note span {
    color: var(--basava-navy);

    font-family: var(--basava-sans);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.basaveshwar-source-note small {
    color: var(--basava-muted);

    font-family: var(--basava-sans);
    font-size: 11px;
}

.basaveshwar-long-quote {
    margin: 0;
    padding: 38px 40px;

    background: #ffffff;

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

    box-shadow: 0 18px 45px rgba(7, 54, 83, 0.05);
}

.basaveshwar-long-quote p {
    margin: 0 0 22px;

    color: #435967;

    font-size: 17px;
    font-style: italic;
    line-height: 1.9;
}

.basaveshwar-long-quote p:last-child {
    margin-bottom: 0;
}


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

.basaveshwar-legacy-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;

    margin: 45px 0;
}

.basaveshwar-legacy-card {
    padding: 27px 24px;

    background: var(--basava-cream);

    border: 1px solid rgba(201, 139, 39, 0.16);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.basaveshwar-legacy-card:hover {
    transform: translateY(-4px);

    box-shadow: 0 12px 25px rgba(7, 54, 83, 0.07);
}

.basaveshwar-legacy-card span {
    display: block;

    margin-bottom: 17px;

    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 10px;
    font-weight: 700;
}

.basaveshwar-legacy-card h3 {
    margin: 0 0 10px;

    color: var(--basava-navy);

    font-size: 20px;
    font-weight: 400;
}

.basaveshwar-legacy-card p {
    margin: 0 !important;

    color: var(--basava-muted) !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   FINAL SECTION
========================================================= */

.basaveshwar-final {
    position: relative;

    margin-top: 70px;

    background:
        linear-gradient(
            135deg,
            var(--basava-navy-deep),
            var(--basava-navy)
        );

    color: #ffffff;
}

.basaveshwar-final-inner {
    width: min(900px, calc(100% - 48px));

    margin: 0 auto;
    padding: 80px 20px;

    text-align: center;
}

.basaveshwar-final-symbol {
    display: block;

    margin-bottom: 20px;

    color: var(--basava-gold-light);

    font-size: 22px;
}

.basaveshwar-final h2 {
    margin: 0 0 20px;

    color: #ffffff;

    font-size: clamp(32px, 5vw, 48px);
    font-weight: 400;
    line-height: 1.2;
}

.basaveshwar-final p {
    max-width: 680px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.78);

    font-size: 18px;
    line-height: 1.85;
}

.basaveshwar-final-line {
    width: 65px;
    height: 1px;

    margin: 28px auto;

    background: var(--basava-gold);
}

.basaveshwar-final small {
    color: rgba(255, 255, 255, 0.6);

    font-family: var(--basava-sans);
    font-size: 11px;
    letter-spacing: 0.04em;
}


/* =========================================================
   ARTICLE SOURCE
========================================================= */

.basaveshwar-article-source {
    padding: 55px 0 80px;

    text-align: center;
}

.basaveshwar-article-source > span {
    display: block;

    margin-bottom: 13px;

    color: var(--basava-gold);

    font-family: var(--basava-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.basaveshwar-article-source p {
    max-width: 700px;

    margin: 0 auto;

    color: var(--basava-muted);

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


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

@media (max-width: 900px) {

    .basaveshwar-hero {
        min-height: 470px;
    }

    .basaveshwar-hero-inner {
        padding: 85px 0 75px;
    }

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

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

}


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

@media (max-width: 640px) {

    .basaveshwar-hero {
        min-height: 520px;

        background-position: 62% center;

        background:
            linear-gradient(
                180deg,
                rgba(2, 43, 68, 0.78) 0%,
                rgba(2, 43, 68, 0.92) 100%
            ),
            url("/assets/hero-kudala-sangama-landscape.png");

        background-size: cover;
        background-position: center;
    }

    .basaveshwar-hero-inner {
        width: calc(100% - 34px);

        padding: 80px 0 65px;
    }

    .basaveshwar-breadcrumb {
        margin-bottom: 48px;

        gap: 7px;

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

    .basaveshwar-eyebrow {
        font-size: 9px;
        letter-spacing: 0.15em;
    }

    .basaveshwar-hero h1 {
        font-size: 48px;
        line-height: 1.04;
    }

    .basaveshwar-hero-content > p {
        font-size: 17px;
        line-height: 1.65;
    }

    .basaveshwar-container {
        width: calc(100% - 34px);
    }

    .basaveshwar-article-header {
        padding: 65px 0 45px;
    }

    .basaveshwar-article-header h2 {
        font-size: 34px;
    }

    .basaveshwar-source {
        font-size: 14px;
    }

    .basaveshwar-section {
        padding: 48px 0;
    }

    .basaveshwar-section p {
        font-size: 16px;
        line-height: 1.85;
    }

    .basaveshwar-lead {
        font-size: 21px !important;
        line-height: 1.65 !important;
    }

    .basaveshwar-section-heading {
        grid-template-columns: 50px 1fr;
        gap: 14px;

        margin-bottom: 30px;
    }

    .basaveshwar-section-heading > span {
        width: 43px;
        height: 43px;

        font-size: 11px;
    }

    .basaveshwar-section-heading h2 {
        font-size: 29px;
    }

    .basaveshwar-section-heading small {
        font-size: 8px;
        letter-spacing: 0.13em;
    }

    .basaveshwar-quote {
        margin: 35px 0;
        padding: 35px 25px 30px 37px;
    }

    .basaveshwar-quote p {
        font-size: 19px !important;
        line-height: 1.65 !important;
    }

    .quote-mark {
        left: 13px;
        font-size: 38px;
    }

    .basaveshwar-quality-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .basaveshwar-quality-card {
        min-height: auto;
        padding: 20px;
    }

    .basaveshwar-principle {
        padding: 30px 24px;
    }

    .basaveshwar-principle p {
        font-size: 19px !important;
    }

    .basaveshwar-emphasis {
        align-items: flex-start;

        margin: 35px 0;
        padding: 24px 0;
    }

    .basaveshwar-emphasis p {
        font-size: 19px !important;
    }

    .basaveshwar-vocations {
        grid-template-columns: 1fr;
        gap: 8px;

        margin: 32px 0;
    }

    .basaveshwar-vocation {
        padding: 16px;
    }

    .basaveshwar-vocation strong {
        font-size: 14px;
    }

    .basaveshwar-vocation span {
        font-size: 9px;
    }

    .basaveshwar-long-quote {
        padding: 28px 22px;
    }

    .basaveshwar-long-quote p {
        font-size: 15px;
        line-height: 1.8;
    }

    .basaveshwar-source-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .basaveshwar-legacy-grid {
        grid-template-columns: 1fr;
        gap: 10px;

        margin: 35px 0;
    }

    .basaveshwar-legacy-card {
        padding: 22px;
    }

    .basaveshwar-final {
        margin-top: 35px;
    }

    .basaveshwar-final-inner {
        width: calc(100% - 34px);

        padding: 60px 0;
    }

    .basaveshwar-final h2 {
        font-size: 34px;
    }

    .basaveshwar-final p {
        font-size: 16px;
        line-height: 1.75;
    }

    .basaveshwar-article-source {
        padding: 45px 0 65px;
    }

    .basaveshwar-article-source p {
        font-size: 13px;
    }
}


/* //////////////////////////////////////////////////////////////////////////////////////BASVA VACHANAS///////////////////////////////////////////////////////////////////////// */

/* =========================================================
   BASAVA'S VACHANAS
   ========================================================= */
:root {
    --basava-vachana-navy: #073653;
    --basava-vachana-navy-deep: #022b44;
    --basava-vachana-gold: #c98b27;
    --basava-vachana-gold-light: #d9a13a;

    --basava-vachana-cream: #f8f3e9;
    --basava-vachana-paper: #fcfaf5;

    --basava-vachana-ink: #263f4d;
    --basava-vachana-muted: #687783;
    --basava-vachana-line: rgba(7, 54, 83, 0.14);

    --article-background: #F8F4EC;
    --sidebar-background: #F6F1E8;
    --article-text: #29251f;
    --article-heading: #95651E;
    --nav-text: #716F6A;
    --nav-active: #073653;
}


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

.basava-vachanas-page {
    width: 100%;
    overflow: clip;

    background: var(--article-background);
    color: var(--article-text);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   COMPLETE ANIMATION RESET
========================================================= */

.basava-vachanas-page,
.basava-vachanas-page *,
.basava-vachanas-page *::before,
.basava-vachanas-page *::after {
    animation: none !important;
    transition: none !important;
}

.basava-vachanas-page *:hover {
    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-intro {
    padding: 55px 24px 35px;

    background:
        linear-gradient(
            180deg,
            #fcfaf5 0%,
            #f8f3e9 100%
        );

    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-container {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;

    margin: 0 auto;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   KICKER
========================================================= */

.basava-vachanas-kicker {
    margin-bottom: 10px;

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

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .22em;
    text-transform: uppercase;

    color: var(--basava-vachana-gold);

    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-intro h2 {
    margin: 0 0 14px;

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

    font-size: 42px;
    font-weight: 400;
    line-height: 1.15;

    color: var(--basava-vachana-navy);

    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-intro
> .basava-vachanas-container
> p {
    max-width: 760px;

    margin: 0;

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

    font-size: 18px;
    line-height: 1.8;

    color: var(--basava-vachana-muted);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   READING SECTION
========================================================= */

.basava-vachanas-reading {
    padding: 25px 24px 65px;

    background:
        linear-gradient(
            180deg,
            #f8f3e9 0%,
            #fcfaf5 100%
        );

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   VACHANA GRID
========================================================= */

.basava-vachanas-grid {
    display: grid;

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

    gap: 22px;

    align-items: stretch;

    animation: none !important;
    transition: none !important;
}


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

.basava-vachana-card {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 20px;

    min-width: 0;
    min-height: 0;

    height: 400px;

    padding: 30px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(250,247,240,.88)
        );

    border: 1px solid rgba(7,54,83,.13);

    border-radius: 8px;

    box-shadow:
        0 8px 28px
        rgba(7,54,83,.055);

    overflow: hidden;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   CARD TOP GOLD LINE
========================================================= */

.basava-vachana-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 30px;
    right: 30px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201,139,39,.65),
            transparent
        );

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   CARD HOVER STATIC
========================================================= */

.basava-vachana-card:hover {
    border: 1px solid rgba(7,54,83,.13);

    box-shadow:
        0 8px 28px
        rgba(7,54,83,.055);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   ACTUAL BLADE CARD
========================================================= */

.basava-vachanas-page .vachana-card {
    margin-bottom: 18px;

    animation: none !important;
    transition: none !important;
}

.basava-vachanas-page .vachana-card:hover {
    animation: none !important;
    transition: none !important;
}


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

.basava-vachana-number {
    flex: 0 0 auto;

    width: 48px;
    height: 48px;

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

    border: 1px solid rgba(201,139,39,.55);
    border-radius: 50%;

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

    font-size: 15px;
    line-height: 1;

    color: var(--basava-vachana-gold);

    background: rgba(201,139,39,.055);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   ACTUAL BLADE NUMBER
========================================================= */

.basava-vachanas-page .vachana-number {
    animation: none !important;
    transition: none !important;
}


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

.basava-vachana-scroll {
    flex: 1 1 auto;

    min-width: 0;
    min-height: 0;

    height: 100%;

    overflow-y: auto;
    overflow-x: hidden;

    padding-right: 15px;

    scrollbar-width: thin;

    scrollbar-color:
        rgba(201,139,39,.65)
        rgba(7,54,83,.07);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   CUSTOM SCROLLBAR
========================================================= */

.basava-vachana-scroll::-webkit-scrollbar {
    width: 5px;
}

.basava-vachana-scroll::-webkit-scrollbar-track {
    background: rgba(7,54,83,.055);
    border-radius: 20px;
}

.basava-vachana-scroll::-webkit-scrollbar-thumb {
    background: rgba(201,139,39,.62);
    border-radius: 20px;
}

.basava-vachana-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(201,139,39,.62);
}


/* =========================================================
   VACHANA TEXT
========================================================= */

.basava-vachana-text {
    min-width: 0;

    padding-bottom: 15px;

    animation: none !important;
    transition: none !important;
}

.basava-vachana-text p {
    margin: 0;

    font-family: "Lora" !important;

    font-size: 17px;
    line-height: 1.85;
    letter-spacing: .005em;

    color: var(--basava-vachana-ink);

    animation: none !important;
    transition: none !important;
}

.basava-vachana-text p + p {
    margin-top: 20px;
}


/* =========================================================
   VACHANA BLOCKQUOTE
========================================================= */

.basava-vachanas-page .vachana-card blockquote,
.basava-vachanas-page .vachana-card blockquote *,
.basava-vachanas-page .vachana-card cite {
    font-family: "Lora" !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   VACHANA CARD PARAGRAPH
========================================================= */

.basava-vachanas-page
.vachana-card
blockquote
p {
    font-family: "Lora" !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    color: var(--basava-vachana-ink);

    margin-bottom: 10px !important;
}


/* =========================================================
   ARTICLE BACKGROUND
========================================================= */

.basava-vachanas-page,
.basava-vachanas-page .buddha-article-intro,
.basava-vachanas-page .buddha-article-section,
.basava-vachanas-page .buddha-page-container,
.basava-vachanas-page .buddha-article-layout,
.basava-vachanas-page .buddha-article-content {
    background: var(--article-background);
}


/* =========================================================
   ARTICLE GLOBAL SPACING
========================================================= */

.basava-vachanas-page .buddha-article-intro {
    padding-top: 45px !important;
    padding-bottom: 20px !important;

    margin-bottom: 0 !important;
}

.basava-vachanas-page .buddha-article-section {
    padding-top: 20px !important;
    padding-bottom: 50px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   ARTICLE LAYOUT
========================================================= */

.basava-vachanas-page .buddha-article-layout {
    align-items: start;
}


/* =========================================================
   ARTICLE CONTENT
   LORA ONLY
========================================================= */

/* .basava-vachanas-page .buddha-article-content,
.basava-vachanas-page .buddha-article-content p,
.basava-vachanas-page .buddha-article-content p *,
.basava-vachanas-page .buddha-article-content blockquote,
.basava-vachanas-page .buddha-article-content blockquote *,
.basava-vachanas-page .buddha-article-content cite,
.basava-vachanas-page .buddha-article-content li {
    font-family: "Lora" !important;
} */


/* =========================================================
   ARTICLE MAIN TEXT
========================================================= */

.basava-vachanas-page .buddha-article-content p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;

    font-family: "Lora" !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    color: #29251f !important;

    text-align: justify;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   LAST PARAGRAPH
========================================================= */

.basava-vachanas-page
.buddha-article-content
p:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   ARTICLE SECTION SPACING
========================================================= */

.basava-vachanas-page
.buddha-article-content
> section {
    margin-top: 0 !important;
    margin-bottom: 20px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.basava-vachanas-page
.buddha-article-content
> section + section {
    margin-top: 18px !important;
}


/* =========================================================
   ARTICLE H2
========================================================= */

.basava-vachanas-page
.buddha-article-content
h2 {
    position: relative;

    display: inline-block;

    width: auto;

    margin:
        8px
        0
        10px !important;

    padding: 0 !important;

    font-family: "Lora" !important;

    font-size: 19px !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;

    letter-spacing: normal !important;

    text-transform: none !important;

    color: #95651E !important;

    overflow-wrap: anywhere;
    word-break: normal;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   H2 DECORATIVE LINES REMOVE
========================================================= */

.basava-vachanas-page
.buddha-article-content
h2::before,

.basava-vachanas-page
.buddha-article-content
h2::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   MAIN H1
========================================================= */

.basava-vachanas-page
.basava-vachanas-main-title {
    position: relative !important;

    display: block !important;

    width: auto;

    margin:
        -35px
        0
        18px !important;

    padding: 0 !important;

    font-family: "Source Serif 4" !important;

    font-size: 34px !important;

    font-weight: 400 !important;

    line-height: 1.25 !important;

    letter-spacing: normal !important;

    text-transform: none !important;

    color: var(--basava-vachana-navy) !important;

    overflow-wrap: anywhere;
    word-break: normal;

    text-align: left;

    border: none !important;
    box-shadow: none !important;

    animation: none !important;
    transition: none !important;

    transform: translateY(-20px) !important;
}


/* =========================================================
   H1 DECORATIVE LINES REMOVE
========================================================= */

.basava-vachanas-page
.basava-vachanas-main-title::before,

.basava-vachanas-page
.basava-vachanas-main-title::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   VACHANAS 1–2
========================================================= */

.basava-vachanas-page
#vachana-1-2
> h2 {
    position: relative;

    margin:
        0
        0
        10px !important;

    padding: 0 !important;

    font-family:"Source Serif 4" !important;

    font-size: 19px !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;

    color: #95651E !important;

    transform: none !important;
}


/* =========================================================
   VACHANAS 1–2 DECORATIVE LINES REMOVE
========================================================= */

.basava-vachanas-page
#vachana-1-2
> h2::before,

.basava-vachanas-page
#vachana-1-2
> h2::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   SECTION DIVIDER REMOVE
========================================================= */

.basava-vachanas-page .buddha-section-divider {
    display: none !important;

    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   SOURCE
========================================================= */

.basava-vachana-source {
    display: block;

    margin-top: 12px;

    padding-top: 10px;

    border-top:
        1px solid
        rgba(7,54,83,.10);

    font-family: "Lora" !important;

    font-size: 14px;

    font-style: italic;

    color: var(--basava-vachana-muted);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   SCROLL BOTTOM SPACE
========================================================= */

.basava-vachana-scroll::after {
    content: "";

    display: block;

    height: 15px;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   SOURCE / NOTE / HIGHLIGHT STATIC
========================================================= */

.basava-vachanas-page
.buddha-highlight-box,

.basava-vachanas-page
.buddha-highlight-box *,

.basava-vachanas-page
.buddha-article-source,

.basava-vachanas-page
.buddha-article-source *,

.basava-vachanas-page
.buddha-references-card,

.basava-vachanas-page
.buddha-references-card * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   LEFT SIDEBAR
   FLOATING / STICKY
========================================================= */

.basava-vachanas-page
.buddha-reading-nav {
    position: sticky !important;

    top: 110px !important;

    align-self: flex-start !important;

    width: 100% !important;

    height: fit-content !important;

    max-height: calc(100vh - 130px) !important;

    overflow-y: auto !important;
    overflow-x: visible !important;

    padding: 0 !important;

    margin: 0 !important;

    background: transparent !important;

    border: none !important;
    border-left: none !important;

    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    z-index: 20 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;

    scrollbar-width: none;
}


/* =========================================================
   HIDE SIDEBAR SCROLLBAR
========================================================= */

.basava-vachanas-page
.buddha-reading-nav::-webkit-scrollbar {
    display: none;
}


/* =========================================================
   FLOATING SIDEBAR INNER
========================================================= */

.basava-vachanas-page
.buddha-reading-nav-inner {
    position: relative;

    width: 100% !important;

    padding:
        24px
        22px !important;

    background: #F6F1E8 !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}


/* =========================================================
   SIDEBAR LABEL
========================================================= */

.basava-vachanas-page
.buddha-reading-nav
.buddha-nav-label {
    margin:
        0
        0
        18px !important;

    padding: 0 !important;

    color: #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em;

    text-transform: uppercase;
}


/* =========================================================
   SIDEBAR LINKS
========================================================= */

.basava-vachanas-page
.buddha-reading-nav
a {
    display: block !important;

    position: relative;

    margin:
        0
        0
        13px !important;

    padding: 0 !important;

    color: #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.6 !important;

    text-decoration: none !important;

    background: transparent !important;

    border: none !important;
    border-left: none !important;

    box-shadow: none !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   LAST SIDEBAR LINK
========================================================= */

.basava-vachanas-page
.buddha-reading-nav
a:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   ACTIVE SIDEBAR LINK
========================================================= */

.basava-vachanas-page
.buddha-reading-nav
a.active {
    color: #073653 !important;

    font-weight: 400 !important;

    padding-left: 0 !important;

    background: transparent !important;

    border: none !important;
    border-left: none !important;

    box-shadow: none !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   SIDEBAR HOVER
========================================================= */

.basava-vachanas-page
.buddha-reading-nav
a:hover,

.basava-vachanas-page
.buddha-reading-nav
a:focus,

.basava-vachanas-page
.buddha-reading-nav
a:focus-visible,

.basava-vachanas-page
.buddha-reading-nav
a:active {
    color: #073653 !important;

    padding-left: 0 !important;

    background: transparent !important;

    border: none !important;
    border-left: none !important;

    box-shadow: none !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REFERENCES SECTION
========================================================= */

.basava-vachanas-references-section {
    position: relative;

    padding:
        55px
        24px
        65px;

    background:
        linear-gradient(
            180deg,
            #f8f3e9 0%,
            #fcfaf5 100%
        );

    color: var(--basava-vachana-ink);

    border-top:
        1px solid
        rgba(7,54,83,.08);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REFERENCES WRAPPER
========================================================= */

.basava-vachanas-references {
    width: min(950px, 100%);

    margin: 0 auto;

    text-align: center;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REFERENCES KICKER
========================================================= */

.basava-vachanas-references
.basava-vachanas-kicker {
    margin-bottom: 10px;

    color: var(--basava-vachana-gold);

    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-references h2 {
    margin: 0;

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

    font-size: 44px;

    font-weight: 400;

    line-height: 1.2;

    color: var(--basava-vachana-navy);

    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-references h2::after {
    content: "";

    display: block;

    width: 60px;
    height: 2px;

    margin:
        16px
        auto
        25px;

    background:
        var(--basava-vachana-gold);

    animation: none !important;
    transition: none !important;
}


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

.basava-references-card {
    width: 100%;

    padding:
        5px
        30px;

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

    border:
        1px solid
        rgba(7,54,83,.12);

    border-radius: 8px;

    box-shadow:
        0 12px 38px
        rgba(7,54,83,.08);

    text-align: left;

    animation: none !important;
    transition: none !important;
}


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

.basava-reference-item {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr);

    gap: 18px;

    align-items: start;

    padding:
        18px 4px;

    border-bottom:
        1px solid
        rgba(7,54,83,.10);

    animation: none !important;
    transition: none !important;
}

.basava-reference-item:last-child {
    border-bottom: none;
}


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

.basava-reference-item > span {
    width: 34px;
    height: 34px;

    display: flex;

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

    border:
        1px solid
        rgba(201,139,39,.60);

    border-radius: 50%;

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

    font-size: 14px;

    color:
        var(--basava-vachana-gold);

    background:
        rgba(201,139,39,.06);

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REFERENCE TEXT
========================================================= */

.basava-reference-item p {
    margin: 2px 0 0;

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

    font-size: 16px;

    line-height: 1.65;

    color:
        var(--basava-vachana-ink);

    animation: none !important;
    transition: none !important;
}


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

.basava-reference-item a {
    color:
        var(--basava-vachana-gold);

    text-decoration: none;

    word-break: break-word;

    animation: none !important;
    transition: none !important;
}

.basava-reference-item a:hover {
    color:
        var(--basava-vachana-gold);

    text-decoration: none;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-page
.great-sharanas-hero,

.basava-vachanas-page
.great-sharanas-hero *,

.basava-vachanas-page
.buddha-article-intro,

.basava-vachanas-page
.buddha-article-intro *,

.basava-vachanas-page
.buddha-article-section,

.basava-vachanas-page
.buddha-article-section *,

.basava-vachanas-page
.buddha-article-layout,

.basava-vachanas-page
.buddha-article-layout * {
    animation: none !important;
    transition: none !important;
}


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

.basava-vachanas-page
.great-sharanas-hero img {
    animation: none !important;
    transition: none !important;
}


/* =========================================================
   HERO HOVER RESET
========================================================= */

.basava-vachanas-page
.great-sharanas-hero:hover,

.basava-vachanas-page
.great-sharanas-hero img:hover,

.basava-vachanas-page
.great-sharanas-hero-content:hover,

.basava-vachanas-page
.great-sharanas-hero-shade:hover {
    animation: none !important;
    transition: none !important;

    transform: none !important;
}


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

.basava-vachanas-page
.great-sharanas-hero a,

.basava-vachanas-page
.great-sharanas-hero a:hover {
    animation: none !important;
    transition: none !important;

    transform: none !important;
}


/* =========================================================
   HERO TEXT DESKTOP
========================================================= */

.basava-vachanas-page
.great-sharanas-hero-content {
    transform:
        translateY(-125px) !important;

    animation: none !important;
    transition: none !important;
}

.basava-vachanas-page
.great-sharanas-hero-content:hover {
    transform:
        translateY(-125px) !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   HERO INNER TEXT
========================================================= */

.basava-vachanas-page
.great-sharanas-hero-content h1,

.basava-vachanas-page
.great-sharanas-hero-content p,

.basava-vachanas-page
.great-sharanas-hero-content a,

.basava-vachanas-page
.great-sharanas-hero-content b,

.basava-vachanas-page
.great-sharanas-hero-content span,

.basava-vachanas-page
.great-sharanas-hero-content i {
    animation: none !important;
    transition: none !important;
}


/* =========================================================
   ARTICLE SOURCE / REFERENCES STATIC
========================================================= */

.basava-vachanas-page
.buddha-references-section {
    padding-top: 45px !important;
    padding-bottom: 55px !important;
}


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

@media (max-width: 900px) {

    .basava-vachanas-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 720px) {

    /* -----------------------------------------------------
       SIDEBAR
       STATIC ON MOBILE
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-reading-nav {
        position: static !important;

        top: auto !important;

        width: 100% !important;

        max-height: none !important;

        overflow: visible !important;

        margin: 0 !important;

        transform: none !important;
    }


    .basava-vachanas-page
    .buddha-reading-nav-inner {
        padding:
            20px
            18px !important;
    }


    .basava-vachanas-page
    .buddha-reading-nav
    a {
        font-size: 13px !important;

        line-height: 1.6 !important;

        margin-bottom:
            12px !important;
    }


    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    .basava-vachanas-container {
        width:
            calc(100% - 32px);
    }


    /* -----------------------------------------------------
       HERO
    ----------------------------------------------------- */

    .basava-vachanas-page
    .great-sharanas-hero-content {
        position: absolute !important;

        top: 23% !important;

        bottom: auto !important;

        left: 16px !important;
        right: 16px !important;

        width: auto !important;

        max-width: none !important;

        margin: 0 !important;

        padding: 0 !important;

        transform:
            translateY(0) !important;

        overflow: visible !important;

        animation: none !important;
        transition: none !important;
    }


    .basava-vachanas-page
    .great-sharanas-hero-content:hover {
        transform:
            translateY(0) !important;
    }


    .basava-vachanas-page
    .great-sharanas-crumb {
        max-width: 100% !important;

        overflow: visible !important;

        white-space: normal !important;

        line-height: 1.5 !important;

        margin-bottom: 10px !important;
    }


    .basava-vachanas-page
    .great-sharanas-hero-content h1 {
        max-width: 100% !important;

        margin-bottom: 10px !important;

        line-height: 1.15 !important;

        white-space: normal !important;

        overflow: visible !important;

        word-break: normal !important;

        overflow-wrap: normal !important;
    }


    .basava-vachanas-page
    .great-sharanas-descriptor {
        max-width: 100% !important;

        margin-bottom: 12px !important;

        line-height: 1.45 !important;

        white-space: normal !important;

        overflow: visible !important;
    }


    .basava-vachanas-page
    .great-sharanas-hero-intro {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        margin:
            0
            0
            14px
            0 !important;

        padding: 0 !important;

        font-size: 15px !important;

        line-height: 1.65 !important;

        white-space: normal !important;

        overflow: visible !important;

        text-overflow: clip !important;

        word-break: normal !important;

        overflow-wrap: break-word !important;

        hyphens: none !important;
    }


    .basava-vachanas-page
    .great-sharanas-gold-rule {
        display: none !important;
    }


    /* -----------------------------------------------------
       INTRO
    ----------------------------------------------------- */

    .basava-vachanas-intro {
        padding:
            45px
            16px
            30px;
    }


    .basava-vachanas-intro h2 {
        font-size: 34px;
    }


    .basava-vachanas-intro
    > .basava-vachanas-container
    > p {
        font-size: 16px;

        line-height: 1.75;
    }


    /* -----------------------------------------------------
       READING
    ----------------------------------------------------- */

    .basava-vachanas-reading {
        padding:
            20px
            16px
            55px;
    }


    .basava-vachanas-grid {
        gap: 16px;
    }


    /* -----------------------------------------------------
       ARTICLE SPACING
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-intro {
        padding-top:
            30px !important;

        padding-bottom:
            15px !important;
    }


    .basava-vachanas-page
    .buddha-article-section {
        padding-top:
            15px !important;

        padding-bottom:
            35px !important;
    }


    .basava-vachanas-page
    .buddha-article-content
    > section {
        margin-bottom:
            16px !important;
    }


    .basava-vachanas-page
    .buddha-article-content
    > section + section {
        margin-top:
            15px !important;
    }


    /* -----------------------------------------------------
       MOBILE MAIN H1
    ----------------------------------------------------- */

    .basava-vachanas-page
    .basava-vachanas-main-title {
        font-family: "Lora" !important;

        font-size:
            29px !important;

        font-weight:
            400 !important;

        line-height:
            1.25 !important;

        letter-spacing:
            normal !important;

        text-transform:
            none !important;

        margin:
            -25px
            0
            14px !important;

        color:
            var(--basava-vachana-navy) !important;

        transform:
            translateY(-10px) !important;
    }


    /* -----------------------------------------------------
       MOBILE ARTICLE TEXT
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-content,

    .basava-vachanas-page
    .buddha-article-content p,

    .basava-vachanas-page
    .buddha-article-content p *,

    .basava-vachanas-page
    .buddha-article-content blockquote,

    .basava-vachanas-page
    .buddha-article-content blockquote *,

    .basava-vachanas-page
    .buddha-article-content li {
        font-family:
            "Lora" !important;
    }


    .basava-vachanas-page
    .buddha-article-content
    p {
        font-size:
            18px !important;

        font-weight:
            400 !important;

        line-height:
            1.8 !important;

        margin-bottom:
            9px !important;
    }


    /* -----------------------------------------------------
       MOBILE H2
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-content
    h2 {
        font-family:
            "Lora" !important;

        font-size:
            19px !important;

        font-weight:
            400 !important;

        line-height:
            1.45 !important;

        letter-spacing:
            normal !important;

        text-transform:
            none !important;

        color:
            #95651E !important;

        margin:
            6px
            0
            9px !important;

        padding: 0 !important;
    }


    /* -----------------------------------------------------
       MOBILE VACHANAS 1–2
    ----------------------------------------------------- */

    .basava-vachanas-page
    #vachana-1-2
    > h2 {
        font-family:
            "Lora" !important;

        font-size:
            19px !important;

        margin:
            0
            0
            9px !important;

        transform:
            none !important;
    }


    /* -----------------------------------------------------
       CARD
    ----------------------------------------------------- */

    .basava-vachana-card {
        height: 400px;

        gap: 15px;

        padding:
            27px
            18px;

        margin-bottom:
            14px !important;
    }


    .basava-vachana-card::before {
        left: 18px;
        right: 18px;
    }


    /* -----------------------------------------------------
       NUMBER
    ----------------------------------------------------- */

    .basava-vachana-number {
        width: 40px;
        height: 40px;

        font-size: 14px;
    }


    /* -----------------------------------------------------
       VACHANA TEXT
    ----------------------------------------------------- */

    .basava-vachana-text p {
        font-family:
            "Lora" !important;

        font-size:
            16px;

        line-height:
            1.78;
    }


    /* -----------------------------------------------------
       REFERENCES
    ----------------------------------------------------- */

    .basava-vachanas-references-section {
        padding:
            45px
            16px
            55px;
    }


    .basava-vachanas-references h2 {
        font-size:
            34px;
    }


    .basava-vachanas-references h2::after {
        margin-bottom:
            22px;
    }


    .basava-references-card {
        padding:
            5px
            18px;
    }


    .basava-reference-item {
        grid-template-columns:
            34px minmax(0,1fr);

        gap: 12px;

        padding:
            17px 0;
    }


    .basava-reference-item > span {
        width: 29px;
        height: 29px;

        font-size: 13px;
    }


    .basava-reference-item p {
        font-size: 15px;

        line-height: 1.65;
    }


    .basava-vachanas-page
    .buddha-references-section {
        padding-top:
            35px !important;

        padding-bottom:
            45px !important;
    }

}


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

@media (max-width: 480px) {

    .basava-vachanas-page
    .great-sharanas-hero-content {
        top: 20% !important;

        left: 14px !important;
        right: 14px !important;

        width: auto !important;

        transform:
            translateY(0) !important;

        overflow: visible !important;
    }


    .basava-vachanas-page
    .great-sharanas-hero-intro {
        font-size: 14px !important;

        line-height: 1.6 !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;

        white-space: normal !important;

        word-break: normal !important;

        overflow-wrap: break-word !important;

        margin-bottom: 12px !important;
    }


    /* -----------------------------------------------------
       SMALL MOBILE H1
    ----------------------------------------------------- */

    .basava-vachanas-page
    .basava-vachanas-main-title {
        font-family:
            "Source Serif 4" !important;

        font-size:
            27px !important;

        line-height:
            1.25 !important;

        margin:
            -22px
            0
            13px !important;

        color:
            var(--basava-vachana-navy) !important;

        transform:
            translateY(-8px) !important;
    }


    /* -----------------------------------------------------
       SMALL MOBILE H2
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-content
    h2 {
        font-family:
            "Source Serif 4" !important;

        font-size:
            18px !important;

        line-height:
            1.45 !important;

        margin:
            5px
            0
            8px !important;
    }


    /* -----------------------------------------------------
       SMALL MOBILE TEXT
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-content
    p {
        font-family:
            "Source Serif 4" !important;

        font-size:
            18px !important;

        line-height:
            1.8 !important;

        margin-bottom:
            8px !important;
    }


    /* -----------------------------------------------------
       SMALL MOBILE CARD
    ----------------------------------------------------- */

    .basava-vachana-card {
        height: 380px;

        gap: 12px;

        padding:
            25px
            15px;

        margin-bottom:
            12px !important;
    }


    .basava-vachana-number {
        width: 38px;
        height: 38px;

        font-size: 13px;
    }


    .basava-vachana-scroll {
        padding-right: 8px;
    }


    .basava-vachana-text p {
        font-family:
            "Lora" !important;

        font-size:
            15px;

        line-height:
            1.72;
    }


    .basava-vachana-source {
        font-family:
            "Lora" !important;

        font-size:
            13px;
    }


    .basava-vachanas-references h2 {
        font-size:
            31px;
    }


    .basava-vachanas-page
    .buddha-article-content
    > section {
        margin-bottom:
            15px !important;
    }


    .basava-vachanas-page
    .buddha-article-content
    > section + section {
        margin-top:
            14px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .basava-vachanas-page
    .great-sharanas-hero-content {
        top: 17% !important;

        left: 12px !important;
        right: 12px !important;
    }


    .basava-vachanas-page
    .great-sharanas-hero-content h1 {
        font-size:
            30px !important;

        line-height:
            1.12 !important;
    }


    .basava-vachanas-page
    .great-sharanas-descriptor {
        font-size:
            13px !important;

        line-height:
            1.4 !important;
    }


    .basava-vachanas-page
    .great-sharanas-hero-intro {
        font-size:
            13px !important;

        line-height:
            1.55 !important;
    }


    /* -----------------------------------------------------
       VERY SMALL H1
    ----------------------------------------------------- */

    .basava-vachanas-page
    .basava-vachanas-main-title {
        font-family:
            "Lora" !important;

        font-size:
            27px !important;

        line-height:
            1.25 !important;

        margin:
            -20px
            0
            12px !important;

        color:
            var(--basava-vachana-navy) !important;

        transform:
            translateY(-6px) !important;
    }


    /* -----------------------------------------------------
       VERY SMALL H2
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-content
    h2 {
        font-family:
            "Lora" !important;

        font-size:
            18px !important;

        line-height:
            1.45 !important;

        margin:
            5px
            0
            8px !important;
    }


    /* -----------------------------------------------------
       VERY SMALL TEXT
    ----------------------------------------------------- */

    .basava-vachanas-page
    .buddha-article-content
    p {
        font-family:
            "Lora" !important;

        font-size:
            18px !important;

        line-height:
            1.8 !important;

        margin-bottom:
            8px !important;
    }


    /* -----------------------------------------------------
       VERY SMALL VACHANAS 1–2
    ----------------------------------------------------- */

    .basava-vachanas-page
    #vachana-1-2
    > h2 {
        font-family:
            "Lora" !important;

        font-size:
            18px !important;

        margin:
            0
            0
            8px !important;

        transform:
            none !important;
    }

}


/* =========================================================
   REMOVE PARENT DECORATIVE LINES
========================================================= */

.basava-vachanas-page
.buddha-article-intro::before,

.basava-vachanas-page
.buddha-article-intro::after,

.basava-vachanas-page
.buddha-article-content::before,

.basava-vachanas-page
.buddha-article-content::after {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .basava-vachanas-page *,
    .basava-vachanas-page *::before,
    .basava-vachanas-page *::after {
        animation: none !important;

        transition: none !important;

        scroll-behavior: auto !important;
    }

}


/* =========================================================
   BASAVA VACHANAS - FINAL OVERRIDE
   Font: Source Serif 4
   Side Line: Dark Red
   Reduced Spacing
========================================================= */

/* SOURCE SERIF 4 FONT */
.basava-vachanas-page .basava-vachana-text,
.basava-vachanas-page .basava-vachana-text *,
.basava-vachanas-page .vachana-card blockquote,
.basava-vachanas-page .vachana-card blockquote *,
.basava-vachanas-page .vachana-card cite,
.basava-vachanas-page .buddha-article-content,
.basava-vachanas-page .buddha-article-content p,
.basava-vachanas-page .buddha-article-content p *,
.basava-vachanas-page .buddha-article-content blockquote,
.basava-vachanas-page .buddha-article-content blockquote *,
.basava-vachanas-page .buddha-article-content li {
    font-family: "Source Serif 4", serif !important;
    text-align: left;
    font-size: 18px;
}

/* CARD TEXT SIZE */
.basava-vachanas-page .basava-vachana-text p,
.basava-vachanas-page .vachana-card blockquote p {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

/* ARTICLE TEXT SIZE */
.basava-vachanas-page .buddha-article-content p {
    font-size: 18px !important;
    line-height: 1.7 !important;
}

/* DARK RED SIDE LINE ON CARD */
.basava-vachanas-page .basava-vachana-card {
    border-left: 3px solid #7b1e24 !important;
}

/* KEEP CARD TOP LINE UNCHANGED */
.basava-vachanas-page .basava-vachana-card::before {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(201, 139, 39, 0.65),
        transparent
    ) !important;
}

/* REDUCE CARD INNER SPACING */
.basava-vachanas-page .basava-vachana-card {
    gap: 14px !important;
    padding: 22px !important;
}

/* REDUCE SPACE BETWEEN PARAGRAPHS */
.basava-vachanas-page .basava-vachana-text p + p {
    margin-top: 12px !important;
}

/* REDUCE ARTICLE PARAGRAPH SPACING */
.basava-vachanas-page .buddha-article-content p {
    margin-bottom: 7px !important;
}

/* REDUCE ARTICLE SECTION SPACING */
.basava-vachanas-page .buddha-article-content > section {
    margin-bottom: 14px !important;
}

.basava-vachanas-page .buddha-article-content > section + section {
    margin-top: 12px !important;
}

/* MOBILE SPACING */
@media (max-width: 720px) {
    .basava-vachanas-page .basava-vachana-card {
        gap: 12px !important;
        padding: 20px 15px !important;
    }

    .basava-vachanas-page .basava-vachana-text p,
    .basava-vachanas-page .vachana-card blockquote p {
        font-size: 18px !important;
        line-height: 1.65 !important;
    }

    .basava-vachanas-page .basava-vachana-text p + p {
        margin-top: 10px !important;
    }
}


/* Vachana 03 ke blockquote ke side ki line dark red */
.basava-vachanas-page #vachana-3-4 .vachana-card blockquote {
    border-left: 3px solid #7b1e24 !important;
    padding-left: 16px !important;
}

/* Agar side line pseudo-element se bani hai */
.basava-vachanas-page #vachana-3-4 .vachana-card blockquote::before {
    border-color: #7b1e24 !important;
    background-color: #7b1e24 !important;
}


/* /////////////////////////////////////////////////////////////////////////BUDDHA BUDHISM CSS//////////////////////////////////////////////////////////////////////////////// */

:root {
    --buddha-navy: #073653;
    --buddha-navy-deep: #022b44;

    --buddha-gold: #95651E;
    --buddha-gold-light: #d9a13a;

    --buddha-cream: #f8f3e9;
    --buddha-paper: #F8F4EC;
    --buddha-white: #ffffff;

    --buddha-ink: #29251f;
    --buddha-muted: #716F6A;

    --buddha-line: rgba(7, 54, 83, 0.13);

    --article-bg: #F8F4EC;
    --article-nav-bg: #F6F1E8;
    --article-nav-text: #716F6A;
    --article-nav-active: #073653;
}


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

.buddha-buddhism-page,
.buddha-buddhism-page *,
.buddha-buddhism-page *::before,
.buddha-buddhism-page *::after {
    box-sizing: border-box;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REMOVE HOVER MOVEMENT
========================================================= */

.buddha-buddhism-page *:hover {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   PAGE BACKGROUND
========================================================= */

.buddha-buddhism-page {
    background: var(--article-bg);
    color: var(--buddha-ink);
}


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

.buddha-buddhism-page .great-sharanas-hero {
    position: relative;
    overflow: hidden;
}

.buddha-buddhism-page .great-sharanas-hero img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}

.buddha-buddhism-page .great-sharanas-hero-shade {
    animation: none !important;
    transition: none !important;
}


/* =========================================================
   DESKTOP HERO CONTENT
========================================================= */

.buddha-buddhism-page .great-sharanas-hero-content {
    transform: translateY(-180px) !important;

    transition: none !important;
    animation: none !important;
}

.buddha-buddhism-page .great-sharanas-hero-content:hover {
    transform: translateY(-180px) !important;

    transition: none !important;
    animation: none !important;
}


/* =========================================================
   HERO INNER ELEMENTS
========================================================= */

.buddha-buddhism-page .great-sharanas-hero-content *,
.buddha-buddhism-page .great-sharanas-hero-content *:hover {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}


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

.buddha-buddhism-page .great-sharanas-hero-content h1,
.buddha-buddhism-page .great-sharanas-hero-content p,
.buddha-buddhism-page .great-sharanas-hero-content a,
.buddha-buddhism-page .great-sharanas-hero-content span,
.buddha-buddhism-page .great-sharanas-hero-content b,
.buddha-buddhism-page .great-sharanas-hero-content i {
    animation: none !important;
    transition: none !important;
}


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

.buddha-page-container {
    width: min(1280px, calc(100% - 48px));
    max-width: 1280px;

    margin: 0 auto;
}


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

.buddha-article-intro {
    padding: 90px 0 55px;

    background: var(--article-bg);
}

.buddha-article-intro .buddha-page-container {
    max-width: 1000px;
}

.buddha-article-intro p {
    margin: 0;

    color: var(--buddha-ink);

    font-family: "Source Serif 4" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;

    text-align: left;
}


/* =========================================================
   ARTICLE LAYOUT
========================================================= */

.buddha-article-layout {
    display: grid;

    grid-template-columns: 280px minmax(0, 1fr);

    gap: 65px;

    align-items: start;
}


/* =========================================================
   FLOATING / STICKY LEFT NAVIGATION
========================================================= */

.buddha-buddhism-page .buddha-reading-nav,
.buddha-buddhism-page .buddha-quick-nav {

    position: sticky !important;

    top: 110px !important;

    align-self: start !important;

    width: 100%;

    height: fit-content;

    max-height: calc(100vh - 130px);

    overflow-y: auto;

    padding: 0 !important;

    margin-top: -150px !important;

    margin-bottom: 40px;

    background: #F6F1E8 !important;

    border: none !important;

    border-left: none !important;

    box-shadow: none !important;

    z-index: 20;

    font-family: Arial, Helvetica, sans-serif !important;

    scrollbar-width: thin;
}


/* =========================================================
   HIDE SCROLLBAR VISUAL
========================================================= */

.buddha-buddhism-page .buddha-reading-nav::-webkit-scrollbar,
.buddha-buddhism-page .buddha-quick-nav::-webkit-scrollbar {
    width: 3px;
}

.buddha-buddhism-page .buddha-reading-nav::-webkit-scrollbar-track,
.buddha-buddhism-page .buddha-quick-nav::-webkit-scrollbar-track {
    background: transparent;
}

.buddha-buddhism-page .buddha-reading-nav::-webkit-scrollbar-thumb,
.buddha-buddhism-page .buddha-quick-nav::-webkit-scrollbar-thumb {
    background: rgba(113, 111, 106, 0.25);
    border-radius: 10px;
}


/* =========================================================
   NAV INNER
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner {

    padding: 28px 24px !important;

    margin-top: 0 !important;

    background: #F6F1E8 !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   IN THIS WRITING LABEL
========================================================= */

.buddha-buddhism-page .buddha-nav-label,
.buddha-buddhism-page .buddha-quick-nav h3 {

    margin: 0 0 20px !important;

    padding: 0 !important;

    color: #716F6A !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em;

    text-transform: uppercase;
}


/* =========================================================
   LEFT NAV LINKS
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner a,
.buddha-buddhism-page .buddha-quick-nav a {

    display: block !important;

    margin: 0 0 14px !important;

    padding: 0 !important;

    color: #716F6A !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.6 !important;

    text-decoration: none !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


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

.buddha-buddhism-page .buddha-reading-nav-inner a:last-child,
.buddha-buddhism-page .buddha-quick-nav a:last-child {
    margin-bottom: 0 !important;
}


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

.buddha-buddhism-page .buddha-reading-nav-inner a.active,
.buddha-buddhism-page .buddha-quick-nav a.active {

    color: #073653 !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;
}


/* =========================================================
   HOVER
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner a:hover,
.buddha-buddhism-page .buddha-reading-nav-inner a:focus,
.buddha-buddhism-page .buddha-reading-nav-inner a:focus-visible,
.buddha-buddhism-page .buddha-quick-nav a:hover,
.buddha-buddhism-page .buddha-quick-nav a:focus,
.buddha-buddhism-page .buddha-quick-nav a:focus-visible {

    color: #073653 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


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

.buddha-article-content {

    width: 100%;

    max-width: 950px;

    margin: 0 auto;

    background: var(--article-bg);

    color: var(--buddha-ink);

    font-family: "Source Serif 4" !important;
}


/* =========================================================
   MAIN ARTICLE TEXT
========================================================= */

.buddha-article-content p {

    margin: 0 0 24px;

    color: var(--buddha-ink);

    font-family: "Source Serif 4" !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    text-align: left;

    overflow-wrap: break-word;

    word-wrap: break-word;
}


/* =========================================================
   ALL ARTICLE H2
========================================================= */

.buddha-buddhism-page .buddha-article-content h2 {

    position: relative;

    display: block;

    width: auto;

    margin: 0 0 7px !important;

    padding: 0 !important;

    color: #95651E !important;

    font-family: "Source Serif 4" !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    letter-spacing: normal;

    text-transform: none;

    border: none !important;

    text-decoration: none !important;

    box-shadow: none !important;

    background: transparent !important;

    animation: none !important;

    transition: none !important;

    transform: none !important;
}


/* =========================================================
   REMOVE H2 DECORATIVE LINE
========================================================= */

.buddha-buddhism-page .buddha-article-content h2::before,
.buddha-buddhism-page .buddha-article-content h2::after {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   MAIN H1
========================================================= */

.buddha-buddhism-page .buddha-main-title {

    position: relative;

    display: block;

    width: auto;

    margin: -150px 0 24px !important;

    padding: 0 !important;

    color: var(--buddha-navy) !important;

    font-family: "Source Serif 4" !important;

    font-size: 34px !important;

    line-height: 1.25;

    font-weight: 400 !important;

    border: none !important;

    text-decoration: none !important;

    box-shadow: none !important;

    background: transparent !important;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   REMOVE H1 DECORATIVE LINE
========================================================= */

.buddha-buddhism-page .buddha-main-title::before,
.buddha-buddhism-page .buddha-main-title::after {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   H3
========================================================= */

.buddha-article-content h3 {

    margin: 38px 0 16px;

    color: var(--buddha-navy);

    font-family: "Source Serif 4" !important;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 700;
}


/* =========================================================
   H4
========================================================= */

.buddha-article-content h4 {

    margin: 28px 0 12px;

    color: var(--buddha-navy);

    font-family: "Source Serif 4" !important;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;
}


/* =========================================================
   ARTICLE SECTION
========================================================= */

.buddha-article-section {

    padding: 70px 0;

    background: var(--article-bg);
}

.buddha-article-section + .buddha-article-section {

    border-top: 1px solid var(--buddha-line);
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.buddha-article-content blockquote {

    position: relative;

    margin: 35px 0;

    padding: 28px 32px;

    border-left: 4px solid var(--buddha-gold);

    background: var(--buddha-cream);

    color: var(--buddha-navy);

    font-family: "Source Serif 4" !important;

    font-size: 21px;

    font-weight: 400;

    line-height: 1.8;

    font-style: italic;
}


.buddha-article-content blockquote p {

    margin: 0;

    color: inherit;

    font-family: "Source Serif 4" !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: inherit !important;
}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.buddha-highlight {

    margin: 35px 0;

    padding: 30px;

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

    background: var(--buddha-cream);
}

.buddha-highlight h3 {
    margin-top: 0;
}

.buddha-highlight p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SOURCE / NOTE
========================================================= */

.buddha-source {

    margin-top: 18px;

    color: var(--buddha-muted);

    font-family: "Source Serif 4" !important;

    font-size: 14px;

    line-height: 1.7;

    font-style: italic;
}


/* =========================================================
   REFERENCE SECTION
========================================================= */

.buddha-references-section {

    padding: 70px 0;

    background: var(--buddha-cream);

    border-top: 1px solid var(--buddha-line);
}


/* =========================================================
   REFERENCE H2
========================================================= */

.buddha-buddhism-page .buddha-references-section h2 {

    position: relative;

    margin: 0 0 28px !important;

    padding: 0 !important;

    color: #95651E !important;

    font-family: "Source Serif 4" !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    letter-spacing: normal;

    text-transform: none;

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;
}


/* =========================================================
   REMOVE REFERENCE HEADING LINE
========================================================= */

.buddha-buddhism-page .buddha-references-section h2::before,
.buddha-buddhism-page .buddha-references-section h2::after {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   REFERENCE LIST
========================================================= */

.buddha-references-section ul {

    margin: 0;

    padding-left: 22px;
}

.buddha-references-section li {

    margin-bottom: 12px;

    color: var(--buddha-ink);

    font-family: "Source Serif 4" !important;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.7;
}

.buddha-references-section a {

    color: var(--buddha-navy);

    text-decoration: none;
}

.buddha-references-section a:hover {

    color: var(--buddha-navy);
}


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

.vachana-card {

    position: relative;

    margin: 0 0 30px;

    padding: 32px;

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

    background: var(--buddha-white);
}


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

.vachana-number {

    margin-bottom: 14px;

    color: var(--buddha-gold);

    font-family: "Source Serif 4" !important;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1px;
}


.vachana-card p {
    margin-bottom: 18px;
}

.vachana-card p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   BASAVA VACHANAS
========================================================= */

.basava-vachanas-section {
    background: var(--article-bg);
}

.basava-vachanas-hero {
    position: relative;
}


/* =========================================================
   ARTICLE FONT
   SOURCE SERIF 4
========================================================= */

.buddha-buddhism-page .buddha-article-content,
.buddha-buddhism-page .buddha-article-content p,
.buddha-buddhism-page .buddha-article-content h1,
.buddha-buddhism-page .buddha-article-content h2,
.buddha-buddhism-page .buddha-article-content h3,
.buddha-buddhism-page .buddha-article-content h4,
.buddha-buddhism-page .buddha-article-content blockquote,
.buddha-buddhism-page .buddha-article-content li,
.buddha-buddhism-page .buddha-article-content strong,
.buddha-buddhism-page .buddha-article-content em {

    font-family: "Source Serif 4" !important;
    text-align: left;
}


/* =========================================================
   DESKTOP FLOATING SIDEBAR
   IMPORTANT
========================================================= */

@media (min-width: 721px) {

    .buddha-buddhism-page .buddha-article-layout {

        display: grid;

        grid-template-columns: 280px minmax(0, 1fr);

        gap: 65px;

        align-items: start;
    }


    .buddha-buddhism-page .buddha-reading-nav,
    .buddha-buddhism-page .buddha-quick-nav {

        position: sticky !important;

        top: 110px !important;

        align-self: start !important;

        height: fit-content;

        max-height: calc(100vh - 130px);

        overflow-y: auto;

        z-index: 50;
    }


    .buddha-buddhism-page .buddha-reading-nav-inner {

        padding: 28px 24px !important;

        margin-top: 0 !important;
    }
}


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

@media (max-width: 720px) {

    .buddha-buddhism-page .great-sharanas-hero-content {

        position: absolute !important;

        top: 20% !important;

        bottom: auto !important;

        left: 20px !important;

        right: 0 !important;

        width: 100% !important;

        margin: 0 !important;

        transform: translateY(-20%) !important;

        transition: none !important;

        animation: none !important;
    }


    .buddha-buddhism-page .great-sharanas-hero-content:hover {

        transform: translateY(-20%) !important;

        transition: none !important;

        animation: none !important;
    }


    .buddha-buddhism-page
    .great-sharanas-hero-content h1 {

        position: relative;

        top: -18px;
    }


    .buddha-buddhism-page
    .great-sharanas-hero-content .great-sharanas-descriptor,

    .buddha-buddhism-page
    .great-sharanas-hero-content .great-sharanas-hero-intro,

    .buddha-buddhism-page
    .great-sharanas-hero-content .great-sharanas-gold-rule {

        position: relative;

        top: -8px;
    }


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

    .buddha-page-container {

        width: min(100% - 32px, 1280px);
    }


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

    .buddha-article-intro {

        padding: 60px 0 40px;
    }

    .buddha-article-intro p {

        font-family: "Source Serif 4" !important;

        font-size: 18px;

        font-weight: 400;

        line-height: 1.8;

        text-align: left;
    }


    /* =====================================================
       MOBILE ARTICLE LAYOUT
    ===================================================== */

    .buddha-article-layout {

        display: block;
    }


    /* =====================================================
       MOBILE NAV
       NO FLOATING ON MOBILE
    ===================================================== */

    .buddha-buddhism-page .buddha-reading-nav,
    .buddha-buddhism-page .buddha-quick-nav {

        position: static !important;

        width: 100%;

        height: auto;

        max-height: none;

        overflow: visible;

        margin-top: 0 !important;

        margin-bottom: 40px;

        padding: 0 !important;

        background: #F6F1E8 !important;

        border: none !important;

        box-shadow: none !important;

        z-index: auto;
    }


    .buddha-buddhism-page .buddha-reading-nav-inner {

        padding: 22px 20px !important;

        margin-top: 0 !important;

        background: #F6F1E8 !important;
    }


    /* =====================================================
       MOBILE ARTICLE CONTENT
    ===================================================== */

    .buddha-article-content {

        width: 100%;

        max-width: 100%;
    }

    .buddha-article-content p {

        font-family: "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.8 !important;

        text-align: left;
    }


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

    .buddha-buddhism-page .buddha-article-content h2 {

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;

        margin-bottom: 7px !important;
    }


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

    .buddha-buddhism-page .buddha-main-title {

        font-family: "Source Serif 4" !important;

        font-size: 29px !important;

        line-height: 1.25;

        margin-top: 0 !important;

        margin-bottom: 24px !important;
    }


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

    .buddha-article-content h3 {

        font-family: "Source Serif 4" !important;

        font-size: 23px;
    }


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

    .buddha-article-content h4 {

        font-family: "Source Serif 4" !important;

        font-size: 19px;
    }


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

    .buddha-article-content blockquote {

        margin: 28px 0;

        padding: 22px 20px;

        font-family: "Source Serif 4" !important;

        font-size: 18px;

        font-weight: 400;

        line-height: 1.7;
    }


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

    .buddha-highlight {

        padding: 24px 20px;
    }


    /* =====================================================
       MOBILE ARTICLE SECTION
    ===================================================== */

    .buddha-article-section {

        padding: 55px 0;
    }


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

    .buddha-references-section {

        padding: 55px 0;
    }


    .buddha-buddhism-page
    .buddha-references-section h2 {

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;
    }


    /* =====================================================
       MOBILE VACHANA CARD
    ===================================================== */

    .vachana-card {

        padding: 24px 20px;
    }
}


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

@media (max-width: 480px) {

    .buddha-buddhism-page .great-sharanas-hero-content {

        top: 20% !important;

        transform: translateY(-20%) !important;
    }


    .buddha-buddhism-page .great-sharanas-hero-content:hover {

        transform: translateY(-20%) !important;
    }


    .buddha-buddhism-page
    .great-sharanas-hero-content h1 {

        top: -22px;
    }


    .buddha-buddhism-page
    .great-sharanas-hero-content .great-sharanas-descriptor,

    .buddha-buddhism-page
    .great-sharanas-hero-content .great-sharanas-hero-intro,

    .buddha-buddhism-page
    .great-sharanas-hero-content .great-sharanas-gold-rule {

        top: -10px;
    }


    .buddha-page-container {

        width: calc(100% - 28px);
    }


    .buddha-article-intro {

        padding: 50px 0 35px;
    }


    .buddha-article-content p,
    .buddha-article-intro p {

        font-family: "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.8 !important;
    }


    .buddha-buddhism-page .buddha-article-content h2 {

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;
    }


    .buddha-buddhism-page .buddha-main-title {

        font-family: "Source Serif 4" !important;

        font-size: 27px !important;
    }


    .buddha-article-content h3 {

        font-family: "Source Serif 4" !important;

        font-size: 22px;
    }


    .buddha-article-content blockquote {

        font-family: "Source Serif 4" !important;

        font-size: 17px;

        padding: 20px 18px;
    }


    .vachana-card {

        padding: 22px 18px;
    }


    .buddha-buddhism-page
    .buddha-references-section h2 {

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;
    }
}


/* =========================================================
   FINAL ARTICLE FONT OVERRIDE
========================================================= */

.buddha-buddhism-page .buddha-article-content,
.buddha-buddhism-page .buddha-article-content p,
.buddha-buddhism-page .buddha-article-content h1,
.buddha-buddhism-page .buddha-article-content h2,
.buddha-buddhism-page .buddha-article-content h3,
.buddha-buddhism-page .buddha-article-content h4,
.buddha-buddhism-page .buddha-article-content blockquote,
.buddha-buddhism-page .buddha-article-content blockquote p,
.buddha-buddhism-page .buddha-article-content li,
.buddha-buddhism-page .buddha-article-content strong,
.buddha-buddhism-page .buddha-article-content em {

    font-family: "Source Serif 4" !important;
    text-align: left !important;
}


/* =========================================================
   FINAL FLOATING SIDEBAR
========================================================= */

.buddha-buddhism-page .buddha-reading-nav {

    position: sticky !important;

    top: 110px !important;

    align-self: start !important;

    height: fit-content;

    max-height: calc(100vh - 130px);

    overflow-y: auto;

    margin-top: -150px !important;

    margin-bottom: 40px;

    padding: 0 !important;

    background: #F6F1E8 !important;

    border: none !important;

    border-left: none !important;

    box-shadow: none !important;

    z-index: 50;
}


/* =========================================================
   QUICK NAV ALSO FLOATING
========================================================= */

.buddha-buddhism-page .buddha-quick-nav {

    position: sticky !important;

    top: 110px !important;

    align-self: start !important;

    height: fit-content;

    max-height: calc(100vh - 130px);

    overflow-y: auto;

    margin-top: -150px !important;

    margin-bottom: 40px;

    padding: 28px 24px !important;

    background: #F6F1E8 !important;

    border: none !important;

    border-left: none !important;

    box-shadow: none !important;

    z-index: 50;
}


/* =========================================================
   FINAL NAV INNER
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner {

    padding: 28px 24px !important;

    margin-top: 0 !important;

    background: #F6F1E8 !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   FINAL NAV LINKS
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner a {

    color: #716F6A !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   FINAL ACTIVE NAV
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner a.active {

    color: #073653 !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;
}


/* =========================================================
   FINAL HOVER
========================================================= */

.buddha-buddhism-page .buddha-reading-nav-inner a:hover,
.buddha-buddhism-page .buddha-reading-nav-inner a:focus,
.buddha-buddhism-page .buddha-reading-nav-inner a:focus-visible {

    color: #073653 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   DESKTOP ONLY
   KEEP SIDEBAR FLOATING
========================================================= */

@media (min-width: 721px) {

    .buddha-buddhism-page .buddha-reading-nav {

        position: sticky !important;

        top: 110px !important;

        align-self: start !important;

        margin-top: -150px !important;

        max-height: calc(100vh - 130px);

        overflow-y: auto;
    }

    .buddha-buddhism-page .buddha-main-title {

        margin-top: -150px !important;
    }
}


/* =========================================================
   MOBILE OVERRIDE
   SIDEBAR NORMAL FLOW
========================================================= */

@media (max-width: 720px) {

    .buddha-buddhism-page .buddha-reading-nav,
    .buddha-buddhism-page .buddha-quick-nav {

        position: static !important;

        top: auto !important;

        margin-top: 0 !important;

        max-height: none !important;

        height: auto !important;

        overflow: visible !important;

        z-index: auto !important;
    }

    .buddha-buddhism-page .buddha-main-title {

        margin-top: 0 !important;
    }
}

/* =========================================================
   MOBILE — HIDE SIDEBAR COMPLETELY
========================================================= */

@media (max-width: 720px) {

    .buddha-buddhism-page .buddha-reading-nav,
    .buddha-buddhism-page .buddha-quick-nav {

        display: none !important;

    }

}
/* =====================================================
   BUDDHA AND BUDDHISM - DARK RED VERTICAL QUOTE LINE
===================================================== */

.buddha-buddhism-page .buddha-article-content blockquote {
    border-left: 3px solid #7b1e24 !important;
}

/* If the vertical line is created using a pseudo-element */
.buddha-buddhism-page .buddha-article-content blockquote::before {
    border-left-color: #7b1e24 !important;
    background-color: #7b1e24 !important;
}


/* =========================================
   BASAVA'S VACHANAS - DARK RED VERTICAL LINE
========================================= */

.basava-vachanas-page .vachana-card blockquote {
    border-left: 3px solid #7b1e24 !important;
}

/* Agar vertical line pseudo-element se ban rahi hai */
.basava-vachanas-page .vachana-card blockquote::before {
    border-left-color: #7b1e24 !important;
    background-color: #7b1e24 !important;
}


/* Source Serif 4 for article text across these pages */
.buddha-buddhism-page .buddha-article-content p,
.buddha-buddhism-page .buddha-article-content blockquote,
.buddha-buddhism-page .buddha-article-content blockquote p,
.buddha-buddhism-page .buddha-article-content cite {
    font-family: 'Source Serif 4', serif;
    font-style: normal;
    font-weight: 400;
}

/* Basava Vachanas — quotation text only */
.basava-vachanas-page .vachana-card blockquote p {
    font-family: "Source Serif 4", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Simple, readable Vachana text */
.buddha-buddhism-page .buddha-article-content blockquote {
    font-size: 17px;
    line-height: 1.8;
}

.buddha-buddhism-page .buddha-article-content blockquote p {
    margin-bottom: 12px;
}

.buddha-buddhism-page .buddha-article-content cite {
    display: block;
    font-size: 15px;
    margin-top: 8px;
}

/* ////////////////////////////////////////////////////////////////////////////////BASAVA THE MYSTIC//////////////////////////////////////////////////////////////////////////////////////// */
/* =========================================================
   BASAVA MYSTIC — VERSION 1
   ARTICLE FONT: LORA
========================================================= */


/* =========================================================
   ROOT
========================================================= */
:root{

    --buddha-navy:#073653;
    --buddha-navy-deep:#022b44;

    --buddha-gold:#95651E;

    /* ARTICLE BACKGROUND */
    --buddha-cream:#F8F4EC;
    --buddha-paper:#F8F4EC;

    --buddha-text:#29251f;
    --buddha-muted:#716f6a;

    --buddha-border:rgba(7,54,83,.16);
    --buddha-soft-gold:rgba(149,101,30,.16);

    /* ARTICLE NAV */
    --article-nav-bg:#F6F1E8;
    --article-nav-text:#716F6A;

    /* ACTIVE NAV */
    --article-nav-active:#073653;
}


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

.basava-vachanas-page,
.basava-mystic-page{

    width:100%;
    min-height:100vh;

    background:#F8F4EC;
    color:var(--buddha-text);

    overflow-x:clip;

    animation:none !important;
    transition:none !important;
}


/* =========================================================
   MAIN PAGE FONT
   SOURCE SERIF 4
========================================================= */

.basava-vachanas-page,
.basava-mystic-page{

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}


/* =========================================================
   REMOVE ALL MOTION
========================================================= */

.basava-vachanas-page *,
.basava-vachanas-page *::before,
.basava-vachanas-page *::after,
.basava-mystic-page *,
.basava-mystic-page *::before,
.basava-mystic-page *::after{

    animation:none !important;
    transition:none !important;
    transform:none !important;
}


/* =========================================================
   LINKS
========================================================= */

.basava-vachanas-page a,
.basava-mystic-page a{

    color:inherit;

    text-decoration:none;

    transition:none !important;
}


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

.basava-vachanas-page .intro,
.basava-mystic-page .intro{

    max-width:1100px;

    margin:0 auto;

    padding:105px 30px 55px;

    text-align:center;
}


/* =========================================================
   KICKER
========================================================= */

.basava-vachanas-page .kicker,
.basava-mystic-page .kicker{

    display:inline-block;

    margin-bottom:18px;

    color:var(--buddha-gold);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    font-weight:700;

    line-height:1.4;

    letter-spacing:2.6px;

    text-transform:uppercase;
}


/* =========================================================
   MAIN H1
========================================================= */

.basava-vachanas-page .intro h1,
.basava-mystic-page .intro h1{

    margin:0 auto;

    max-width:1000px;

    color:var(--buddha-navy-deep);

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

    font-size:48px;

    font-weight:500;

    line-height:1.18;

    letter-spacing:-.3px;

    text-wrap:balance;
}


/* =========================================================
   BASAVA MYSTIC H1
========================================================= */

.basava-mystic-page section#basava-mystic h1{

    margin:0;

    padding:0;

    color:var(--buddha-navy-deep);

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

    font-size:34px;

    font-weight:500;

    line-height:1.25;

    letter-spacing:-.2px;

    border:0;
}


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

.basava-vachanas-page .lead,
.basava-mystic-page .lead{

    max-width:820px;

    margin:24px auto 0;

    color:var(--buddha-muted);

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

    font-size:18px;

    font-weight:400;

    line-height:1.8;

    text-align:center;
}


/* =========================================================
   META
========================================================= */

.basava-vachanas-page .meta,
.basava-mystic-page .meta{

    display:flex;

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

    flex-wrap:wrap;

    gap:10px 22px;

    margin-top:24px;

    color:#817a70;

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    letter-spacing:.7px;

    text-transform:uppercase;
}


/* =========================================================
   ARTICLE WRAPPER
========================================================= */

.basava-vachanas-page .article-wrap,
.basava-mystic-page .article-wrap{

    position:relative;

    width:100%;
    max-width:1280px;

    margin:0 auto;

    padding:20px 30px 100px;

    background:#F8F4EC;
}


/* =========================================================
   ARTICLE SECTION
========================================================= */

.basava-vachanas-page .buddha-article-section,
.basava-mystic-page .buddha-article-section{

    position:relative;

    width:100%;

    background:#F8F4EC;

    overflow:visible !important;
}


/* =========================================================
   ARTICLE PAGE CONTAINER
========================================================= */

.basava-vachanas-page .buddha-page-container,
.basava-mystic-page .buddha-page-container{

    position:relative;

    width:100%;

    background:#F8F4EC;

    overflow:visible !important;
}


/* =========================================================
   ARTICLE LAYOUT
   SIDEBAR + CONTENT
========================================================= */

.basava-vachanas-page .article-layout,
.basava-mystic-page .article-layout,

.basava-vachanas-page .buddha-article-layout,
.basava-mystic-page .buddha-article-layout{

    display:grid;

    grid-template-columns:
        190px
        minmax(0,900px);

    justify-content:center;

    column-gap:65px;

    align-items:start;

    position:relative;

    width:100%;

    max-width:1280px;

    margin:0 auto;

    padding:20px 30px 100px;

    overflow:visible !important;
}


/* =========================================================
   ARTICLE CONTENT WRAPPER
========================================================= */

.basava-vachanas-page .article-content,
.basava-mystic-page .article-content,

.basava-vachanas-page .buddha-article-content,
.basava-mystic-page .buddha-article-content{

    min-width:0;

    width:100%;

    max-width:900px;

    margin:0;

    background:#F8F4EC;

    color:var(--buddha-text);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}


/* =========================================================
   LEFT SIDEBAR
   FLOATING / STICKY
   DESKTOP ONLY
========================================================= */

.basava-vachanas-page .buddha-reading-nav,
.basava-mystic-page .buddha-reading-nav{

    position:-webkit-sticky !important;

    position:sticky !important;

    top:120px !important;

    align-self:start !important;

    justify-self:start !important;

    width:190px !important;

    height:max-content !important;

    max-height:calc(100vh - 140px);

    margin:0 !important;

    padding:8px 0 !important;

    background:#F6F1E8 !important;

    border:0 !important;

    border-left:0 !important;

    border-right:0 !important;

    box-shadow:none !important;

    z-index:20 !important;

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:13px;

    overflow:visible;
}


/* =========================================================
   SIDEBAR INNER
========================================================= */

.basava-vachanas-page .buddha-reading-nav-inner,
.basava-mystic-page .buddha-reading-nav-inner{

    position:static !important;

    width:100% !important;

    height:auto !important;

    margin:0 !important;

    padding:0 !important;

    background:#F6F1E8 !important;

    border:0 !important;

    border-left:0 !important;

    border-right:0 !important;

    box-shadow:none !important;

    overflow:visible !important;
}


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

.basava-vachanas-page .buddha-reading-nav .nav-title,
.basava-mystic-page .buddha-reading-nav .nav-title,

.basava-vachanas-page .buddha-nav-label,
.basava-mystic-page .buddha-nav-label{

    display:block;

    margin:0 0 15px;

    padding:0;

    color:#716F6A;

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:13px;

    font-weight:400;

    letter-spacing:1.2px;

    line-height:1.4;

    text-transform:uppercase;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}


/* =========================================================
   NAV LIST
========================================================= */

.basava-vachanas-page .buddha-reading-nav ul,
.basava-mystic-page .buddha-reading-nav ul{

    margin:0;

    padding:0;

    list-style:none;
}


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

.basava-vachanas-page .buddha-reading-nav li,
.basava-mystic-page .buddha-reading-nav li{

    margin:0;

    padding:0;

    border:0 !important;

    background:transparent !important;
}


/* =========================================================
   NAV LINKS
========================================================= */

.basava-vachanas-page .buddha-reading-nav a,
.basava-mystic-page .buddha-reading-nav a{

    display:block;

    width:100%;

    padding:7px 0;

    margin:0;

    color:#716F6A;

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:13px;

    font-weight:400;

    line-height:1.5;

    letter-spacing:.2px;

    text-align:left;

    background:transparent !important;

    border:0 !important;

    border-left:0 !important;

    border-right:0 !important;

    box-shadow:none !important;

    outline:none !important;

    transform:none !important;

    transition:none !important;
}


/* =========================================================
   NAV HOVER
========================================================= */

.basava-vachanas-page .buddha-reading-nav a:hover,
.basava-vachanas-page .buddha-reading-nav a:focus,
.basava-mystic-page .buddha-reading-nav a:hover,
.basava-mystic-page .buddha-reading-nav a:focus{

    color:var(--article-nav-active) !important;

    padding-left:0;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;

    outline:none !important;

    transform:none !important;

    transition:none !important;
}


/* =========================================================
   ACTIVE NAV
========================================================= */

.basava-vachanas-page .buddha-reading-nav a.active,
.basava-mystic-page .buddha-reading-nav a.active,

.basava-vachanas-page .buddha-reading-nav a[aria-current="true"],
.basava-mystic-page .buddha-reading-nav a[aria-current="true"]{

    color:#073653 !important;

    font-weight:400 !important;

    background:transparent !important;

    border:0 !important;

    border-left:0 !important;

    border-right:0 !important;

    box-shadow:none !important;

    padding-left:0 !important;

    transform:none !important;
}


/* =========================================================
   ARTICLE SECTIONS
========================================================= */

.basava-vachanas-page .article-content section,
.basava-mystic-page .article-content section,

.basava-vachanas-page .buddha-article-content section,
.basava-mystic-page .buddha-article-content section{

    margin:0 0 58px;

    padding:0;

    background:#F8F4EC;
}


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

.basava-vachanas-page .article-content h2,
.basava-mystic-page .article-content h2,

.basava-vachanas-page .buddha-article-content h2,
.basava-mystic-page .buddha-article-content h2{

    display:block;

    margin:0 0 14px;

    padding:0;

    color:#95651E !important;

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:19px !important;

    font-weight:400;

    line-height:1.45;

    letter-spacing:0;

    text-transform:none;

    text-align:left;

    border:0;

    background:transparent;
}


/* =========================================================
   REMOVE H2 DECORATIVE LINE
========================================================= */

.basava-vachanas-page .article-content h2::after,
.basava-mystic-page .article-content h2::after,

.basava-vachanas-page .buddha-article-content h2::after,
.basava-mystic-page .buddha-article-content h2::after{

    content:none !important;

    display:none !important;

    width:0 !important;

    height:0 !important;

    border:0 !important;
}


/* =========================================================
   BASAVA MYSTIC SECTION HEADINGS
========================================================= */

.basava-mystic-page section:not(#basava-mystic) h2{

    margin:0 0 14px;

    padding:0;

    color:#95651E !important;

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:19px !important;

    font-weight:400;

    line-height:1.45;

    letter-spacing:0;

    text-transform:none;

    border:0;

    text-align:left;
}


/* =========================================================
   MAIN ARTICLE TEXT
========================================================= */

.basava-vachanas-page .article-content p,
.basava-mystic-page .article-content p,

.basava-vachanas-page .buddha-article-content p,
.basava-mystic-page .buddha-article-content p{

    margin-top:0;

    margin-bottom:22px;

    color:var(--buddha-text);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:18px !important;

    font-weight:400 !important;

    line-height:1.8 !important;

    text-align:left;

    overflow-wrap:break-word;

    word-wrap:break-word;

    background:transparent;
}


/* =========================================================
   H1 INSIDE ARTICLE
========================================================= */

.basava-mystic-page .buddha-article-content h1{

    margin:0;

    padding:0;

    color:var(--buddha-navy-deep);

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

    font-size:34px;

    font-weight:500;

    line-height:1.25;

    border:0;

    background:transparent;
}


/* =========================================================
   H3 INSIDE ARTICLE
========================================================= */

.basava-vachanas-page .article-content h3,
.basava-mystic-page .article-content h3,

.basava-vachanas-page .buddha-article-content h3,
.basava-mystic-page .buddha-article-content h3{

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

    color:#95651E;

    font-weight:400;

    background:transparent;

    border:0;
}


/* =========================================================
   H2 + P
========================================================= */

.basava-vachanas-page .article-content h2 + p,
.basava-mystic-page .article-content h2 + p,

.basava-vachanas-page .buddha-article-content h2 + p,
.basava-mystic-page .buddha-article-content h2 + p{

    margin-top:0 !important;
}


/* =========================================================
   LAST PARAGRAPH
========================================================= */

.basava-vachanas-page .article-content p:last-child,
.basava-mystic-page .article-content p:last-child,

.basava-vachanas-page .buddha-article-content p:last-child,
.basava-mystic-page .buddha-article-content p:last-child{

    margin-bottom:0;
}


/* =========================================================
   STRONG / BOLD
========================================================= */

.basava-vachanas-page .article-content strong,
.basava-mystic-page .article-content strong,

.basava-vachanas-page .buddha-article-content strong,
.basava-mystic-page .buddha-article-content strong{

    color:var(--buddha-navy-deep);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-weight:700;
}


/* =========================================================
   EMPHASIS / ITALIC
========================================================= */

.basava-vachanas-page .article-content em,
.basava-mystic-page .article-content em,

.basava-vachanas-page .buddha-article-content em,
.basava-mystic-page .buddha-article-content em{

    color:#514a41;

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;
}


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

.basava-vachanas-page .vachana,
.basava-mystic-page .vachana{

    margin:28px 0;

    padding:27px 30px;

    background:#fffdf8;

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

    border-left:3px solid var(--buddha-gold);

    box-shadow:0 8px 24px rgba(7,54,83,.06);

    animation:none !important;

    transition:none !important;
}


/* =========================================================
   VACHANA TEXT
========================================================= */

.basava-vachanas-page .vachana p,
.basava-mystic-page .vachana p{

    margin:0;

    color:var(--buddha-navy-deep);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:18px;

    font-weight:400;

    line-height:1.8;

    text-align:left;
}


/* =========================================================
   VACHANA SOURCE
========================================================= */

.basava-vachanas-page .vachana .source,
.basava-mystic-page .vachana .source{

    display:block;

    margin-top:16px;

    color:var(--buddha-muted);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    font-weight:400;

    line-height:1.5;

    letter-spacing:.8px;

    text-transform:uppercase;
}


/* =========================================================
   VACHANA HOVER
========================================================= */

.basava-vachanas-page .vachana:hover,
.basava-mystic-page .vachana:hover{

    transform:none !important;

    box-shadow:0 8px 24px rgba(7,54,83,.06);

    border-color:var(--buddha-border);

    transition:none !important;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.basava-vachanas-page .article-content blockquote,
.basava-mystic-page .article-content blockquote,

.basava-vachanas-page .buddha-article-content blockquote,
.basava-mystic-page .buddha-article-content blockquote{

    position:relative;

    margin:30px 0;

    padding:5px 30px 5px 28px;

    color:var(--buddha-navy-deep);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:20px;

    font-weight:400;

    line-height:1.8;

    font-style:italic;

    text-align:left;

    border-left:3px solid var(--buddha-gold);

    background:transparent;
}


/* =========================================================
   BLOCKQUOTE P
========================================================= */

.basava-vachanas-page .article-content blockquote p,
.basava-mystic-page .article-content blockquote p,

.basava-vachanas-page .buddha-article-content blockquote p,
.basava-mystic-page .buddha-article-content blockquote p{

    margin:0;

    font-family:"Source Serif 4" !important;

    font-size:inherit;

    font-weight:400;

    line-height:inherit;

    text-align:left !important;
}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.basava-vachanas-page .highlight-box,
.basava-mystic-page .highlight-box{

    margin:30px 0;

    padding:26px 30px;

    background:rgba(149,101,30,.07);

    border:1px solid rgba(149,101,30,.25);

    border-left:3px solid var(--buddha-gold);
}


/* =========================================================
   HIGHLIGHT TEXT
========================================================= */

.basava-vachanas-page .highlight-box p,
.basava-mystic-page .highlight-box p{

    margin:0;

    color:var(--buddha-navy-deep);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:18px;

    font-weight:400;

    line-height:1.8;

    text-align:left;
}


/* =========================================================
   SOURCE
========================================================= */

.basava-vachanas-page .source,
.basava-mystic-page .source{

    margin-top:42px;

    padding-top:22px;

    border-top:1px solid var(--buddha-border);

    color:var(--buddha-muted);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    font-weight:400;

    line-height:1.65;

    letter-spacing:.2px;
}


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

.basava-vachanas-page .source strong,
.basava-mystic-page .source strong{

    color:var(--buddha-navy-deep);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.4px;

    text-transform:uppercase;
}


/* =========================================================
   REFERENCES
========================================================= */

.basava-vachanas-page .references,
.basava-mystic-page .references{

    margin-top:45px;

    padding-top:24px;

    border-top:1px solid var(--buddha-border);
}


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

.basava-vachanas-page .references h3,
.basava-mystic-page .references h3{

    margin:0 0 16px;

    color:var(--buddha-gold);

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

    font-size:18px;

    font-weight:400;

    line-height:1.4;

    letter-spacing:0;

    text-transform:none;
}


/* =========================================================
   REFERENCES LIST
========================================================= */

.basava-vachanas-page .references ul,
.basava-mystic-page .references ul{

    margin:0;

    padding-left:20px;
}


/* =========================================================
   REFERENCES ITEMS
========================================================= */

.basava-vachanas-page .references li,
.basava-mystic-page .references li{

    margin-bottom:9px;

    color:var(--buddha-muted);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:13px;

    line-height:1.65;
}


/* =========================================================
   REFERENCES LINKS
========================================================= */

.basava-vachanas-page .references a,
.basava-mystic-page .references a{

    color:var(--buddha-navy);

    text-decoration:underline;

    text-decoration-color:rgba(7,54,83,.35);

    text-underline-offset:3px;

    transition:none !important;
}


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

.basava-vachanas-page .references a:hover,
.basava-mystic-page .references a:hover{

    color:var(--buddha-gold);

    text-decoration-color:var(--buddha-gold);

    transition:none !important;
}


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

.basava-vachanas-page .article-divider,
.basava-mystic-page .article-divider{

    width:100%;

    height:1px;

    margin:55px 0;

    background:var(--buddha-border);
}


/* =========================================================
   ARTICLE IMAGES
========================================================= */

.basava-vachanas-page .article-content img,
.basava-mystic-page .article-content img,

.basava-vachanas-page .buddha-article-content img,
.basava-mystic-page .buddha-article-content img{

    display:block;

    max-width:100%;

    height:auto;

    margin:28px auto;

    border:0;

    animation:none !important;

    transition:none !important;
}


/* =========================================================
   IMAGE CAPTION
========================================================= */

.basava-vachanas-page .caption,
.basava-mystic-page .caption{

    margin:-15px auto 28px;

    color:var(--buddha-muted);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    font-weight:400;

    line-height:1.5;

    text-align:center;

    letter-spacing:.3px;
}


/* =========================================================
   LISTS
========================================================= */

.basava-vachanas-page .article-content ul,
.basava-vachanas-page .article-content ol,
.basava-mystic-page .article-content ul,
.basava-mystic-page .article-content ol,

.basava-vachanas-page .buddha-article-content ul,
.basava-vachanas-page .buddha-article-content ol,
.basava-mystic-page .buddha-article-content ul,
.basava-mystic-page .buddha-article-content ol{

    margin:0 0 24px;

    padding-left:28px;
}


/* =========================================================
   LIST ITEMS
========================================================= */

.basava-vachanas-page .article-content li,
.basava-mystic-page .article-content li,

.basava-vachanas-page .buddha-article-content li,
.basava-mystic-page .buddha-article-content li{

    margin-bottom:10px;

    color:var(--buddha-text);

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:18px;

    font-weight:400;

    line-height:1.8;

    text-align:left;
}


/* =========================================================
   TABLE
========================================================= */

.basava-vachanas-page .article-content table,
.basava-mystic-page .article-content table,

.basava-vachanas-page .buddha-article-content table,
.basava-mystic-page .buddha-article-content table{

    width:100%;

    margin:28px 0;

    border-collapse:collapse;

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

    font-size:16px;
}


/* =========================================================
   TABLE CELLS
========================================================= */

.basava-vachanas-page .article-content th,
.basava-vachanas-page .article-content td,
.basava-mystic-page .article-content th,
.basava-mystic-page .article-content td,

.basava-vachanas-page .buddha-article-content th,
.basava-vachanas-page .buddha-article-content td,
.basava-mystic-page .buddha-article-content th,
.basava-mystic-page .buddha-article-content td{

    padding:12px 14px;

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

    text-align:left;

    vertical-align:top;
}


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

.basava-vachanas-page .article-content th,
.basava-mystic-page .article-content th,

.basava-vachanas-page .buddha-article-content th,
.basava-mystic-page .buddha-article-content th{

    color:var(--buddha-navy-deep);

    font-family:Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

    background:rgba(7,54,83,.045);
}


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

.basava-vachanas-page :focus,
.basava-mystic-page :focus{

    outline:none;
}


/* =========================================================
   1050px
========================================================= */

@media(max-width:1050px){

    .basava-vachanas-page .article-layout,
    .basava-mystic-page .article-layout,

    .basava-vachanas-page .buddha-article-layout,
    .basava-mystic-page .buddha-article-layout{

        grid-template-columns:
            160px
            minmax(0,1fr);

        column-gap:40px;
    }


    .basava-vachanas-page .article-wrap,
    .basava-mystic-page .article-wrap{

        padding-left:24px;

        padding-right:24px;
    }


    .basava-vachanas-page .intro,
    .basava-mystic-page .intro{

        padding-left:24px;

        padding-right:24px;
    }


    .basava-vachanas-page .buddha-reading-nav,
    .basava-mystic-page .buddha-reading-nav{

        width:160px !important;

        top:120px !important;
    }

}


/* =========================================================
   950px
   MOBILE / TABLET
========================================================= */

@media(max-width:950px){

    .basava-vachanas-page .buddha-reading-nav,
    .basava-mystic-page .buddha-reading-nav{

        display:none !important;

        position:static !important;
    }


    .basava-vachanas-page .article-layout,
    .basava-mystic-page .article-layout,

    .basava-vachanas-page .buddha-article-layout,
    .basava-mystic-page .buddha-article-layout{

        display:block !important;

        width:100%;

        max-width:100%;

        margin:0;

        padding:20px;

        position:relative;

        overflow:visible !important;
    }


    .basava-vachanas-page .article-content,
    .basava-mystic-page .article-content,

    .basava-vachanas-page .buddha-article-content,
    .basava-mystic-page .buddha-article-content{

        width:100%;

        max-width:900px;

        margin:0 auto;
    }


    .basava-vachanas-page .buddha-article-section,
    .basava-mystic-page .buddha-article-section,

    .basava-vachanas-page .buddha-page-container,
    .basava-mystic-page .buddha-page-container{

        overflow:visible !important;
    }

}


/* =========================================================
   720px
========================================================= */

@media(max-width:720px){

    .basava-vachanas-page .intro,
    .basava-mystic-page .intro{

        padding:75px 20px 40px;
    }


    /* H1 */

    .basava-vachanas-page .intro h1{

        font-size:36px;

        line-height:1.2;
    }


    .basava-mystic-page section#basava-mystic h1{

        font-size:29px;

        line-height:1.25;
    }


    /* Lead */

    .basava-vachanas-page .lead,
    .basava-mystic-page .lead{

        margin-top:20px;

        font-size:17px;

        line-height:1.8;
    }


    /* Meta */

    .basava-vachanas-page .meta,
    .basava-mystic-page .meta{

        gap:7px 14px;

        margin-top:20px;

        font-size:10px;
    }


    /* Article */

    .basava-vachanas-page .article-wrap,
    .basava-mystic-page .article-wrap{

        padding:10px 20px 70px;
    }


    /* Sections */

    .basava-vachanas-page .article-content section,
    .basava-mystic-page .article-content section,

    .basava-vachanas-page .buddha-article-content section,
    .basava-mystic-page .buddha-article-content section{

        margin-bottom:45px;
    }


    /* Section headings */

    .basava-vachanas-page .article-content h2,
    .basava-mystic-page .article-content h2,

    .basava-vachanas-page .buddha-article-content h2,
    .basava-mystic-page .buddha-article-content h2{

        margin-bottom:12px;

        font-size:19px !important;

        line-height:1.45;
    }


    /* Main article text */

    .basava-vachanas-page .article-content p,
    .basava-mystic-page .article-content p,

    .basava-vachanas-page .buddha-article-content p,
    .basava-mystic-page .buddha-article-content p{

        margin-bottom:19px;

        font-size:18px !important;

        font-weight:400 !important;

        line-height:1.8 !important;

        text-align:left !important;
    }


    /* Vachana */

    .basava-vachanas-page .vachana,
    .basava-mystic-page .vachana{

        margin:24px 0;

        padding:22px 20px;
    }


    .basava-vachanas-page .vachana p,
    .basava-mystic-page .vachana p{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* Blockquote */

    .basava-vachanas-page .article-content blockquote,
    .basava-mystic-page .article-content blockquote,

    .basava-vachanas-page .buddha-article-content blockquote,
    .basava-mystic-page .buddha-article-content blockquote{

        margin:25px 0;

        padding:4px 20px;

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* Highlight */

    .basava-vachanas-page .highlight-box,
    .basava-mystic-page .highlight-box{

        margin:25px 0;

        padding:21px 20px;
    }


    .basava-vachanas-page .highlight-box p,
    .basava-mystic-page .highlight-box p{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* List */

    .basava-vachanas-page .article-content li,
    .basava-mystic-page .article-content li,

    .basava-vachanas-page .buddha-article-content li,
    .basava-mystic-page .buddha-article-content li{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* Table */

    .basava-vachanas-page .article-content table,
    .basava-mystic-page .article-content table,

    .basava-vachanas-page .buddha-article-content table,
    .basava-mystic-page .buddha-article-content table{

        display:block;

        width:100%;

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;
    }

}


/* =========================================================
   480px
========================================================= */

@media(max-width:480px){

    .basava-vachanas-page .intro,
    .basava-mystic-page .intro{

        padding:60px 16px 34px;
    }


    /* H1 */

    .basava-vachanas-page .intro h1{

        font-size:31px;

        line-height:1.22;
    }


    .basava-mystic-page section#basava-mystic h1{

        font-size:27px;

        line-height:1.25;
    }


    /* Kicker */

    .basava-vachanas-page .kicker,
    .basava-mystic-page .kicker{

        margin-bottom:14px;

        font-size:10px;

        letter-spacing:2px;
    }


    /* Lead */

    .basava-vachanas-page .lead,
    .basava-mystic-page .lead{

        font-size:16px;

        line-height:1.8;
    }


    /* Article */

    .basava-vachanas-page .article-wrap,
    .basava-mystic-page .article-wrap{

        padding:5px 16px 55px;
    }


    /* Sections */

    .basava-vachanas-page .article-content section,
    .basava-mystic-page .article-content section,

    .basava-vachanas-page .buddha-article-content section,
    .basava-mystic-page .buddha-article-content section{

        margin-bottom:38px;
    }


    /* H2 */

    .basava-vachanas-page .article-content h2,
    .basava-mystic-page .article-content h2,

    .basava-vachanas-page .buddha-article-content h2,
    .basava-mystic-page .buddha-article-content h2{

        margin-bottom:10px;

        font-size:19px !important;

        line-height:1.45;
    }


    /* Main text */

    .basava-vachanas-page .article-content p,
    .basava-mystic-page .article-content p,

    .basava-vachanas-page .buddha-article-content p,
    .basava-mystic-page .buddha-article-content p{

        margin-bottom:17px;

        font-size:18px !important;

        font-weight:400 !important;

        line-height:1.8 !important;

        text-align:left !important;
    }


    /* Vachana */

    .basava-vachanas-page .vachana,
    .basava-mystic-page .vachana{

        margin:20px 0;

        padding:19px 17px;
    }


    .basava-vachanas-page .vachana p,
    .basava-mystic-page .vachana p{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* Vachana source */

    .basava-vachanas-page .vachana .source,
    .basava-mystic-page .vachana .source{

        margin-top:13px;

        font-size:9.5px;

        line-height:1.5;
    }


    /* Blockquote */

    .basava-vachanas-page .article-content blockquote,
    .basava-mystic-page .article-content blockquote,

    .basava-vachanas-page .buddha-article-content blockquote,
    .basava-mystic-page .buddha-article-content blockquote{

        margin:22px 0;

        padding:3px 16px;

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* Highlight */

    .basava-vachanas-page .highlight-box,
    .basava-mystic-page .highlight-box{

        margin:22px 0;

        padding:18px 16px;
    }


    .basava-vachanas-page .highlight-box p,
    .basava-mystic-page .highlight-box p{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }


    /* Source */

    .basava-vachanas-page .source,
    .basava-mystic-page .source{

        margin-top:35px;

        padding-top:18px;

        font-size:11px;
    }


    /* References */

    .basava-vachanas-page .references,
    .basava-mystic-page .references{

        margin-top:35px;

        padding-top:20px;
    }


    .basava-vachanas-page .references li,
    .basava-mystic-page .references li{

        font-size:12px;

        line-height:1.6;
    }


    /* Lists */

    .basava-vachanas-page .article-content ul,
    .basava-vachanas-page .article-content ol,
    .basava-mystic-page .article-content ul,
    .basava-mystic-page .article-content ol,

    .basava-vachanas-page .buddha-article-content ul,
    .basava-vachanas-page .buddha-article-content ol,
    .basava-mystic-page .buddha-article-content ul,
    .basava-mystic-page .buddha-article-content ol{

        padding-left:22px;
    }


    .basava-vachanas-page .article-content li,
    .basava-mystic-page .article-content li,

    .basava-vachanas-page .buddha-article-content li,
    .basava-mystic-page .buddha-article-content li{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }

}


/* =========================================================
   360px
========================================================= */

@media(max-width:360px){

    .basava-vachanas-page .intro,
    .basava-mystic-page .intro{

        padding-left:14px;

        padding-right:14px;
    }


    .basava-vachanas-page .article-wrap,
    .basava-mystic-page .article-wrap{

        padding-left:14px;

        padding-right:14px;
    }


    .basava-vachanas-page .intro h1{

        font-size:28px;
    }


    .basava-mystic-page section#basava-mystic h1{

        font-size:25px;
    }


    .basava-vachanas-page .article-content h2,
    .basava-mystic-page .article-content h2,

    .basava-vachanas-page .buddha-article-content h2,
    .basava-mystic-page .buddha-article-content h2{

        font-size:19px !important;

        line-height:1.45;
    }


    .basava-vachanas-page .article-content p,
    .basava-mystic-page .article-content p,

    .basava-vachanas-page .buddha-article-content p,
    .basava-mystic-page .buddha-article-content p{

        font-size:18px !important;

        line-height:1.8 !important;

        text-align:left !important;
    }


    .basava-vachanas-page .vachana,
    .basava-mystic-page .vachana{

        padding:17px 15px;
    }


    .basava-vachanas-page .vachana p,
    .basava-mystic-page .vachana p{

        font-size:18px;

        line-height:1.8;

        text-align:left;
    }

}


/* =========================================================
   FINAL STATIC / MOTION RESET
========================================================= */

.basava-vachanas-page *,
.basava-vachanas-page *::before,
.basava-vachanas-page *::after,
.basava-mystic-page *,
.basava-mystic-page *::before,
.basava-mystic-page *::after{

    animation-duration:0s !important;

    animation-delay:0s !important;

    animation-iteration-count:1 !important;

    transition-duration:0s !important;

    transition-delay:0s !important;

    scroll-behavior:auto !important;
}


/* =========================================================
   FINAL ARTICLE FONT ENFORCEMENT
   SOURCE SERIF 4
========================================================= */

.basava-vachanas-page .article-content,
.basava-mystic-page .article-content,

.basava-vachanas-page .buddha-article-content,
.basava-mystic-page .buddha-article-content,

.basava-vachanas-page .buddha-article-content p,
.basava-mystic-page .buddha-article-content p,

.basava-vachanas-page .buddha-article-content h2,
.basava-mystic-page .buddha-article-content h2,

.basava-vachanas-page .buddha-article-content h3,
.basava-mystic-page .buddha-article-content h3,

.basava-vachanas-page .buddha-article-content blockquote,
.basava-mystic-page .buddha-article-content blockquote,

.basava-vachanas-page .buddha-article-content li,
.basava-mystic-page .buddha-article-content li{

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;
}


/* =========================================================
   FINAL ARTICLE TEXT REQUIREMENT
========================================================= */

.basava-vachanas-page .buddha-article-content p,
.basava-mystic-page .buddha-article-content p{

    font-size:18px !important;

    font-weight:400 !important;

    line-height:1.8 !important;

    color:var(--buddha-text);

    text-align:left !important;
}


/* =========================================================
   FINAL SECTION HEADING REQUIREMENT
========================================================= */

.basava-vachanas-page .buddha-article-content h2,
.basava-mystic-page .buddha-article-content h2{

    font-family:"Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:19px !important;

    font-weight:400 !important;

    line-height:1.45 !important;

    color:#95651E !important;

    text-align:left !important;
}


/* =========================================================
   FINAL FLOATING SIDEBAR
========================================================= */

@media (min-width:951px){

    /* -----------------------------------------------------
       ARTICLE SECTION
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-article-section,
    .basava-mystic-page .buddha-article-section{

        position:relative !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       CONTAINER
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-page-container,
    .basava-mystic-page .buddha-page-container{

        position:relative !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       LAYOUT
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-article-layout,
    .basava-mystic-page .buddha-article-layout{

        display:grid !important;

        grid-template-columns:
            190px
            minmax(0,900px) !important;

        column-gap:65px !important;

        justify-content:center !important;

        align-items:start !important;

        position:relative !important;

        width:100% !important;

        max-width:1280px !important;

        margin:0 auto !important;

        padding:20px 30px 100px !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       FLOATING LEFT SIDEBAR
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-reading-nav,
    .basava-mystic-page .buddha-reading-nav{

        position:-webkit-sticky !important;

        position:sticky !important;

        top:120px !important;

        align-self:start !important;

        justify-self:start !important;

        width:190px !important;

        height:max-content !important;

        max-height:calc(100vh - 140px) !important;

        margin:0 !important;

        padding:8px 0 !important;

        background:#F6F1E8 !important;

        border:0 !important;

        border-left:0 !important;

        border-right:0 !important;

        box-shadow:none !important;

        z-index:30 !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       SIDEBAR INNER
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-reading-nav-inner,
    .basava-mystic-page .buddha-reading-nav-inner{

        position:static !important;

        width:100% !important;

        height:auto !important;

        margin:0 !important;

        padding:0 !important;

        background:#F6F1E8 !important;

        border:0 !important;

        box-shadow:none !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       NAV LABEL
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-nav-label,
    .basava-mystic-page .buddha-nav-label{

        position:static !important;

        display:block !important;
    }


    /* -----------------------------------------------------
       NAV LINKS
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-reading-nav a,
    .basava-mystic-page .buddha-reading-nav a{

        position:static !important;

        display:block !important;

        width:100% !important;
    }


    /* -----------------------------------------------------
       ARTICLE CONTENT
    ----------------------------------------------------- */

    .basava-vachanas-page .buddha-article-content,
    .basava-mystic-page .buddha-article-content{

        position:relative !important;

        width:100% !important;

        max-width:900px !important;

        min-width:0 !important;

        margin:0 !important;

        padding:0 !important;
    }

}


/* =========================================================
   1050px - FLOATING SIDEBAR SIZE
========================================================= */

@media (min-width:951px) and (max-width:1050px){

    .basava-vachanas-page .buddha-article-layout,
    .basava-mystic-page .buddha-article-layout{

        grid-template-columns:
            160px
            minmax(0,1fr) !important;

        column-gap:40px !important;
    }


    .basava-vachanas-page .buddha-reading-nav,
    .basava-mystic-page .buddha-reading-nav{

        width:160px !important;

        top:120px !important;
    }

}


/* =========================================================
   MOBILE
   SIDEBAR OFF
========================================================= */

@media(max-width:950px){

    .basava-vachanas-page .buddha-reading-nav,
    .basava-mystic-page .buddha-reading-nav{

        display:none !important;

        position:static !important;

        top:auto !important;

        width:auto !important;

        height:auto !important;

        max-height:none !important;
    }


    .basava-vachanas-page .buddha-article-layout,
    .basava-mystic-page .buddha-article-layout{

        display:block !important;

        width:100% !important;

        max-width:100% !important;

        margin:0 !important;

        padding:20px !important;

        position:relative !important;

        overflow:visible !important;
    }


    .basava-vachanas-page .buddha-article-content,
    .basava-mystic-page .buddha-article-content{

        width:100% !important;

        max-width:100% !important;

        margin:0 !important;

        padding:0 !important;
    }

}


/* =========================================================
   SIDEBAR — LEFT + RIGHT PADDING & WIDTH
========================================================= */

@media (min-width:951px){

    .basava-vachanas-page .buddha-reading-nav,
    .basava-mystic-page .buddha-reading-nav{

        width:240px !important;

        padding-left:14px !important;

        padding-right:14px !important;
    }

}


/* =========================================================
   FINAL SOURCE SERIF 4 + LEFT ALIGNMENT
   ENSURE ALL ARTICLE TEXT
========================================================= */

.basava-vachanas-page .article-content,
.basava-mystic-page .article-content,

.basava-vachanas-page .buddha-article-content,
.basava-mystic-page .buddha-article-content,

.basava-vachanas-page .article-content p,
.basava-mystic-page .article-content p,

.basava-vachanas-page .buddha-article-content p,
.basava-mystic-page .buddha-article-content p,

.basava-vachanas-page .article-content li,
.basava-mystic-page .article-content li,

.basava-vachanas-page .buddha-article-content li,
.basava-mystic-page .buddha-article-content li,

.basava-vachanas-page .article-content h2,
.basava-mystic-page .article-content h2,

.basava-vachanas-page .buddha-article-content h2,
.basava-mystic-page .buddha-article-content h2,

.basava-vachanas-page .article-content h3,
.basava-mystic-page .article-content h3,

.basava-vachanas-page .buddha-article-content h3,
.basava-mystic-page .buddha-article-content h3,

.basava-vachanas-page .article-content blockquote,
.basava-mystic-page .article-content blockquote,

.basava-vachanas-page .buddha-article-content blockquote,
.basava-mystic-page .buddha-article-content blockquote,

.basava-vachanas-page .vachana p,
.basava-mystic-page .vachana p{

    font-family:"Source Serif 4" !important;

}


/* =========================================================
   FINAL LEFT ALIGNMENT
========================================================= */

.basava-vachanas-page .article-content p,
.basava-mystic-page .article-content p,

.basava-vachanas-page .buddha-article-content p,
.basava-mystic-page .buddha-article-content p,

.basava-vachanas-page .article-content li,
.basava-mystic-page .article-content li,

.basava-vachanas-page .buddha-article-content li,
.basava-mystic-page .buddha-article-content li,

.basava-vachanas-page .vachana p,
.basava-mystic-page .vachana p,

.basava-vachanas-page .article-content blockquote,
.basava-mystic-page .article-content blockquote,

.basava-vachanas-page .buddha-article-content blockquote,
.basava-mystic-page .buddha-article-content blockquote{

    text-align:left !important;
}


/* =========================================================
   FINAL MOBILE TEXT ALIGNMENT
========================================================= */

@media(max-width:950px){

    .basava-vachanas-page .article-content p,
    .basava-mystic-page .article-content p,

    .basava-vachanas-page .buddha-article-content p,
    .basava-mystic-page .buddha-article-content p,

    .basava-vachanas-page .article-content li,
    .basava-mystic-page .article-content li,

    .basava-vachanas-page .buddha-article-content li,
    .basava-mystic-page .buddha-article-content li{

        text-align:left !important;
    }

}

/* Basava the Mystic - Dark Red Vertical Quote Line */
.basava-mystic-page .buddha-article-content blockquote {
    border-left: 3px solid #7b1e24 !important;
}

/* Agar vertical line pseudo-element se aa rahi hai */
.basava-mystic-page .buddha-article-content blockquote::before {
    border-left-color: #7b1e24 !important;
    background-color: #7b1e24 !important;
}

/* ///////////////////////////////////////////////////////////////////////////////basava-and-hinduism.css///////////////////////////////////////////////////////////////////////////////////////////////// */


/* =========================================================
   BASAVA AND HINDUISM
========================================================= */
:root {

    --basava-navy: #073653;

    --basava-navy-deep: #022b44;

    --basava-gold: #c98b27;

    --basava-gold-light: #d9a13a;

    --basava-cream: #f8f3e9;

    --basava-paper: #fcfaf5;

    --basava-white: #ffffff;

    --basava-ink: #263f4d;

    --basava-muted: #687783;

    --basava-line: rgba(7,54,83,.13);

}


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

.basava-hinduism-page {

    width: 100%;

    overflow: hidden;

    background:
        var(--basava-paper);

    color:
        var(--basava-ink);

    font-family:
       Source Serif 4 !important;

}


/* =========================================================
   COMPLETE ANIMATION / TRANSITION RESET
========================================================= */

.basava-hinduism-page,
.basava-hinduism-page *,
.basava-hinduism-page *::before,
.basava-hinduism-page *::after {

    animation: none !important;

    transition: none !important;

}


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

.basava-hinduism-hero {

    position: relative;

}


/* =========================================================
   HERO IMAGE - STATIC
========================================================= */

.basava-hinduism-hero > img {

    animation: none !important;

    transition: none !important;

    transform: none !important;

    filter: none !important;

}


/* =========================================================
   HERO HOVER - STATIC
========================================================= */

.basava-hinduism-hero:hover > img {

    animation: none !important;

    transition: none !important;

    transform: none !important;

    filter: none !important;

}


.basava-hinduism-hero
.great-sharanas-hero-content h1 {

    animation: none !important;

    transition: none !important;

    transform: none !important;

}


.basava-hinduism-hero:hover
.great-sharanas-hero-content h1 {

    animation: none !important;

    transition: none !important;

    transform: none !important;

}


.basava-hinduism-hero
.great-sharanas-descriptor {

    animation: none !important;

    transition: none !important;

}


.basava-hinduism-hero:hover
.great-sharanas-descriptor {

    animation: none !important;

    transition: none !important;

}


.basava-hinduism-hero
.great-sharanas-gold-rule {

    animation: none !important;

    transition: none !important;

}


.basava-hinduism-hero:hover
.great-sharanas-gold-rule {

    animation: none !important;

    transition: none !important;

}


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

.basava-hinduism-intro {

    padding:
        92px
        24px
        72px;

    background:
        linear-gradient(
            180deg,
            #fcfaf5 0%,
            #f8f3e9 100%
        );

}


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

.basava-hinduism-container {

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

    max-width: 1180px;

    margin:
        0 auto;

}


/* =========================================================
   KICKER
========================================================= */

.basava-hinduism-kicker {

    margin-bottom: 16px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .22em;

    text-transform: uppercase;

    color:
        var(--basava-gold);

}


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

.basava-hinduism-intro h2 {

    max-width: 900px;

    margin:
        0 0 25px;

    font-size: 48px;

    font-weight: 400;

    line-height: 1.18;

    color:
        var(--basava-navy);

}


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

.basava-hinduism-lead {

    max-width: 850px;

    margin:
        0 0 27px;

    font-size: 20px;

    line-height: 1.85;

    color:
        var(--basava-muted);

    text-align: justify;

}


/* =========================================================
   META
========================================================= */

.basava-hinduism-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    font-size: 14px;

    color:
        var(--basava-muted);

}


.basava-hinduism-meta-dot {

    color:
        var(--basava-gold);

}


/* =========================================================
   ARTICLE
========================================================= */

.basava-hinduism-article {

    padding:
        35px
        24px
        110px;

    background:
        linear-gradient(
            180deg,
            #f8f3e9 0%,
            #fcfaf5 100%
        );

}


/* =========================================================
   ARTICLE LAYOUT
========================================================= */

.basava-hinduism-layout {

    display: grid;

    grid-template-columns:
        280px minmax(0, 1fr);

    gap: 70px;

    align-items: start;

}


/* =========================================================
   QUICK / READING NAV
   FLOATING + WIDER
========================================================= */

.basava-hinduism-reading-nav {

    width: 280px;

    align-self: start;

}


.basava-hinduism-reading-nav-inner {

    position: sticky;

    top: 110px;

    width: 280px;

    padding:
        26px 20px;

    border-left:
        2px solid
        rgba(201,139,39,.50);

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

}


/* =========================================================
   QUICK NAV LABEL
========================================================= */

.basava-hinduism-nav-label {

    margin-bottom: 17px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .18em;

    color:
        var(--basava-gold);

}


/* =========================================================
   QUICK NAV LINKS
========================================================= */

.basava-hinduism-reading-nav a {

    display: block;

    padding:
        8px 0;

    font-size: 14px;

    line-height: 1.45;

    color:
        var(--basava-muted);

    text-decoration: none;

}


/* =========================================================
   QUICK NAV ACTIVE
========================================================= */

.basava-hinduism-reading-nav a.active {

    padding-left: 9px;

    color:
        var(--basava-gold);

    font-weight: 600;

    border-left:
        2px solid
        var(--basava-gold);

}


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

.basava-hinduism-content {

    min-width: 0;

    max-width: 820px;

}


/* =========================================================
   ARTICLE SECTIONS
========================================================= */

.basava-hinduism-content section {

    scroll-margin-top: 110px;

    opacity: 1;

    transform: none;

}


/* =========================================================
   HIDDEN SECTION - NO ANIMATION
========================================================= */

.basava-hinduism-content section.basava-hidden {

    opacity: 1;

    transform: none;

}


/* =========================================================
   VISIBLE SECTION
========================================================= */

.basava-hinduism-content section.basava-visible {

    opacity: 1;

    transform: none;

}


/* =========================================================
   PARAGRAPHS
========================================================= */

.basava-hinduism-content p {

    margin:
        0 0 25px;

    font-size: 18px;

    line-height: 1.95;

    letter-spacing: .002em;

    color:
        var(--basava-ink);

    text-align: justify;

}


/* =========================================================
   DROP CAP
========================================================= */

.basava-hinduism-dropcap::first-letter {

    float: left;

    margin:
        7px
        12px
        0
        0;

    font-size: 68px;

    line-height: .72;

    color:
        var(--basava-gold);

}


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

.basava-hinduism-content h2 {

    position: relative;

    margin:
        60px
        0
        25px;

    font-size: 38px;

    font-weight: 400;

    line-height: 1.2;

    color:
        var(--basava-navy);

}


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

.basava-hinduism-content h2::after {

    content: "";

    display: block;

    width: 55px;

    height: 2px;

    margin-top: 16px;

    background:
        var(--basava-gold);

}


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

.basava-hinduism-section-label {

    margin-top: 55px;

    margin-bottom: -45px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .2em;

    color:
        var(--basava-gold);

}


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

.basava-hinduism-divider {

    width: 100%;

    height: 1px;

    margin:
        48px
        0
        5px;

    background:
        rgba(7,54,83,.10);

}


/* =========================================================
   QUOTES
========================================================= */

.basava-hinduism-content blockquote {

    position: relative;

    margin:
        42px
        0;

    padding:
        28px
        34px;

    border-left:
        3px solid
        var(--basava-gold);

    background:
        rgba(201,139,39,.055);

}


.basava-hinduism-content blockquote p {

    margin: 0;

    font-size: 20px;

    line-height: 1.8;

    font-style: italic;

    color:
        var(--basava-navy);

    text-align: justify;

}


.basava-hinduism-content blockquote cite {

    display: block;

    margin-top: 16px;

    font-size: 14px;

    font-style: normal;

    color:
        var(--basava-muted);

}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.basava-hinduism-highlight {

    margin:
        40px
        0;

    padding:
        32px
        36px;

    border:
        1px solid
        rgba(201,139,39,.22);

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            rgba(7,54,83,.055),
            rgba(201,139,39,.065)
        );

}


.basava-hinduism-highlight-label {

    margin-bottom: 18px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .20em;

    color:
        var(--basava-gold);

}


.basava-hinduism-highlight p {

    margin: 0;

    font-size: 17px;

    line-height: 1.85;

    text-align: justify;

}


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

.basava-hinduism-quote-card {

    position: relative;

    margin:
        48px
        0;

    padding:
        36px
        40px;

    text-align: center;

    border:
        1px solid
        rgba(201,139,39,.22);

    background:
        linear-gradient(
            135deg,
            rgba(7,54,83,.045),
            rgba(201,139,39,.07)
        );

    border-radius: 8px;

}


.basava-hinduism-quote-card::before,
.basava-hinduism-quote-card::after {

    content: "";

    position: absolute;

    width: 45px;

    height: 2px;

    background:
        var(--basava-gold);

}


.basava-hinduism-quote-card::before {

    top: 0;

    left: 50%;

    transform:
        translateX(-50%);

}


.basava-hinduism-quote-card::after {

    bottom: 0;

    left: 50%;

    transform:
        translateX(-50%);

}


.basava-hinduism-quote-label {

    margin-bottom: 15px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .20em;

    color:
        var(--basava-gold);

}


.basava-hinduism-quote-card p {

    margin: 0;

    font-size: 20px;

    line-height: 1.8;

    font-style: italic;

    color:
        var(--basava-navy);

    text-align: justify;

}


/* =========================================================
   SOURCE
========================================================= */

.basava-hinduism-source {

    margin-top: 70px;

    padding:
        34px
        38px;

    border:
        1px solid
        rgba(7,54,83,.11);

    border-radius: 8px;

    background:
        rgba(7,54,83,.045);

}


.basava-hinduism-source-kicker {

    margin-bottom: 12px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .20em;

    color:
        var(--basava-gold);

}


.basava-hinduism-source h3 {

    margin:
        0
        0
        14px;

    font-size: 28px;

    font-weight: 400;

    color:
        var(--basava-navy);

}


.basava-hinduism-source p {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color:
        var(--basava-muted);

    text-align: justify;

}


/* =========================================================
   READING NOTE
========================================================= */

.basava-hinduism-reading-note {

    padding:
        85px
        24px
        100px;

    border-top:
        1px solid
        rgba(7,54,83,.08);

    background:
        linear-gradient(
            180deg,
            #fcfaf5 0%,
            #f8f3e9 100%
        );

}


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

.basava-hinduism-reading-card {

    max-width: 850px;

    margin:
        0 auto;

    padding:
        46px
        50px;

    text-align: center;

    border:
        1px solid
        rgba(7,54,83,.12);

    border-radius: 8px;

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

    box-shadow:
        0 14px 40px
        rgba(7,54,83,.07);

}


.basava-hinduism-reading-card h2 {

    margin:
        0
        0
        18px;

    font-size: 40px;

    font-weight: 400;

    color:
        var(--basava-navy);

}


.basava-hinduism-reading-card > p {

    max-width: 720px;

    margin:
        0 auto;

    font-size: 17px;

    line-height: 1.85;

    color:
        var(--basava-muted);

    text-align: justify;

}


.basava-hinduism-reference-rule {

    width: 55px;

    height: 2px;

    margin:
        26px
        auto;

    background:
        var(--basava-gold);

}


.basava-hinduism-reference-source {

    font-size: 15px !important;

}


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

@media (max-width: 950px) {

    .basava-hinduism-layout {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    .basava-hinduism-reading-nav {

        display: none;

    }


    .basava-hinduism-content {

        max-width: 850px;

        margin:
            0 auto;

    }

}


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

@media (max-width: 720px) {

    .basava-hinduism-container {

        width:
            calc(100% - 32px);

    }


    .basava-hinduism-intro {

        padding:
            62px
            16px
            48px;

    }


    .basava-hinduism-intro h2 {

        font-size: 34px;

        line-height: 1.2;

    }


    .basava-hinduism-lead {

        font-size: 17px;

        line-height: 1.8;

        text-align: justify;

    }


    .basava-hinduism-meta {

        font-size: 13px;

    }


    .basava-hinduism-article {

        padding:
            25px
            16px
            75px;

    }


    .basava-hinduism-content p {

        font-size: 16px;

        line-height: 1.85;

        margin-bottom: 22px;

        text-align: justify;

    }


    .basava-hinduism-dropcap::first-letter {

        font-size: 55px;

    }


    .basava-hinduism-content h2 {

        margin:
            45px
            0
            21px;

        font-size: 31px;

    }


    .basava-hinduism-section-label {

        margin-bottom: -35px;

    }


    .basava-hinduism-divider {

        margin:
            35px
            0
            0;

    }


    .basava-hinduism-content blockquote {

        margin:
            30px
            0;

        padding:
            22px;

    }


    .basava-hinduism-content blockquote p {

        font-size: 17px;

        line-height: 1.75;

        text-align: justify;

    }


    .basava-hinduism-highlight {

        margin:
            30px
            0;

        padding:
            25px
            22px;

    }


    .basava-hinduism-quote-card {

        margin:
            32px
            0;

        padding:
            30px
            22px;

    }


    .basava-hinduism-quote-card p {

        font-size: 17px;

        text-align: justify;

    }


    .basava-hinduism-source {

        margin-top: 45px;

        padding:
            27px
            23px;

    }


    .basava-hinduism-source h3 {

        font-size: 25px;

    }


    .basava-hinduism-source p {

        text-align: justify;

    }


    .basava-hinduism-reading-note {

        padding:
            60px
            16px
            75px;

    }


    .basava-hinduism-reading-card {

        padding:
            32px
            22px;

    }


    .basava-hinduism-reading-card h2 {

        font-size: 31px;

    }


    .basava-hinduism-reading-card > p {

        font-size: 15px;

        line-height: 1.75;

        text-align: justify;

    }

}


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

@media (max-width: 480px) {

    .basava-hinduism-intro h2 {

        font-size: 31px;

    }


    .basava-hinduism-lead {

        font-size: 16px;

    }


    .basava-hinduism-content p {

        font-size: 15.5px;

        line-height: 1.82;

        text-align: justify;

    }


    .basava-hinduism-content h2 {

        font-size: 29px;

    }


    .basava-hinduism-content blockquote {

        padding:
            20px
            18px;

    }


    .basava-hinduism-content blockquote p {

        font-size: 16px;

        text-align: justify;

    }


    .basava-hinduism-reading-card h2 {

        font-size: 28px;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .basava-hinduism-page *,
    .basava-hinduism-page *::before,
    .basava-hinduism-page *::after {

        transition: none !important;

        animation: none !important;

    }

}

/* =========================================================
   FINAL FIX
   LEFT NAV = FLOATING STICKY
   ========================================================= */

/* ---------------------------------------------------------
   IMPORTANT:
   Sticky ko block karne wala overflow remove
--------------------------------------------------------- */

.basava-hinduism-page {
    overflow: visible !important;
}


/* ---------------------------------------------------------
   DESKTOP
--------------------------------------------------------- */

@media (min-width: 721px) {

    /* Main article layout */
    .basava-hinduism-page .basava-hinduism-layout {

        display: grid !important;

        grid-template-columns:
            280px
            minmax(0, 1fr) !important;

        gap: 65px !important;

        align-items: start !important;

        overflow: visible !important;
    }


    /* =====================================================
       THIS IS THE ACTUAL FLOATING SIDEBAR
       ===================================================== */

    .basava-hinduism-page .basava-hinduism-reading-nav {

        position: -webkit-sticky !important;

        position: sticky !important;

        top: 110px !important;

        align-self: start !important;

        width: 280px !important;

        height: max-content !important;

        max-height: calc(100vh - 130px) !important;

        margin-top: 0 !important;

        margin-bottom: 40px !important;

        padding: 0 !important;

        overflow: visible !important;

        z-index: 100 !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;

        transform: none !important;
    }


    /* =====================================================
       INNER NAV
       IMPORTANT:
       INNER KO STICKY MAT KARNA
       ===================================================== */

    .basava-hinduism-page .basava-hinduism-reading-nav-inner {

        position: static !important;

        top: auto !important;

        width: 280px !important;

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;

        margin: 0 !important;

        padding: 28px 24px !important;

        background: #F6F1E8 !important;

        border: none !important;

        border-left: none !important;

        box-shadow: none !important;

    }


    /* =====================================================
       NAV LABEL
       ===================================================== */

    .basava-hinduism-page .basava-hinduism-nav-label {

        margin: 0 0 20px !important;

        padding: 0 !important;

        color: #716F6A !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size: 12px !important;

        font-weight: 600 !important;

        line-height: 1.4 !important;

        letter-spacing: .12em !important;

        text-transform: uppercase !important;
    }


    /* =====================================================
       NAV LINKS
       ===================================================== */

    .basava-hinduism-page .basava-hinduism-reading-nav a {

        display: block !important;

        margin: 0 0 14px !important;

        padding: 0 !important;

        color: #716F6A !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size: 13px !important;

        font-weight: 400 !important;

        line-height: 1.6 !important;

        text-decoration: none !important;

        background: transparent !important;

        border: none !important;

        border-left: none !important;

        box-shadow: none !important;

        transform: none !important;

        animation: none !important;

        transition: none !important;
    }


    /* =====================================================
       ACTIVE
       ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav a.active {

        color: #073653 !important;

        font-weight: 400 !important;

        padding-left: 0 !important;

        border: none !important;

        border-left: none !important;

        background: transparent !important;

        box-shadow: none !important;
    }


    /* =====================================================
       HOVER
       ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav a:hover,

    .basava-hinduism-page
    .basava-hinduism-reading-nav a:focus,

    .basava-hinduism-page
    .basava-hinduism-reading-nav a:focus-visible {

        color: #073653 !important;

        padding-left: 0 !important;

        border: none !important;

        border-left: none !important;

        background: transparent !important;

        box-shadow: none !important;

        transform: none !important;

        animation: none !important;

        transition: none !important;
    }
}


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

@media (max-width: 720px) {

    .basava-hinduism-page {

        overflow: visible !important;
    }


    .basava-hinduism-page
    .basava-hinduism-layout {

        display: block !important;

        overflow: visible !important;
    }


    .basava-hinduism-page
    .basava-hinduism-reading-nav {

        position: static !important;

        top: auto !important;

        width: 100% !important;

        height: auto !important;

        max-height: none !important;

        margin: 0 0 40px !important;

        padding: 0 !important;

        overflow: visible !important;

        z-index: auto !important;
    }


    .basava-hinduism-page
    .basava-hinduism-reading-nav-inner {

        position: static !important;

        width: 100% !important;

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;
    }
}


/* =========================================================
   NO SCROLLBAR
========================================================= */

.basava-hinduism-page
.basava-hinduism-reading-nav,

.basava-hinduism-page
.basava-hinduism-reading-nav-inner {

    scrollbar-width: none !important;

    -ms-overflow-style: none !important;
}


.basava-hinduism-page
.basava-hinduism-reading-nav::-webkit-scrollbar,

.basava-hinduism-page
.basava-hinduism-reading-nav-inner::-webkit-scrollbar {

    width: 0 !important;

    height: 0 !important;

    display: none !important;
}


/* =========================================================
   NO MOVEMENT
========================================================= */

.basava-hinduism-page
.basava-hinduism-reading-nav,

.basava-hinduism-page
.basava-hinduism-reading-nav * {

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   PREVENT PARENT TRANSFORM FROM BREAKING STICKY
========================================================= */

@media (min-width: 721px) {

    .basava-hinduism-page
    .basava-hinduism-article {

        transform: none !important;

        overflow: visible !important;
    }


    .basava-hinduism-page
    .basava-hinduism-layout {

        transform: none !important;

        overflow: visible !important;
    }


    .basava-hinduism-page
    .basava-hinduism-content {

        transform: none !important;
    }
}

/* =========================================================
   BASAVA & HINDUISM
   FINAL OVERRIDE
   Same typography + floating navigation as Buddha page
========================================================= */


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

.basava-hinduism-page,
.basava-hinduism-page *,
.basava-hinduism-page *::before,
.basava-hinduism-page *::after {

    box-sizing: border-box;

    animation: none !important;
    transition: none !important;
}


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

.basava-hinduism-page {

    overflow: visible !important;

    background: #F8F4EC !important;

    color: #29251f !important;
}


/* =========================================================
   SOURCE SERIF 4
========================================================= */

.basava-hinduism-page .basava-hinduism-content,
.basava-hinduism-page .basava-hinduism-content p,
.basava-hinduism-page .basava-hinduism-content h1,
.basava-hinduism-page .basava-hinduism-content h2,
.basava-hinduism-page .basava-hinduism-content h3,
.basava-hinduism-page .basava-hinduism-content h4,
.basava-hinduism-page .basava-hinduism-content h5,
.basava-hinduism-page .basava-hinduism-content h6,
.basava-hinduism-page .basava-hinduism-content blockquote,
.basava-hinduism-page .basava-hinduism-content blockquote p,
.basava-hinduism-page .basava-hinduism-content li,
.basava-hinduism-page .basava-hinduism-content strong,
.basava-hinduism-page .basava-hinduism-content em {

    font-family: "Source Serif 4" !important;
}


/* =========================================================
   ARTICLE PARAGRAPHS
========================================================= */

.basava-hinduism-page .basava-hinduism-content p {

    margin: 0 0 24px !important;

    color: #29251f !important;

    font-family: "Source Serif 4" !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    letter-spacing: normal !important;

    text-align: justify !important;

    overflow-wrap: break-word;

    word-wrap: break-word;
}


/* =========================================================
   H2
========================================================= */

.basava-hinduism-page .basava-hinduism-content h2 {

    position: relative;

    display: block;

    width: auto;

    margin: 0 0 7px !important;

    padding: 0 !important;

    color: #95651E !important;

    font-family: "Source Serif 4" !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    letter-spacing: normal !important;

    text-transform: none !important;

    border: none !important;

    text-decoration: none !important;

    box-shadow: none !important;

    background: transparent !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   REMOVE H2 DECORATIVE LINE
========================================================= */

.basava-hinduism-page
.basava-hinduism-content h2::before,

.basava-hinduism-page
.basava-hinduism-content h2::after {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   H3
========================================================= */

.basava-hinduism-page .basava-hinduism-content h3 {

    margin: 38px 0 16px !important;

    color: #073653 !important;

    font-family: "Source Serif 4" !important;

    font-size: 25px !important;

    line-height: 1.35 !important;

    font-weight: 700 !important;
}


/* =========================================================
   H4
========================================================= */

.basava-hinduism-page .basava-hinduism-content h4 {

    margin: 28px 0 12px !important;

    color: #073653 !important;

    font-family: "Source Serif 4" !important;

    font-size: 20px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.basava-hinduism-page .basava-hinduism-content blockquote {

    position: relative;

    margin: 35px 0 !important;

    padding: 28px 32px !important;

    border-left: 4px solid #95651E !important;

    border-top: none !important;

    border-right: none !important;

    border-bottom: none !important;

    border-radius: 0 !important;

    background: #F8F3E9 !important;

    color: #073653 !important;

    font-family: "Source Serif 4" !important;

    font-size: 21px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    font-style: italic !important;
}


.basava-hinduism-page
.basava-hinduism-content blockquote p {

    margin: 0 !important;

    color: inherit !important;

    font-family: "Source Serif 4" !important;

    font-size: inherit !important;

    font-weight: 400 !important;

    line-height: inherit !important;

    text-align: justify !important;
}


/* =========================================================
   DESKTOP ARTICLE LAYOUT
========================================================= */

@media (min-width: 721px) {

    .basava-hinduism-page .basava-hinduism-layout {

        display: grid !important;

        grid-template-columns:
            280px
            minmax(0, 1fr) !important;

        gap: 65px !important;

        align-items: start !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* =====================================================
       FLOATING LEFT NAV
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav {

        position: -webkit-sticky !important;

        position: sticky !important;

        top: 110px !important;

        align-self: start !important;

        width: 100% !important;

        height: fit-content !important;

        /*
           IMPORTANT:
           NO INTERNAL SCROLL
        */

        max-height: none !important;

        overflow: visible !important;

        overflow-y: visible !important;

        overflow-x: visible !important;

        margin-top: -150px !important;

        margin-bottom: 40px !important;

        padding: 0 !important;

        background: #F6F1E8 !important;

        border: none !important;

        border-left: none !important;

        box-shadow: none !important;

        z-index: 50 !important;

        transform: none !important;
    }


    /* =====================================================
       NAV INNER
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav-inner {

        position: static !important;

        top: auto !important;

        width: 100% !important;

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;

        overflow-y: visible !important;

        overflow-x: visible !important;

        margin: 0 !important;

        padding: 28px 24px !important;

        background: #F6F1E8 !important;

        border: none !important;

        border-left: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       NAV LABEL
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-nav-label {

        margin: 0 0 20px !important;

        padding: 0 !important;

        color: #716F6A !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size: 12px !important;

        font-weight: 600 !important;

        line-height: 1.4 !important;

        letter-spacing: .12em !important;

        text-transform: uppercase !important;
    }


    /* =====================================================
       NAV LINKS
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav a {

        display: block !important;

        margin: 0 0 14px !important;

        padding: 0 !important;

        color: #716F6A !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size: 13px !important;

        font-weight: 400 !important;

        line-height: 1.6 !important;

        text-decoration: none !important;

        background: transparent !important;

        border: none !important;

        border-left: none !important;

        box-shadow: none !important;

        transform: none !important;

        animation: none !important;

        transition: none !important;
    }


    /* =====================================================
       ACTIVE SUB-HEADING
       CURRENT SECTION = BLUE
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav a.active {

        color: #073653 !important;

        font-weight: 400 !important;

        padding-left: 0 !important;

        margin-left: 0 !important;

        border: none !important;

        border-left: none !important;

        background: transparent !important;

        box-shadow: none !important;

        transform: none !important;

        animation: none !important;

        transition: none !important;
    }


    /* =====================================================
       HOVER
       BLUE BUT NO MOVEMENT
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav a:hover,

    .basava-hinduism-page
    .basava-hinduism-reading-nav a:focus,

    .basava-hinduism-page
    .basava-hinduism-reading-nav a:focus-visible {

        color: #073653 !important;

        padding-left: 0 !important;

        margin-left: 0 !important;

        border: none !important;

        border-left: none !important;

        background: transparent !important;

        box-shadow: none !important;

        transform: none !important;

        animation: none !important;

        transition: none !important;
    }
}


/* =========================================================
   COMPLETELY REMOVE NAV SCROLLBAR
========================================================= */

.basava-hinduism-page
.basava-hinduism-reading-nav,

.basava-hinduism-page
.basava-hinduism-reading-nav-inner {

    scrollbar-width: none !important;

    -ms-overflow-style: none !important;

    overflow-y: visible !important;

    overflow-x: visible !important;
}


.basava-hinduism-page
.basava-hinduism-reading-nav::-webkit-scrollbar,

.basava-hinduism-page
.basava-hinduism-reading-nav-inner::-webkit-scrollbar {

    width: 0 !important;

    height: 0 !important;

    display: none !important;

    background: transparent !important;
}


.basava-hinduism-page
.basava-hinduism-reading-nav::-webkit-scrollbar-thumb,

.basava-hinduism-page
.basava-hinduism-reading-nav-inner::-webkit-scrollbar-thumb {

    background: transparent !important;

    width: 0 !important;

    height: 0 !important;
}


.basava-hinduism-page
.basava-hinduism-reading-nav::-webkit-scrollbar-track,

.basava-hinduism-page
.basava-hinduism-reading-nav-inner::-webkit-scrollbar-track {

    background: transparent !important;
}


/* =========================================================
   SECTION SCROLL POSITION
========================================================= */

.basava-hinduism-page
.basava-hinduism-content section {

    scroll-margin-top: 110px !important;

    opacity: 1 !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   DISABLE SECTION ANIMATION
========================================================= */

.basava-hinduism-page
.basava-hinduism-content section.basava-hidden,

.basava-hinduism-page
.basava-hinduism-content section.basava-visible {

    opacity: 1 !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


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

@media (max-width: 720px) {

    .basava-hinduism-page {

        overflow: visible !important;
    }


    .basava-hinduism-page
    .basava-hinduism-layout {

        display: block !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* =====================================================
       HIDE NAV ON MOBILE
    ===================================================== */

    .basava-hinduism-page
    .basava-hinduism-reading-nav {

        display: none !important;
    }


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

    .basava-hinduism-page
    .basava-hinduism-content {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;
    }


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

    .basava-hinduism-page
    .basava-hinduism-content p {

        margin: 0 0 24px !important;

        font-family: "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.8 !important;

        text-align: left !important;
    }


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

    .basava-hinduism-page
    .basava-hinduism-content h2 {

        margin: 0 0 7px !important;

        padding: 0 !important;

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;

        color: #95651E !important;
    }


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

    .basava-hinduism-page
    .basava-hinduism-content h3 {

        font-family: "Source Serif 4" !important;

        font-size: 23px !important;

        line-height: 1.35 !important;
    }


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

    .basava-hinduism-page
    .basava-hinduism-content h4 {

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;
    }


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

    .basava-hinduism-page
    .basava-hinduism-content blockquote {

        margin: 28px 0 !important;

        padding: 22px 20px !important;

        font-family: "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.7 !important;
    }


    .basava-hinduism-page
    .basava-hinduism-content blockquote p {

        text-align: left !important;
    }
}


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

@media (max-width: 480px) {

    .basava-hinduism-page
    .basava-hinduism-content p {

        font-family: "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.8 !important;

        text-align: left !important;
    }


    .basava-hinduism-page
    .basava-hinduism-content h2 {

        font-family: "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;
    }


    .basava-hinduism-page
    .basava-hinduism-content h3 {

        font-size: 22px !important;
    }


    .basava-hinduism-page
    .basava-hinduism-content blockquote {

        font-family: "Source Serif 4" !important;

        font-size: 17px !important;

        padding: 20px 18px !important;
    }
}


/* =========================================================
   FINAL STICKY SAFETY
========================================================= */

@media (min-width: 721px) {

    .basava-hinduism-page
    .basava-hinduism-article,

    .basava-hinduism-page
    .basava-hinduism-layout,

    .basava-hinduism-page
    .basava-hinduism-content {

        transform: none !important;
    }


    .basava-hinduism-page
    .basava-hinduism-article,

    .basava-hinduism-page
    .basava-hinduism-layout {

        overflow: visible !important;
    }
}


/* =========================================================
   FINAL NAV RESET
========================================================= */

.basava-hinduism-page
.basava-hinduism-reading-nav,

.basava-hinduism-page
.basava-hinduism-reading-nav * {

    animation: none !important;

    transition: none !important;
}

 /* //////////////////////////////////////////////////////////////////////////////////BASAVA AND LABOUR///////////////////////////////////////////////////////////////////////////// */

/* =========================================================
   BASAVA AND LABOUR
   Premium Article Page
========================================================= */

:root {
    --bl-navy: #073653;
    --bl-navy-deep: #022b44;
    --bl-gold: #c98b27;
    --bl-gold-light: #d9a13a;
    --bl-cream: #f8f3e9;
    --bl-paper: #fcfaf5;
    --bl-white: #ffffff;
    --bl-ink: #263f4d;
    --bl-muted: #687783;
    --bl-line: rgba(7, 54, 83, .13);
    --bl-shadow: 0 18px 45px rgba(7, 54, 83, .10);
    --bl-soft-shadow: 0 10px 30px rgba(7, 54, 83, .08);
}


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

.basava-labour-page {
    background: var(--bl-cream);
    color: var(--bl-ink);
    font-family: Georgia, "Times New Roman", serif;
}

.basava-labour-page *,
.basava-labour-page *::before,
.basava-labour-page *::after {
    box-sizing: border-box;
}


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

.basava-labour-hero {
    overflow: hidden;
}

.basava-labour-hero > img {
    transition:
        transform 1.2s cubic-bezier(.22, .61, .36, 1),
        filter .8s ease;
}

.basava-labour-hero:hover > img {
    transform: scale(1.025);
}

.basava-labour-hero .great-sharanas-hero-content {
    transition:
        transform .6s ease,
        opacity .5s ease;
}

.basava-labour-hero:hover .great-sharanas-hero-content {
    transform: translateY(-57%);
}

.basava-labour-hero h1 {
    transition:
        transform .45s ease,
        letter-spacing .45s ease;
}

.basava-labour-hero:hover h1 {
    transform: translateX(5px);
    letter-spacing: .01em;
}

.basava-labour-hero .great-sharanas-descriptor {
    transition:
        letter-spacing .45s ease,
        color .45s ease;
}

.basava-labour-hero:hover .great-sharanas-descriptor {
    letter-spacing: .04em;
    color: #e8bf67;
}

.basava-labour-hero .great-sharanas-gold-rule {
    transition:
        width .55s cubic-bezier(.22, .61, .36, 1),
        box-shadow .45s ease;
}

.basava-labour-hero:hover .great-sharanas-gold-rule {
    width: 115px;
    box-shadow: 0 0 15px rgba(217, 161, 58, .35);
}


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

.bl-article-intro {
    padding: 90px 24px 55px;
    background: var(--bl-paper);
    text-align: center;
}

.bl-page-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.bl-article-intro .bl-page-container {
    max-width: 850px;
}

.bl-article-kicker {
    color: var(--bl-gold);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.bl-article-intro h2 {
    margin: 0;
    color: var(--bl-navy);
    font-size: 42px;
    line-height: 1.2;
    font-weight: 400;
    transition:
        transform .45s ease,
        color .45s ease,
        letter-spacing .45s ease;
}

.bl-article-intro h2:hover {
    color: var(--bl-gold);
    transform: translateY(-3px);
    letter-spacing: .01em;
}

.bl-article-lead {
    max-width: 760px;
    margin: 22px auto 0;
    color: var(--bl-muted);
    font-size: 19px;
    line-height: 1.8;
    transition:
        color .4s ease,
        transform .4s ease;
}

.bl-article-lead:hover {
    color: var(--bl-ink);
    transform: translateY(-2px);
}

.bl-article-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
    color: #7a858c;
    font-size: 14px;
}

.bl-meta-dot {
    color: var(--bl-gold);
}


/* =========================================================
   MAIN ARTICLE AREA
========================================================= */

.bl-article-section {
    padding: 45px 0 100px;
    background: var(--bl-paper);
}

.bl-article-layout {
    display: grid;
    grid-template-columns: 230px minmax(0, 820px);
    justify-content: center;
    gap: 60px;
    align-items: start;
}


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

.bl-reading-nav {
    position: relative;
}

.bl-reading-nav-inner {
    position: sticky;
    top: 110px;
    padding: 23px 0 23px 22px;
    border-left: 1px solid var(--bl-line);
}

.bl-nav-label {
    margin-bottom: 15px;
    color: var(--bl-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
}

.bl-reading-nav a {
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 0 10px;
    padding: 3px 0;
    color: #647783;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    transition:
        color .35s ease,
        transform .35s ease;
}

.bl-reading-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: var(--bl-gold);
    transition: width .35s ease;
}

.bl-reading-nav a:hover {
    color: var(--bl-navy);
    transform: translateX(5px);
}

.bl-reading-nav a:hover::after,
.bl-reading-nav a.is-active::after {
    width: 100%;
}

.bl-reading-nav a.is-active {
    color: var(--bl-gold);
}


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

.bl-article-content {
    min-width: 0;
}

.bl-article-content section {
    scroll-margin-top: 120px;
    margin-bottom: 75px;
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity .7s ease,
        transform .7s ease;
}

.bl-article-content section.bh-hidden {
    opacity: 0;
    transform: translateY(18px);
}

.bl-article-content section.bh-visible {
    opacity: 1;
    transform: translateY(0);
}

.bl-article-content section:last-child {
    margin-bottom: 0;
}

.bl-article-content section > h2 {
    position: relative;
    margin: 0 0 27px;
    padding-bottom: 17px;
    color: var(--bl-navy);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 400;
}

.bl-article-content section > h2::after {
    content: "";
    display: block;
    width: 58px;
    height: 2px;
    margin-top: 14px;
    background: var(--bl-gold);
    transition:
        width .45s ease,
        box-shadow .45s ease;
}

.bl-article-content section > h2:hover::after {
    width: 100px;
    box-shadow: 0 2px 8px rgba(201, 139, 39, .25);
}

.bl-article-content p {
    margin: 0 0 21px;
    color: var(--bl-ink);
    font-size: 18px;
    line-height: 1.88;
    transition:
        color .35s ease,
        transform .35s ease;
}

.bl-article-content p:hover {
    color: #193a4c;
}


/* =========================================================
   DROP CAP
========================================================= */

.bl-dropcap::first-letter {
    float: left;
    margin: 8px 12px 0 0;
    color: var(--bl-gold);
    font-size: 67px;
    line-height: .75;
    font-weight: 400;
}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.bl-highlight-box {
    margin: 35px 0;
    padding: 28px 30px;
    background:
        linear-gradient(
            135deg,
            rgba(7, 54, 83, .045),
            rgba(201, 139, 39, .075)
        );
    border-left: 3px solid var(--bl-gold);
    box-shadow: var(--bl-soft-shadow);
    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}

.bl-highlight-box:hover {
    transform: translateX(6px);
    box-shadow: var(--bl-shadow);
    border-color: var(--bl-gold-light);
}

.bl-highlight-label {
    margin-bottom: 11px;
    color: var(--bl-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
}

.bl-highlight-box p {
    margin: 0;
    color: var(--bl-navy);
    font-size: 18px;
    line-height: 1.75;
}


/* =========================================================
   BLOCKQUOTE
========================================================= */

.bl-quote {
    position: relative;
    margin: 35px 0;
    padding: 28px 32px;
    background: #f5efe3;
    border-left: 4px solid var(--bl-gold);
    box-shadow: 0 10px 25px rgba(7, 54, 83, .06);
    transition:
        transform .45s ease,
        box-shadow .45s ease,
        background .45s ease;
}

.bl-quote:hover {
    transform: translateX(6px);
    background: #f8f0df;
    box-shadow: var(--bl-shadow);
}

.bl-quote p {
    margin: 0;
    color: var(--bl-navy);
    font-size: 21px;
    line-height: 1.7;
    font-style: italic;
}


/* =========================================================
   LABOUR RULES
========================================================= */

.bl-rules-card {
    margin: 30px 0 35px;
    padding: 10px 28px;
    background: #fff;
    border: 1px solid var(--bl-line);
    box-shadow: 0 10px 30px rgba(7, 54, 83, .06);
    transition:
        transform .45s ease,
        box-shadow .45s ease;
}

.bl-rules-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--bl-shadow);
}

.bl-rule-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
    align-items: start;
    padding: 18px 0;
    border-bottom: 1px solid var(--bl-line);
}

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

.bl-rule-item span {
    color: var(--bl-gold);
    font-size: 17px;
    font-weight: 700;
}

.bl-rule-item p {
    margin: 0;
}


/* =========================================================
   VOCATION GRID
========================================================= */

.bl-vocation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 30px 0 32px;
}

.bl-vocation-card {
    min-height: 105px;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--bl-line);
    box-shadow: 0 7px 20px rgba(7, 54, 83, .045);
    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.bl-vocation-card:hover {
    transform: translateY(-6px);
    border-color: rgba(201, 139, 39, .45);
    box-shadow: var(--bl-shadow);
}

.bl-vocation-card strong {
    display: block;
    color: var(--bl-navy);
    font-size: 15px;
    line-height: 1.4;
}

.bl-vocation-card span {
    display: block;
    margin-top: 7px;
    color: var(--bl-gold);
    font-size: 13px;
}


/* =========================================================
   CONCLUSION
========================================================= */

.bl-conclusion-box {
    margin-top: 35px;
    padding: 32px 25px;
    text-align: center;
}

.bl-conclusion-box p {
    max-width: 690px;
    margin: 15px auto;
    color: var(--bl-navy);
    font-size: 20px;
    line-height: 1.8;
    font-style: italic;
}

.bl-conclusion-line {
    display: block;
    width: 70px;
    height: 2px;
    margin: 0 auto;
    background: var(--bl-gold);
    transition:
        width .45s ease,
        box-shadow .45s ease;
}

.bl-conclusion-box:hover .bl-conclusion-line {
    width: 120px;
    box-shadow: 0 0 12px rgba(201, 139, 39, .3);
}


/* =========================================================
   REFERENCES
========================================================= */

.bl-references-section {
    padding: 20px 24px 100px;
    background: var(--bl-paper);
}

.bl-references-card {
    max-width: 850px;
    margin: 0 auto;
    padding: 48px 50px;
    text-align: center;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f7f1e5
        );
    border: 1px solid var(--bl-line);
    box-shadow: var(--bl-soft-shadow);
    transition:
        transform .5s ease,
        box-shadow .5s ease;
}

.bl-references-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--bl-shadow);
}

.bl-references-card h2 {
    margin: 0 0 18px;
    color: var(--bl-navy);
    font-size: 34px;
    font-weight: 400;
}

.bl-references-card > p {
    margin: 0 auto;
    max-width: 680px;
    color: var(--bl-muted);
    font-size: 17px;
    line-height: 1.8;
}

.bl-reference-rule {
    width: 65px;
    height: 2px;
    margin: 28px auto;
    background: var(--bl-gold);
    transition: width .45s ease;
}

.bl-references-card:hover .bl-reference-rule {
    width: 105px;
}

.bl-reference-source {
    color: var(--bl-navy) !important;
}


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

@media (max-width: 1000px) {

    .bl-article-layout {
        grid-template-columns: 190px minmax(0, 1fr);
        gap: 40px;
    }

    .bl-reading-nav-inner {
        padding-left: 16px;
    }

    .bl-article-content p {
        font-size: 17px;
    }

    .bl-vocation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


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

@media (max-width: 720px) {

    .basava-labour-hero:hover > img {
        transform: none;
    }

    .basava-labour-hero:hover .great-sharanas-hero-content {
        transform: none;
    }

    .basava-labour-hero:hover h1 {
        transform: none;
        letter-spacing: normal;
    }

    .bl-article-intro {
        padding: 65px 20px 40px;
    }

    .bl-page-container {
        width: min(100% - 32px, 760px);
    }

    .bl-article-intro h2 {
        font-size: 32px;
    }

    .bl-article-lead {
        font-size: 17px;
        line-height: 1.7;
    }

    .bl-article-meta {
        font-size: 13px;
    }

    .bl-article-section {
        padding: 25px 0 65px;
    }

    .bl-article-layout {
        display: block;
    }

    .bl-reading-nav {
        margin-bottom: 42px;
    }

    .bl-reading-nav-inner {
        position: static;
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 15px 0 18px;
        border-left: 0;
        border-bottom: 1px solid var(--bl-line);
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .bl-nav-label {
        flex: 0 0 auto;
        align-self: center;
        margin: 0 7px 0 0;
    }

    .bl-reading-nav a {
        flex: 0 0 auto;
        margin: 0;
        padding: 8px 12px;
        border: 1px solid var(--bl-line);
        border-radius: 30px;
        background: #fff;
        font-size: 12px;
    }

    .bl-reading-nav a::after {
        display: none;
    }

    .bl-reading-nav a:hover {
        transform: none;
    }

    .bl-reading-nav a.is-active {
        color: #fff;
        background: var(--bl-navy);
        border-color: var(--bl-navy);
    }

    .bl-article-content section {
        scroll-margin-top: 30px;
        margin-bottom: 55px;
    }

    .bl-article-content section > h2 {
        font-size: 28px;
        margin-bottom: 22px;
    }

    .bl-article-content p {
        font-size: 16px;
        line-height: 1.82;
        margin-bottom: 19px;
    }

    .bl-dropcap::first-letter {
        font-size: 57px;
        margin-right: 9px;
    }

    .bl-highlight-box {
        padding: 23px 20px;
    }

    .bl-highlight-box:hover {
        transform: none;
    }

    .bl-quote {
        padding: 23px 20px;
    }

    .bl-quote:hover {
        transform: none;
    }

    .bl-quote p {
        font-size: 18px;
    }

    .bl-rules-card {
        padding: 8px 18px;
    }

    .bl-vocation-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bl-vocation-card {
        min-height: auto;
        padding: 17px;
    }

    .bl-vocation-card:hover {
        transform: none;
    }

    .bl-references-section {
        padding: 10px 16px 70px;
    }

    .bl-references-card {
        padding: 35px 22px;
    }

    .bl-references-card:hover {
        transform: none;
    }

    .bl-references-card h2 {
        font-size: 28px;
    }

    .bl-references-card > p {
        font-size: 16px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .basava-labour-page *,
    .basava-labour-page *::before,
    .basava-labour-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }

}

/* =========================================================
   ARTICLE SECTION SCROLL POSITION
   Heading ko sticky header ke neeche hide hone se bachaye
========================================================= */

.buddha-article-content section {
    scroll-margin-top: 150px;
}


/* =========================================================
   LEFT READING NAVIGATION
   Scrollbar completely hide
========================================================= */

.buddha-reading-nav {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.buddha-reading-nav::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.buddha-reading-nav-inner {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.buddha-reading-nav-inner::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

/* =========================================================
   FORCE HIDE LEFT ARTICLE NAV SCROLLBAR
========================================================= */

.buddha-reading-nav {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.buddha-reading-nav::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

.buddha-reading-nav::-webkit-scrollbar-track {
    display: none !important;
    background: transparent !important;
}

.buddha-reading-nav::-webkit-scrollbar-thumb {
    display: none !important;
    background: transparent !important;
}

.buddha-reading-nav-inner {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.buddha-reading-nav-inner::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}


/* ////////////////////////////////////////////////////////////////////BASAVA' WORK////////////////////////////////////////////////////////////////////////////////////////////// */
/* =========================================================
   BASAVA'S WORK PAGE
   ========================================================= */

.basava-work-page {
    --bw-navy: #073653;
    --bw-navy-deep: #022b44;
    --bw-gold: #c98b27;
    --bw-gold-light: #d9a13a;
    --bw-cream: #f8f3e9;
    --bw-paper: #fcfaf5;
    --bw-white: #ffffff;
    --bw-ink: #263f4d;
    --bw-muted: #687783;
    --bw-line: rgba(7, 54, 83, .13);
    --bw-shadow: 0 18px 45px rgba(7, 54, 83, .10);

    background: var(--bw-cream);
    color: var(--bw-ink);
    font-family: Georgia, "Times New Roman", serif;
}


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

.basava-work-page .bw-page-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


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

.basava-work-page .basava-work-hero {
    position: relative;
    overflow: hidden;
}

.basava-work-page .basava-work-hero > img {
    transition:
        transform 1.2s cubic-bezier(.22, .61, .36, 1),
        filter 1s ease;
}

.basava-work-page .basava-work-hero:hover > img {
    transform: scale(1.025);
    filter: brightness(.96);
}

.basava-work-page .great-sharanas-hero-content {
    transition: transform .7s ease;
}

.basava-work-page .basava-work-hero:hover
.great-sharanas-hero-content {
    transform: translateY(-55%) translateX(3px);
}

.basava-work-page .great-sharanas-hero h1 {
    transition:
        transform .45s ease,
        letter-spacing .45s ease;
}

.basava-work-page .great-sharanas-hero:hover h1 {
    transform: translateX(5px);
    letter-spacing: .01em;
}

.basava-work-page .great-sharanas-descriptor {
    transition:
        letter-spacing .45s ease,
        color .45s ease;
}

.basava-work-page .basava-work-hero:hover
.great-sharanas-descriptor {
    letter-spacing: .035em;
    color: #e5bb68;
}

.basava-work-page .great-sharanas-hero-intro {
    transition:
        transform .45s ease,
        opacity .45s ease;
}

.basava-work-page .basava-work-hero:hover
.great-sharanas-hero-intro {
    transform: translateX(3px);
}

.basava-work-page .great-sharanas-gold-rule {
    transition:
        width .55s ease,
        box-shadow .55s ease;
}

.basava-work-page .basava-work-hero:hover
.great-sharanas-gold-rule {
    width: 110px;
    box-shadow: 0 0 12px rgba(217, 161, 58, .35);
}


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

.basava-work-page .bw-article-intro {
    padding: 92px 0 72px;
    background:
        linear-gradient(
            180deg,
            #fcfaf5 0%,
            #f8f3e9 100%
        );
    text-align: center;
}

.basava-work-page .bw-article-kicker {
    display: inline-block;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--bw-gold);

    margin-bottom: 18px;
}

.basava-work-page .bw-article-intro h2 {
    margin: 0 auto 18px;

    max-width: 850px;

    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.12;
    font-weight: 400;

    color: var(--bw-navy);

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

.basava-work-page .bw-article-intro:hover h2 {
    transform: translateY(-3px);
    color: var(--bw-navy-deep);
}

.basava-work-page .bw-article-lead {
    max-width: 760px;
    margin: 0 auto;

    font-size: 19px;
    line-height: 1.8;

    color: var(--bw-muted);

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

.basava-work-page .bw-article-intro:hover .bw-article-lead {
    color: var(--bw-ink);
    transform: translateY(-2px);
}

.basava-work-page .bw-article-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 28px;

    font-size: 14px;
    color: #7a858c;
}

.basava-work-page .bw-meta-dot {
    color: var(--bw-gold);
}


/* =========================================================
   ARTICLE SECTION WRAPPER
   ========================================================= */

.basava-work-page .bw-article-section {
    padding: 80px 0 100px;
    background: var(--bw-cream);
}


/* =========================================================
   ARTICLE LAYOUT
   ========================================================= */

.basava-work-page .bw-article-layout {
    display: grid;

    grid-template-columns:
        230px
        minmax(0, 820px);

    gap: 60px;

    align-items: start;
}


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

.basava-work-page .bw-reading-nav {
    position: sticky;
    top: 115px;
}

.basava-work-page .bw-reading-nav-inner {
    padding: 22px 0;

    border-left: 1px solid var(--bw-line);
}

.basava-work-page .bw-nav-label {
    padding: 0 18px 15px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .17em;

    color: var(--bw-gold);
}

.basava-work-page .bw-reading-nav a {
    position: relative;

    display: block;

    padding: 9px 18px;

    font-size: 14px;
    line-height: 1.35;

    color: #687783;
    text-decoration: none;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease,
        padding-left .3s ease;
}

.basava-work-page .bw-reading-nav a::before {
    content: "";

    position: absolute;

    left: -1px;
    top: 0;
    bottom: 0;

    width: 2px;

    background: var(--bw-gold);

    transform: scaleY(0);
    transform-origin: center;

    transition: transform .3s ease;
}

.basava-work-page .bw-reading-nav a::after {
    content: "";

    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 5px;

    height: 1px;

    background: var(--bw-gold);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform .35s ease;
}

.basava-work-page .bw-reading-nav a:hover {
    color: var(--bw-navy);
    background: rgba(201, 139, 39, .06);
    padding-left: 23px;
}

.basava-work-page .bw-reading-nav a:hover::before {
    transform: scaleY(1);
}

.basava-work-page .bw-reading-nav a:hover::after {
    transform: scaleX(1);
}

.basava-work-page .bw-reading-nav a.is-active {
    color: var(--bw-navy);
    font-weight: 600;
    background: rgba(201, 139, 39, .08);
}

.basava-work-page .bw-reading-nav a.is-active::before {
    transform: scaleY(1);
}


/* =========================================================
   ARTICLE CONTENT
   IMPORTANT:
   Content is visible by default.
   ========================================================= */

.basava-work-page .bw-article-content {
    display: block;
    visibility: visible;

    width: 100%;
    min-width: 0;

    color: var(--bw-ink);
}


/* =========================================================
   ARTICLE SECTIONS
   ========================================================= */

.basava-work-page .bw-article-content > section {
    position: relative;

    display: block;
    visibility: visible;
    opacity: 1;

    margin-bottom: 78px;

    scroll-margin-top: 110px;

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

.basava-work-page .bw-article-content > section:hover {
    transform: translateY(-3px);
}


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

.basava-work-page .bw-section-number {
    display: inline-flex;

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

    width: 42px;
    height: 42px;

    margin-bottom: 20px;

    border: 1px solid rgba(201, 139, 39, .45);
    border-radius: 50%;

    font-size: 12px;
    letter-spacing: .08em;
    font-weight: 700;

    color: var(--bw-gold);

    background: rgba(201, 139, 39, .05);

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

.basava-work-page .bw-article-content > section:hover
.bw-section-number {
    transform: rotate(8deg) scale(1.08);

    color: #fff;
    background: var(--bw-gold);

    box-shadow:
        0 8px 20px rgba(201, 139, 39, .20);
}


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

.basava-work-page .bw-article-content h2 {
    margin: 0 0 24px;

    font-size: 36px;
    line-height: 1.2;
    font-weight: 400;

    color: var(--bw-navy);

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

.basava-work-page .bw-article-content > section:hover h2 {
    color: var(--bw-navy-deep);
    transform: translateX(3px);
}


/* =========================================================
   PARAGRAPHS
   ========================================================= */

.basava-work-page .bw-article-content p {
    margin: 0 0 22px;

    font-size: 18px;
    line-height: 1.88;

    color: var(--bw-ink);

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

.basava-work-page .bw-article-content p:hover {
    color: #193d55;
    transform: translateX(2px);
}


/* =========================================================
   DROP CAP
   ========================================================= */

.basava-work-page .bw-dropcap::first-letter {
    float: left;

    padding-right: 10px;
    padding-top: 5px;

    font-size: 68px;
    line-height: .78;

    color: var(--bw-gold);
}


/* =========================================================
   QUOTES
   ========================================================= */

.basava-work-page .bw-quote {
    position: relative;

    margin: 32px 0;
    padding: 28px 32px 28px 36px;

    border-left: 3px solid var(--bw-gold);

    background:
        linear-gradient(
            135deg,
            rgba(201, 139, 39, .08),
            rgba(255, 255, 255, .45)
        );

    box-shadow:
        0 8px 25px rgba(7, 54, 83, .05);

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

.basava-work-page .bw-quote:hover {
    transform: translateX(7px) translateY(-3px);

    border-color: var(--bw-navy);

    box-shadow:
        0 18px 35px rgba(7, 54, 83, .11);
}

.basava-work-page .bw-quote p {
    margin: 0;

    font-size: 18px;
    line-height: 1.8;

    color: #4a5961;

    font-style: italic;
}

.basava-work-page .bw-quote p:hover {
    transform: none;
}

.basava-work-page .bw-quote-gold {
    border-left-color: var(--bw-gold);

    background:
        linear-gradient(
            135deg,
            rgba(201, 139, 39, .13),
            rgba(248, 243, 233, .95)
        );
}

.basava-work-page .bw-quote-gold::before {
    content: "“";

    position: absolute;

    left: 13px;
    top: -8px;

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

    line-height: 1;

    color: rgba(201, 139, 39, .18);
}


/* =========================================================
   HIGHLIGHT BOX
   ========================================================= */

.basava-work-page .bw-highlight-box {
    margin: 34px 0;
    padding: 28px 30px;

    border: 1px solid rgba(201, 139, 39, .25);
    border-top: 3px solid var(--bw-gold);

    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #f7f0e2
        );

    box-shadow:
        0 10px 30px rgba(7, 54, 83, .06);

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

.basava-work-page .bw-highlight-box:hover {
    transform: translateY(-5px);

    box-shadow:
        0 20px 40px rgba(7, 54, 83, .12);

    border-color: rgba(201, 139, 39, .48);
}

.basava-work-page .bw-highlight-label {
    margin-bottom: 12px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;

    color: var(--bw-gold);
}

.basava-work-page .bw-highlight-box p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   EMPHASIS BOX
   ========================================================= */

.basava-work-page .bw-emphasis-box {
    margin: 38px 0;
    padding: 30px 32px;

    border: 1px solid rgba(7, 54, 83, .10);

    background:
        linear-gradient(
            135deg,
            #f5eee1,
            #fbf8f1
        );

    box-shadow:
        0 12px 32px rgba(7, 54, 83, .07);

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

.basava-work-page .bw-emphasis-box:hover {
    transform: translateY(-5px);

    box-shadow:
        0 22px 45px rgba(7, 54, 83, .12);
}

.basava-work-page .bw-emphasis-box > span {
    display: block;

    margin-bottom: 13px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;

    color: var(--bw-gold);
}

.basava-work-page .bw-emphasis-box p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   FIVE PRINCIPLES
   ========================================================= */

.basava-work-page .bw-principles {
    display: grid;

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

    gap: 16px;

    margin: 32px 0;
}

.basava-work-page .bw-principle-card {
    position: relative;

    min-height: 150px;

    padding: 24px 24px 22px;

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

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

    box-shadow:
        0 7px 22px rgba(7, 54, 83, .04);

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

.basava-work-page .bw-principle-card:hover {
    transform: translateY(-6px);

    border-color: rgba(201, 139, 39, .45);

    background: #fffdf8;

    box-shadow:
        0 18px 35px rgba(7, 54, 83, .10);
}

.basava-work-page .bw-principle-card span {
    display: inline-flex;

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

    width: 34px;
    height: 34px;

    margin-bottom: 14px;

    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;

    color: #fff;
    background: var(--bw-navy);

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

.basava-work-page .bw-principle-card:hover span {
    transform: scale(1.1) rotate(6deg);
    background: var(--bw-gold);
}

.basava-work-page .bw-principle-card p {
    margin: 0;

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

.basava-work-page .bw-principle-card p:hover {
    transform: none;
}


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

.basava-work-page .bw-philosophy-grid {
    display: grid;

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

    gap: 16px;

    margin: 34px 0;
}

.basava-work-page .bw-philosophy-card {
    padding: 27px 24px;

    border-top: 3px solid var(--bw-gold);
    border-left: 1px solid var(--bw-line);
    border-right: 1px solid var(--bw-line);
    border-bottom: 1px solid var(--bw-line);

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

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

.basava-work-page .bw-philosophy-card:hover {
    transform: translateY(-7px);

    background: #fffdf9;

    box-shadow:
        0 20px 38px rgba(7, 54, 83, .11);
}

.basava-work-page .bw-philosophy-card span {
    display: block;

    margin-bottom: 12px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;

    color: var(--bw-gold);
}

.basava-work-page .bw-philosophy-card p {
    margin: 0;

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

.basava-work-page .bw-philosophy-card p:hover {
    transform: none;
}


/* =========================================================
   SPIRITUAL CENTRES
   ========================================================= */

.basava-work-page .bw-centres-grid {
    display: grid;

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

    gap: 12px;

    margin: 32px 0;
}

.basava-work-page .bw-centre-card {
    min-height: 170px;

    padding: 22px 16px;

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

    text-align: center;

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

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

.basava-work-page .bw-centre-card:hover {
    transform: translateY(-7px);

    border-color: rgba(201, 139, 39, .45);

    background: #fffdf9;

    box-shadow:
        0 18px 35px rgba(7, 54, 83, .10);
}

.basava-work-page .bw-centre-card > span {
    display: block;

    margin-bottom: 12px;

    font-size: 11px;
    font-weight: 700;

    color: var(--bw-gold);
}

.basava-work-page .bw-centre-card h3 {
    margin: 0 0 9px;

    font-size: 18px;
    line-height: 1.25;
    font-weight: 400;

    color: var(--bw-navy);
}

.basava-work-page .bw-centre-card p {
    margin: 0;

    font-size: 13px;
    line-height: 1.5;

    color: var(--bw-muted);
}

.basava-work-page .bw-centre-card p:hover {
    transform: none;
}


/* =========================================================
   REFERENCES
   ========================================================= */

.basava-work-page .bw-references-section {
    padding: 85px 0 100px;

    background:
        linear-gradient(
            180deg,
            var(--bw-navy-deep),
            var(--bw-navy)
        );
}

.basava-work-page .bw-references-card {
    max-width: 850px;

    margin: 0 auto;

    padding: 48px 50px;

    text-align: center;

    border: 1px solid rgba(217, 161, 58, .24);

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .07),
            rgba(255, 255, 255, .025)
        );

    box-shadow:
        0 22px 60px rgba(0, 0, 0, .20);

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

.basava-work-page .bw-references-card:hover {
    transform: translateY(-7px);

    border-color: rgba(217, 161, 58, .55);

    box-shadow:
        0 30px 75px rgba(0, 0, 0, .30);
}

.basava-work-page .bw-references-card .bw-article-kicker {
    color: #e0b451;
}

.basava-work-page .bw-references-card h2 {
    margin: 0 0 18px;

    font-size: 38px;
    font-weight: 400;

    color: #fff;
}

.basava-work-page .bw-references-card > p {
    max-width: 700px;

    margin: 0 auto;

    font-size: 17px;
    line-height: 1.8;

    color: rgba(255, 255, 255, .78);
}

.basava-work-page .bw-reference-rule {
    width: 70px;
    height: 2px;

    margin: 28px auto;

    background: var(--bw-gold-light);

    transition:
        width .45s ease,
        box-shadow .45s ease;
}

.basava-work-page .bw-references-card:hover
.bw-reference-rule {
    width: 110px;

    box-shadow:
        0 0 12px rgba(217, 161, 58, .4);
}

.basava-work-page .bw-references-card .bw-reference-source {
    font-size: 15px;
    line-height: 1.75;

    color: rgba(255, 255, 255, .66);
}


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

@media (max-width: 1050px) {

    .basava-work-page .bw-article-layout {
        grid-template-columns:
            190px
            minmax(0, 1fr);

        gap: 40px;
    }

    .basava-work-page .bw-reading-nav a {
        font-size: 13px;
    }

    .basava-work-page .bw-centres-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


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

@media (max-width: 900px) {

    .basava-work-page .bw-page-container {
        width: min(100% - 32px, 760px);
    }

    .basava-work-page .bw-article-layout {
        display: block;
    }

    .basava-work-page .bw-reading-nav {
        position: relative;

        top: auto;

        margin-bottom: 40px;

        overflow: hidden;
    }

    .basava-work-page .bw-reading-nav-inner {
        display: flex;

        gap: 8px;

        overflow-x: auto;

        padding: 5px 0 14px;

        border-left: 0;
        border-bottom: 1px solid var(--bw-line);

        scrollbar-width: thin;
    }

    .basava-work-page .bw-nav-label {
        flex: 0 0 auto;

        display: flex;
        align-items: center;

        padding: 10px 12px 10px 0;

        white-space: nowrap;
    }

    .basava-work-page .bw-reading-nav a {
        flex: 0 0 auto;

        padding: 9px 13px;

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

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

        white-space: nowrap;
    }

    .basava-work-page .bw-reading-nav a::before {
        display: none;
    }

    .basava-work-page .bw-reading-nav a::after {
        display: none;
    }

    .basava-work-page .bw-reading-nav a:hover {
        padding-left: 13px;
        transform: translateY(-2px);
    }

    .basava-work-page .bw-reading-nav a.is-active {
        border-color: rgba(201, 139, 39, .55);
        background: rgba(201, 139, 39, .10);
    }

    .basava-work-page .bw-principles {
        grid-template-columns: 1fr;
    }

    .basava-work-page .bw-philosophy-grid {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 720px) {

    .basava-work-page .bw-page-container {
        width: calc(100% - 30px);
    }

    .basava-work-page .bw-article-intro {
        padding: 65px 0 50px;
    }

    .basava-work-page .bw-article-intro h2 {
        font-size: 34px;
    }

    .basava-work-page .bw-article-lead {
        font-size: 16px;
        line-height: 1.75;
    }

    .basava-work-page .bw-article-meta {
        font-size: 13px;
    }

    .basava-work-page .bw-article-section {
        padding: 55px 0 70px;
    }

    .basava-work-page .bw-article-content > section {
        margin-bottom: 60px;

        transform: none !important;
    }

    .basava-work-page .bw-article-content h2 {
        font-size: 29px;
        line-height: 1.25;
    }

    .basava-work-page .bw-article-content p {
        font-size: 16px;
        line-height: 1.82;
    }

    .basava-work-page .bw-dropcap::first-letter {
        font-size: 56px;
    }

    .basava-work-page .bw-quote {
        margin: 27px 0;
        padding: 22px 20px 22px 25px;
    }

    .basava-work-page .bw-quote p {
        font-size: 16px;
        line-height: 1.75;
    }

    .basava-work-page .bw-highlight-box,
    .basava-work-page .bw-emphasis-box {
        padding: 23px 20px;
    }

    .basava-work-page .bw-principle-card {
        min-height: auto;
        padding: 21px 19px;
    }

    .basava-work-page .bw-principle-card p {
        font-size: 15px;
    }

    .basava-work-page .bw-centres-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .basava-work-page .bw-centre-card {
        min-height: 145px;
    }

    .basava-work-page .bw-references-section {
        padding: 60px 0 70px;
    }

    .basava-work-page .bw-references-card {
        padding: 35px 22px;
    }

    .basava-work-page .bw-references-card h2 {
        font-size: 31px;
    }

    .basava-work-page .bw-references-card > p {
        font-size: 15px;
    }

    /* Disable strong hover movement on touch devices */
    .basava-work-page .basava-work-hero:hover > img {
        transform: none;
    }

    .basava-work-page .basava-work-hero:hover
    .great-sharanas-hero-content {
        transform: none;
    }

    .basava-work-page .great-sharanas-hero:hover h1,
    .basava-work-page .great-sharanas-hero:hover
    .great-sharanas-descriptor,
    .basava-work-page .great-sharanas-hero:hover
    .great-sharanas-hero-intro {
        transform: none;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .basava-work-page .bw-centres-grid {
        grid-template-columns: 1fr;
    }

    .basava-work-page .bw-article-meta {
        flex-direction: column;
        gap: 5px;
    }

    .basava-work-page .bw-meta-dot {
        display: none;
    }

    .basava-work-page .bw-article-content h2 {
        font-size: 27px;
    }

    .basava-work-page .bw-article-content p {
        font-size: 15.5px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .basava-work-page *,
    .basava-work-page *::before,
    .basava-work-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }

    .basava-work-page .basava-work-hero:hover > img,
    .basava-work-page .basava-work-hero:hover
    .great-sharanas-hero-content,
    .basava-work-page .great-sharanas-hero:hover h1,
    .basava-work-page .great-sharanas-hero:hover
    .great-sharanas-descriptor,
    .basava-work-page .great-sharanas-hero:hover
    .great-sharanas-hero-intro {
        transform: none !important;
    }

}


/* /////////////////////////////////////////////////////////////BASAVA-MISSION////////////////////////////////////////////////////////////////////////// */

/* =========================================================
   BASAVA'S MISSION PAGE
========================================================= */
/* =========================================================
   BASAVA MISSION
   BUDDHA & BUDDHISM STYLE
========================================================= */

.basava-mission-page {
    --bm-navy: #073653;
    --bm-navy-deep: #022b44;

    --bm-gold: #95651E;
    --bm-gold-light: #d9a13a;

    --bm-cream: #f8f3e9;
    --bm-paper: #F8F4EC;
    --bm-white: #ffffff;

    --bm-ink: #29251f;
    --bm-muted: #716F6A;

    --bm-line: rgba(7, 54, 83, 0.13);

    --article-bg: #F8F4EC;
    --article-nav-bg: #F6F1E8;
    --article-nav-text: #716F6A;
    --article-nav-active: #073653;

    width: 100%;

    background: var(--article-bg);

    color: var(--bm-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}


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

.basava-mission-page,
.basava-mission-page *,
.basava-mission-page *::before,
.basava-mission-page *::after {

    box-sizing: border-box;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   REMOVE HOVER MOVEMENT
========================================================= */

.basava-mission-page *:hover {

    animation: none !important;

    transition: none !important;

    transform: none !important;
}


/* =========================================================
   PAGE BACKGROUND
========================================================= */

.basava-mission-page {

    background: var(--article-bg);

    color: var(--bm-ink);
}


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

.basava-mission-page .bm-container {

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

    max-width: 1280px;

    margin: 0 auto;
}


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

.basava-mission-page .basava-mission-hero {

    position: relative;

    overflow: hidden;
}


.basava-mission-page .basava-mission-hero > img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    animation: none !important;

    transition: none !important;

    transform: none !important;
}


.basava-mission-page .basava-mission-hero:hover > img {

    animation: none !important;

    transition: none !important;

    transform: none !important;
}


.basava-mission-page
.basava-mission-hero
.great-sharanas-hero-shade {

    animation: none !important;

    transition: none !important;
}


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

.basava-mission-page
.basava-mission-hero
.great-sharanas-hero-content {

    transform: translateY(-180px) !important;

    transition: none !important;

    animation: none !important;
}


.basava-mission-page
.basava-mission-hero
.great-sharanas-hero-content:hover {

    transform: translateY(-180px) !important;

    transition: none !important;

    animation: none !important;
}


/* =========================================================
   HERO INNER ELEMENTS
========================================================= */

.basava-mission-page
.great-sharanas-hero-content *,
.basava-mission-page
.great-sharanas-hero-content *:hover {

    transition: none !important;

    animation: none !important;

    transform: none !important;
}


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

.basava-mission-page
.great-sharanas-hero-content h1,
.basava-mission-page
.great-sharanas-hero-content p,
.basava-mission-page
.great-sharanas-hero-content a,
.basava-mission-page
.great-sharanas-hero-content span,
.basava-mission-page
.great-sharanas-hero-content b,
.basava-mission-page
.great-sharanas-hero-content i {

    animation: none !important;

    transition: none !important;
}


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

.basava-mission-page .bm-intro {

    padding: 90px 0 55px;

    background: var(--article-bg);

    border: none;

    text-align: left;
}


.basava-mission-page .bm-intro .bm-container {

    max-width: 1000px;
}


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

.basava-mission-page .bm-intro-kicker {

    margin: 0 0 15px;

    color: var(--bm-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: .12em;

    text-transform: uppercase;
}


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

.basava-mission-page .bm-intro h2 {

    margin: 0 0 22px;

    color: var(--bm-navy);

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

    font-size: 34px;

    font-weight: 400;

    line-height: 1.25;
}


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

.basava-mission-page .bm-intro-lead {

    width: 100%;

    max-width: 1000px;

    margin: 0;

    color: var(--bm-ink);

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

    font-size: 18px;

    font-weight: 400;

    line-height: 1.8;

    text-align: left;
}


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

.basava-mission-page .bm-intro-meta {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 20px;

    color: var(--bm-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    line-height: 1.5;
}


.basava-mission-page .bm-meta-dot {

    color: var(--bm-gold);
}


/* =========================================================
   ARTICLE SECTION
========================================================= */

.basava-mission-page .bm-article-section {

    padding: 70px 0;

    background: var(--article-bg);
}


/* =========================================================
   ARTICLE LAYOUT
========================================================= */

.basava-mission-page .bm-article-layout {

    display: grid;

    grid-template-columns:
        280px
        minmax(0, 1fr);

    gap: 65px;

    align-items: start;
}


/* =========================================================
   LEFT READING NAV
========================================================= */

.basava-mission-page .bm-reading-nav {

    position: sticky !important;

    top: 110px !important;

    align-self: start !important;

    width: 100%;

    height: fit-content;

    max-height: calc(100vh - 130px);

    overflow-y: auto;

    padding: 0 !important;

    margin-top: -150px !important;

    margin-bottom: 40px;

    background:
        #F6F1E8 !important;

    border: none !important;

    border-left: none !important;

    box-shadow: none !important;

    z-index: 50;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    scrollbar-width: thin;
}


/* =========================================================
   NAV SCROLLBAR
========================================================= */

.basava-mission-page
.bm-reading-nav::-webkit-scrollbar {

    width: 3px;
}


.basava-mission-page
.bm-reading-nav::-webkit-scrollbar-track {

    background: transparent;
}


.basava-mission-page
.bm-reading-nav::-webkit-scrollbar-thumb {

    background:
        rgba(113, 111, 106, .25);

    border-radius: 10px;
}


/* =========================================================
   NAV INNER
========================================================= */

.basava-mission-page .bm-reading-nav-inner {

    padding: 28px 24px !important;

    margin-top: 0 !important;

    background:
        #F6F1E8 !important;

    border: none !important;

    box-shadow: none !important;
}


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

.basava-mission-page .bm-nav-title {

    margin: 0 0 20px !important;

    padding: 0 !important;

    color:
        #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em;

    text-transform: uppercase;
}


/* =========================================================
   NAV LINKS
========================================================= */

.basava-mission-page
.bm-reading-nav-inner a {

    position: static;

    display: block !important;

    margin: 0 0 14px !important;

    padding: 0 !important;

    color:
        #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.6 !important;

    text-decoration: none !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


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

.basava-mission-page
.bm-reading-nav-inner a:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   REMOVE OLD NAV UNDERLINE
========================================================= */

.basava-mission-page
.bm-reading-nav-inner a::after {

    content: none !important;

    display: none !important;
}


/* =========================================================
   ACTIVE NAV
========================================================= */

.basava-mission-page
.bm-reading-nav-inner a.active {

    color:
        #073653 !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;
}


/* =========================================================
   NAV HOVER / FOCUS
========================================================= */

.basava-mission-page
.bm-reading-nav-inner a:hover,
.basava-mission-page
.bm-reading-nav-inner a:focus,
.basava-mission-page
.bm-reading-nav-inner a:focus-visible {

    color:
        #073653 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding-left: 0 !important;

    transform: none !important;

    animation: none !important;

    transition: none !important;
}


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

.basava-mission-page .bm-article-content {

    width: 100%;

    max-width: 950px;

    margin: 0 auto;

    background: var(--article-bg);

    color: var(--bm-ink);

    font-family:
        "Source Serif 4" !important;
}


/* =========================================================
   ARTICLE TEXT
========================================================= */

.basava-mission-page
.bm-article-content p {

    margin: 0 0 24px;

    color: var(--bm-ink);

    font-family:
        "Source Serif 4" !important;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 1.8 !important;

    text-align: justify;

    overflow-wrap: break-word;

    word-wrap: break-word;
}


.basava-mission-page
.bm-article-content p:last-child {

    margin-bottom: 0;
}


/* =========================================================
   MAIN ARTICLE H1
   IF PRESENT
========================================================= */

.basava-mission-page
.bm-article-content h1 {

    position: relative;

    display: block;

    width: auto;

    margin: 0 0 24px !important;

    padding: 0 !important;

    color:
        var(--bm-navy) !important;

    font-family:
        "Source Serif 4" !important;

    font-size: 34px !important;

    line-height: 1.25;

    font-weight: 400 !important;

    border: none !important;

    text-decoration: none !important;

    box-shadow: none !important;

    background: transparent !important;

    animation: none !important;

    transition: none !important;
}


/* =========================================================
   ARTICLE H2
========================================================= */

.basava-mission-page
.bm-content-card h2 {

    position: relative;

    display: block;

    width: auto;

    margin: 0 0 7px !important;

    padding: 0 !important;

    color:
        #95651E !important;

    font-family:
        "Source Serif 4" !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    letter-spacing: normal;

    text-transform: none;

    border: none !important;

    text-decoration: none !important;

    box-shadow: none !important;

    background: transparent !important;

    animation: none !important;

    transition: none !important;

    transform: none !important;
}


/* =========================================================
   REMOVE H2 DECORATIVE ELEMENTS
========================================================= */

.basava-mission-page
.bm-content-card h2::before,
.basava-mission-page
.bm-content-card h2::after {

    content: none !important;

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================================
   H3
========================================================= */

.basava-mission-page
.bm-content-card h3 {

    margin: 38px 0 16px;

    color:
        var(--bm-navy);

    font-family:
        "Source Serif 4" !important;

    font-size: 25px;

    line-height: 1.35;

    font-weight: 700;
}


/* =========================================================
   H4
========================================================= */

.basava-mission-page
.bm-content-card h4 {

    margin: 28px 0 12px;

    color:
        var(--bm-navy);

    font-family:
        "Source Serif 4" !important;

    font-size: 20px;

    line-height: 1.4;

    font-weight: 700;
}


/* =========================================================
   CONTENT CARD
   REMOVE OLD CARD EFFECT
========================================================= */

.basava-mission-page .bm-content-card {

    position: relative;

    display: block;

    scroll-margin-top: 120px;

    width: 100%;

    margin: 0 0 30px;

    padding: 32px;

    background:
        var(--bm-white);

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

    border-radius: 0;

    box-shadow: none;

    transition: none !important;

    transform: none !important;
}


/* =========================================================
   CONTENT CARD HOVER
========================================================= */

.basava-mission-page
.bm-content-card:hover {

    transform: none !important;

    background:
        var(--bm-white);

    border-color:
        var(--bm-line);

    box-shadow: none;
}


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

.basava-mission-page
.bm-section-number {

    margin: 0 0 14px;

    color:
        var(--bm-gold);

    font-family:
        "Source Serif 4" !important;

    font-size: 14px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1px;
}


/* =========================================================
   BLOCKQUOTE / BM QUOTE
========================================================= */

.basava-mission-page .bm-quote {

    position: relative;

    margin: 35px 0;

    padding: 28px 32px;

    border-left:
        4px solid var(--bm-gold);

    border-top: none;

    border-right: none;

    border-bottom: none;

    border-radius: 0;

    background:
        var(--bm-cream);

    color:
        var(--bm-navy);

    font-family:
        "Source Serif 4" !important;

    font-size: 21px;

    font-weight: 400;

    line-height: 1.8;

    font-style: italic;

    box-shadow: none;

    transition: none !important;

    transform: none !important;
}


.basava-mission-page
.bm-quote:hover {

    transform: none !important;

    box-shadow: none;

    background:
        var(--bm-cream);
}


.basava-mission-page
.bm-quote p {

    margin: 0;

    color: inherit;

    font-family:
        "Source Serif 4" !important;

    font-size: inherit !important;

    font-weight: 400 !important;

    line-height: inherit !important;

    font-style: italic;
}


.basava-mission-page
.bm-quote p:hover {

    transform: none !important;

    color: inherit;
}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.basava-mission-page .bm-highlight {

    margin: 35px 0;

    padding: 30px;

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

    border-radius: 0;

    background:
        var(--bm-cream);

    box-shadow: none;

    transition: none !important;

    transform: none !important;
}


.basava-mission-page
.bm-highlight:hover {

    transform: none !important;

    box-shadow: none;
}


.basava-mission-page
.bm-highlight-label {

    display: block;

    margin-bottom: 12px;

    color:
        var(--bm-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.basava-mission-page
.bm-highlight p {

    margin: 0;

    color:
        var(--bm-navy);

    font-family:
        "Source Serif 4" !important;

    font-size: 21px;

    font-weight: 400;

    line-height: 1.8;

    font-style: italic;
}


.basava-mission-page
.bm-highlight p:hover {

    color:
        var(--bm-navy);

    transform: none !important;
}


/* =========================================================
   STAT GRID
========================================================= */

.basava-mission-page
.bm-stat-grid {

    display: grid;

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

    gap: 20px;

    margin: 35px 0;
}


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

.basava-mission-page
.bm-stat-card {

    padding: 28px 22px;

    text-align: center;

    background:
        var(--bm-white);

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

    border-radius: 0;

    box-shadow: none;

    transition: none !important;
}


.basava-mission-page
.bm-stat-card:hover {

    transform: none !important;

    border-color:
        var(--bm-line);

    box-shadow: none;
}


.basava-mission-page
.bm-stat-card strong {

    display: block;

    margin-bottom: 8px;

    color:
        var(--bm-gold);

    font-family:
        "Source Serif 4" !important;

    font-size: 32px;

    font-weight: 400;

    line-height: 1.3;
}


.basava-mission-page
.bm-stat-card span {

    color:
        var(--bm-muted);

    font-family:
        "Source Serif 4" !important;

    font-size: 14px;

    line-height: 1.6;
}


/* =========================================================
   PRINCIPLE GRID
========================================================= */

.basava-mission-page
.bm-principle-grid {

    display: grid;

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

    gap: 20px;

    margin: 35px 0;
}


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

.basava-mission-page
.bm-principle-card {

    position: relative;

    padding: 28px 24px;

    background:
        var(--bm-white);

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

    border-radius: 0;

    overflow: visible;

    box-shadow: none;

    transition: none !important;
}


.basava-mission-page
.bm-principle-card:hover {

    transform: none !important;

    border-color:
        var(--bm-line);

    box-shadow: none;
}


.basava-mission-page
.bm-principle-card::before {

    display: none !important;
}


.basava-mission-page
.bm-principle-card > span {

    display: block;

    margin-bottom: 10px;

    color:
        var(--bm-gold);

    font-family:
        "Source Serif 4" !important;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: 1px;
}


.basava-mission-page
.bm-principle-card h3 {

    margin: 0 0 16px;

    color:
        var(--bm-navy);

    font-family:
        "Source Serif 4" !important;

    font-size: 22px;

    line-height: 1.35;

    font-weight: 700;
}


.basava-mission-page
.bm-principle-card p {

    margin: 0;

    color:
        var(--bm-ink);

    font-family:
        "Source Serif 4" !important;

    font-size: 16px;

    line-height: 1.8;
}


.basava-mission-page
.bm-principle-card p:hover {

    transform: none !important;
}


/* =========================================================
   NUMBERED LIST
========================================================= */

.basava-mission-page
.bm-numbered-list {

    display: grid;

    gap: 14px;

    margin: 28px 0 0;

    padding: 0;

    list-style: none;

    counter-reset: item;
}


.basava-mission-page
.bm-numbered-list li {

    display: grid;

    grid-template-columns:
        44px
        minmax(0, 1fr);

    gap: 15px;

    align-items: start;

    padding: 18px;

    background:
        var(--bm-white);

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

    border-radius: 0;

    transition: none !important;

    box-shadow: none;
}


.basava-mission-page
.bm-numbered-list li:hover {

    transform: none !important;

    border-color:
        var(--bm-line);

    box-shadow: none;
}


.basava-mission-page
.bm-numbered-list li > span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    background:
        var(--bm-gold);

    color:
        #fff;

    border-radius: 50%;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 700;
}


.basava-mission-page
.bm-numbered-list li p {

    margin: 4px 0 0;

    color:
        var(--bm-ink);

    font-family:
        "Source Serif 4" !important;

    font-size: 16px;

    line-height: 1.8;
}


.basava-mission-page
.bm-numbered-list li p:hover {

    transform: none !important;
}


/* =========================================================
   FOUR SPHERES
========================================================= */

.basava-mission-page
.bm-four-spheres {

    display: grid;

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

    gap: 15px;

    margin: 28px 0;
}


.basava-mission-page
.bm-four-spheres > div {

    padding: 22px 14px;

    text-align: center;

    background:
        var(--bm-white);

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

    border-radius: 0;

    transition: none !important;

    box-shadow: none;
}


.basava-mission-page
.bm-four-spheres > div:hover {

    transform: none !important;

    border-color:
        var(--bm-line);

    box-shadow: none;
}


.basava-mission-page
.bm-four-spheres span {

    display: block;

    margin-bottom: 7px;

    color:
        var(--bm-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: .08em;
}


.basava-mission-page
.bm-four-spheres strong {

    color:
        var(--bm-navy);

    font-family:
        "Source Serif 4" !important;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.5;
}


/* =========================================================
   REFERENCE SECTION
========================================================= */

.basava-mission-page
.bm-reference-section {

    padding: 70px 0;

    background:
        var(--bm-cream);

    border-top:
        1px solid var(--bm-line);
}


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

.basava-mission-page
.bm-reference-card {

    position: relative;

    padding: 32px;

    background:
        var(--bm-white);

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

    border-radius: 0;

    box-shadow: none;

    overflow: visible;

    transition: none !important;
}


.basava-mission-page
.bm-reference-card:hover {

    transform: none !important;

    box-shadow: none;
}


.basava-mission-page
.bm-reference-card::after {

    display: none !important;
}


/* =========================================================
   REFERENCE KICKER
========================================================= */

.basava-mission-page
.bm-reference-kicker {

    margin-bottom: 12px;

    color:
        var(--bm-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.4;

    letter-spacing: .12em;

    text-transform: uppercase;
}


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

.basava-mission-page
.bm-reference-card h2 {

    position: relative;

    z-index: 2;

    margin: 0 0 20px;

    color:
        #95651E !important;

    font-family:
        "Source Serif 4" !important;

    font-size: 19px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    letter-spacing: normal;

    text-transform: none;

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;
}


/* =========================================================
   REMOVE REFERENCE HEADING DECORATION
========================================================= */

.basava-mission-page
.bm-reference-card h2::before,
.basava-mission-page
.bm-reference-card h2::after {

    content: none !important;

    display: none !important;
}


/* =========================================================
   REFERENCE TEXT
========================================================= */

.basava-mission-page
.bm-reference-card p {

    position: relative;

    z-index: 2;

    max-width: 850px;

    margin: 0;

    color:
        var(--bm-ink);

    font-family:
        "Source Serif 4" !important;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.8;
}


/* =========================================================
   FINAL ARTICLE FONT OVERRIDE
========================================================= */

.basava-mission-page .bm-article-content,
.basava-mission-page .bm-article-content p,
.basava-mission-page .bm-article-content h1,
.basava-mission-page .bm-article-content h2,
.basava-mission-page .bm-article-content h3,
.basava-mission-page .bm-article-content h4,
.basava-mission-page .bm-article-content blockquote,
.basava-mission-page .bm-article-content li,
.basava-mission-page .bm-article-content strong,
.basava-mission-page .bm-article-content em {

    font-family:
        "Source Serif 4" !important;
}


/* .buddha-buddhism-page .buddha-reading-nav {
    margin-top: -10px !important;
}

.buddha-buddhism-page .buddha-main-title {
    margin-top: -10px !important;
} */

/* =========================================================
   BASAVA MISSION - LEFT NAVIGATION
   ACTIVE LINK ONLY BLUE
========================================================= */

.basava-mission-page .buddha-reading-nav a {
    transition: none !important;
}

.basava-mission-page .buddha-reading-nav a.active {
    color: #073653 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: inherit !important;
    transition: none !important;
}


/* =========================================================
   DESKTOP
   FLOATING SIDEBAR
========================================================= */

@media (min-width: 721px) {

    .basava-mission-page
    .bm-article-layout {

        display: grid;

        grid-template-columns:
            280px
            minmax(0, 1fr);

        gap: 65px;

        align-items: start;
    }


    .basava-mission-page
    .bm-reading-nav {

        position: sticky !important;

        top: 110px !important;

        align-self: start !important;

        height: fit-content;

        max-height:
            calc(100vh - 130px);

        overflow-y: auto;

        margin-top: -150px !important;

        z-index: 50;
    }


    .basava-mission-page
    .bm-reading-nav-inner {

        padding:
            28px 24px !important;

        margin-top: 0 !important;
    }
}


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

@media (max-width: 1050px) and (min-width: 721px) {

    .basava-mission-page
    .bm-article-layout {

        grid-template-columns:
            240px
            minmax(0, 1fr);

        gap: 40px;
    }


    .basava-mission-page
    .bm-stat-grid {

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


    .basava-mission-page
    .bm-principle-grid {

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


    .basava-mission-page
    .bm-four-spheres {

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


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

@media (max-width: 720px) {

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

    .basava-mission-page {

        width: 100%;

        max-width: 100%;

        overflow-x: hidden;

        overflow-y: visible;

        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif;
    }


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

    .basava-mission-page
    .bm-container {

        width:
            min(100% - 32px, 1280px);

        max-width: 1280px;
    }


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

    .basava-mission-page
    .basava-mission-hero {

        position: relative;

        width: 100%;

        height: 500px;

        min-height: 500px;

        overflow: hidden;
    }


    .basava-mission-page
    .basava-mission-hero > img {

        display: block;

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

        transform: none !important;

        transition: none !important;
    }


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

    .basava-mission-page
    .basava-mission-hero
    .great-sharanas-hero-shade {

        position: absolute;

        inset: 0;

        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, .65) 0%,
                rgba(18, 11, 7, .38) 40%,
                rgba(18, 11, 7, .72) 100%
            );
    }


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

    .basava-mission-page
    .basava-mission-hero
    .great-sharanas-hero-content {

        position: absolute !important;

        top: 20% !important;

        bottom: auto !important;

        left: 20px !important;

        right: 0 !important;

        width: 100% !important;

        margin: 0 !important;

        transform:
            translateY(-20%) !important;

        transition: none !important;

        animation: none !important;

        color: #fff;
    }


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

    .basava-mission-page
    .great-sharanas-hero-content h1 {

        position: relative;

        top: -18px;

        margin: 0 0 10px;

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

        font-size: 42px;

        font-weight: 400;

        line-height: 1.05;

        color: #fff;
    }


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

    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-descriptor {

        position: relative;

        top: -8px;

        margin: 0 0 15px;

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

        font-size: 19px;

        line-height: 1.35;

        color: #d9a13a;
    }


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

    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-hero-intro {

        position: relative;

        top: -8px;

        max-width: 340px;

        margin: 0;

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

        font-size: 16px;

        line-height: 1.5;

        color: #f4eee5;
    }


    /* =====================================================
       HERO GOLD RULE
    ===================================================== */

    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-gold-rule {

        position: relative;

        top: -8px;

        display: block;

        width: 65px;

        height: 2px;

        margin-top: 20px;

        background: #d2a23c;
    }


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

    .basava-mission-page
    .basava-mission-hero
    .great-sharanas-crumb {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        max-width: 100%;

        margin-bottom: 90px;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12px;

        line-height: 1.7;

        color: #f3eee7;
    }


    .basava-mission-page
    .great-sharanas-crumb a {

        color: #f3eee7;

        text-decoration: none;
    }


    .basava-mission-page
    .great-sharanas-crumb span,
    .basava-mission-page
    .great-sharanas-crumb b {

        color: #d3aa62;

        font-weight: 400;
    }


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

    .basava-mission-page
    .bm-intro {

        padding:
            60px 0 40px;

        background:
            var(--article-bg);

        text-align: left;
    }


    .basava-mission-page
    .bm-intro-kicker {

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12px;

        line-height: 1.4;

        letter-spacing: .12em;

        color:
            #716F6A;

        margin-bottom: 12px;
    }


    .basava-mission-page
    .bm-intro h2 {

        margin: 0 0 20px;

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

        font-size: 29px;

        line-height: 1.25;

        font-weight: 400;

        color:
            var(--bm-navy);
    }


    .basava-mission-page
    .bm-intro-lead {

        width: 100%;

        max-width: 100%;

        margin: 0;

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

        font-size: 18px;

        font-weight: 400;

        line-height: 1.8;

        text-align: left;

        color:
            var(--bm-ink);
    }


    .basava-mission-page
    .bm-intro-meta {

        justify-content: flex-start;

        margin-top: 18px;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12px;
    }


    /* =====================================================
       MOBILE ARTICLE SECTION
    ===================================================== */

    .basava-mission-page
    .bm-article-section {

        padding:
            55px 0;

        background:
            var(--article-bg);

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-article-layout {

        display: block;

        width: 100%;

        min-width: 0;

        overflow: visible !important;
    }


    /* =====================================================
       MOBILE NAV
       HIDDEN LIKE BUDDHA PAGE
    ===================================================== */

    .basava-mission-page
    .bm-reading-nav {

        display: none !important;

        position: static !important;

        top: auto !important;

        width: 100%;

        height: auto;

        max-height: none;

        overflow: visible;

        margin-top: 0 !important;

        margin-bottom: 40px;

        padding: 0 !important;

        background:
            #F6F1E8 !important;

        border: none !important;

        box-shadow: none !important;

        z-index: auto;
    }


    /* =====================================================
       MOBILE ARTICLE CONTENT
    ===================================================== */

    .basava-mission-page
    .bm-article-content {

        width: 100%;

        max-width: 100%;

        margin: 0;

        background:
            var(--article-bg);
    }


    /* =====================================================
       MOBILE ARTICLE TEXT
    ===================================================== */

    .basava-mission-page
    .bm-article-content p {

        width: 100%;

        max-width: 100%;

        min-width: 0;

        margin:
            0 0 24px;

        font-family:
            "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.8 !important;

        text-align: left;

        color:
            var(--bm-ink);

        overflow-wrap: break-word;
    }


    /* =====================================================
       MOBILE CONTENT CARD
    ===================================================== */

    .basava-mission-page
    .bm-content-card {

        width: 100%;

        max-width: 100%;

        min-width: 0;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        margin:
            0 0 30px;

        padding:
            24px 20px;

        background:
            var(--bm-white);

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

        border-radius: 0;

        box-shadow: none;

        overflow: visible !important;

        box-sizing: border-box;
    }


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

    .basava-mission-page
    .bm-content-card h2 {

        width: 100%;

        margin:
            0 0 7px !important;

        padding: 0 !important;

        font-family:
            "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;

        color:
            #95651E !important;

        white-space: normal !important;

        overflow: visible !important;

        overflow-wrap: anywhere;

        height: auto !important;

        max-height: none !important;
    }


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

    .basava-mission-page
    .bm-content-card h3 {

        width: 100%;

        margin:
            38px 0 16px;

        font-family:
            "Source Serif 4" !important;

        font-size: 23px;

        line-height: 1.35;

        font-weight: 700;

        color:
            var(--bm-navy);
    }


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

    .basava-mission-page
    .bm-content-card h4 {

        margin:
            28px 0 12px;

        font-family:
            "Source Serif 4" !important;

        font-size: 19px;

        line-height: 1.4;

        font-weight: 700;

        color:
            var(--bm-navy);
    }


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

    .basava-mission-page
    .bm-quote {

        width: 100%;

        max-width: 100%;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        margin:
            28px 0;

        padding:
            22px 20px;

        border-left:
            4px solid var(--bm-gold);

        background:
            var(--bm-cream);

        box-sizing: border-box;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-quote p {

        margin: 0;

        font-family:
            "Source Serif 4" !important;

        font-size: 18px !important;

        font-weight: 400 !important;

        line-height: 1.7 !important;

        font-style: italic;

        color:
            var(--bm-navy);
    }


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

    .basava-mission-page
    .bm-highlight {

        width: 100%;

        max-width: 100%;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        margin:
            28px 0;

        padding:
            24px 20px;

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

        border-radius: 0;

        background:
            var(--bm-cream);

        box-sizing: border-box;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-highlight p {

        width: 100%;

        margin: 0;

        font-family:
            "Source Serif 4" !important;

        font-size: 18px;

        line-height: 1.7;

        color:
            var(--bm-navy);
    }


    /* =====================================================
       MOBILE STAT GRID
    ===================================================== */

    .basava-mission-page
    .bm-stat-grid {

        width: 100%;

        display: grid;

        grid-template-columns:
            1fr;

        gap: 14px;

        margin:
            28px 0;
    }


    .basava-mission-page
    .bm-stat-card {

        width: 100%;

        min-width: 0;

        padding:
            24px 18px;

        background:
            var(--bm-white);

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

        border-radius: 0;

        box-shadow: none;
    }


    /* =====================================================
       MOBILE PRINCIPLE GRID
    ===================================================== */

    .basava-mission-page
    .bm-principle-grid {

        width: 100%;

        display: grid;

        grid-template-columns:
            1fr;

        gap: 14px;

        margin:
            28px 0;
    }


    .basava-mission-page
    .bm-principle-card {

        width: 100%;

        min-width: 0;

        padding:
            24px 20px;

        background:
            var(--bm-white);

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

        border-radius: 0;

        box-shadow: none;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-principle-card h3 {

        margin:
            0 0 14px;

        font-family:
            "Source Serif 4" !important;

        font-size: 22px;

        line-height: 1.35;

        color:
            var(--bm-navy);
    }


    .basava-mission-page
    .bm-principle-card p {

        width: 100%;

        margin: 0;

        font-family:
            "Source Serif 4" !important;

        font-size: 16px;

        line-height: 1.8;

        color:
            var(--bm-ink);
    }


    /* =====================================================
       MOBILE NUMBERED LIST
    ===================================================== */

    .basava-mission-page
    .bm-numbered-list {

        width: 100%;

        max-width: 100%;

        margin:
            24px 0;

        padding: 0;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-numbered-list li {

        display: grid;

        grid-template-columns:
            38px
            minmax(0, 1fr);

        gap: 12px;

        width: 100%;

        min-width: 0;

        padding:
            16px 14px;

        margin-bottom: 12px;

        background:
            var(--bm-white);

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

        border-radius: 0;

        box-sizing: border-box;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-numbered-list li > span {

        width: 34px;

        height: 34px;

        display: grid;

        place-items: center;

        border-radius: 50%;

        background:
            var(--bm-gold);

        color:
            #fff;

        font-family:
            Arial,
            Helvetica,
            sans-serif;

        font-size: 12px;

        flex-shrink: 0;
    }


    .basava-mission-page
    .bm-numbered-list li p {

        width: 100%;

        min-width: 0;

        margin: 3px 0 0;

        font-family:
            "Source Serif 4" !important;

        font-size: 16px;

        line-height: 1.8;

        color:
            var(--bm-ink);

        white-space: normal !important;

        overflow-wrap: anywhere;
    }


    /* =====================================================
       MOBILE FOUR SPHERES
    ===================================================== */

    .basava-mission-page
    .bm-four-spheres {

        width: 100%;

        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 12px;

        margin:
            28px 0;
    }


    .basava-mission-page
    .bm-four-spheres > div {

        min-width: 0;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        padding:
            20px 10px;

        background:
            var(--bm-white);

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

        border-radius: 0;

        box-sizing: border-box;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-four-spheres strong {

        display: block;

        font-family:
            "Source Serif 4" !important;

        font-size: 14px;

        line-height: 1.4;

        font-weight: 400;

        color:
            var(--bm-navy);

        white-space: normal;

        overflow-wrap: anywhere;
    }


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

    .basava-mission-page
    .bm-reference-section {

        padding:
            55px 0;

        background:
            var(--bm-cream);

        border-top:
            1px solid var(--bm-line);
    }


    .basava-mission-page
    .bm-reference-card {

        width: 100%;

        max-width: 100%;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        padding:
            24px 20px;

        background:
            var(--bm-white);

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

        border-radius: 0;

        box-shadow: none;

        box-sizing: border-box;

        overflow: visible !important;
    }


    .basava-mission-page
    .bm-reference-card h2 {

        margin:
            0 0 20px;

        font-family:
            "Source Serif 4" !important;

        font-size: 19px !important;

        font-weight: 400 !important;

        line-height: 1.45 !important;

        color:
            #95651E !important;
    }


    .basava-mission-page
    .bm-reference-card p {

        margin: 0;

        font-family:
            "Source Serif 4" !important;

        font-size: 16px;

        line-height: 1.8;

        color:
            var(--bm-ink);

        white-space: normal !important;

        overflow-wrap: anywhere;

        height: auto !important;

        max-height: none !important;

        overflow: visible !important;
    }


    /* =====================================================
       NO HORIZONTAL OVERFLOW
    ===================================================== */

    .basava-mission-page img {

        max-width: 100%;
    }


    .basava-mission-page
    .bm-content-card *,
    .basava-mission-page
    .bm-reference-card * {

        max-width: 100%;
    }


    /* =====================================================
       DISABLE ALL MOBILE MOVEMENT
    ===================================================== */

    .basava-mission-page
    .bm-content-card:hover,
    .basava-mission-page
    .bm-quote:hover,
    .basava-mission-page
    .bm-highlight:hover,
    .basava-mission-page
    .bm-stat-card:hover,
    .basava-mission-page
    .bm-principle-card:hover,
    .basava-mission-page
    .bm-numbered-list li:hover,
    .basava-mission-page
    .bm-four-spheres > div:hover,
    .basava-mission-page
    .bm-reference-card:hover {

        transform: none !important;
    }
}


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

@media (max-width: 480px) {

    .basava-mission-page
    .bm-container {

        width:
            calc(100% - 28px);
    }


    .basava-mission-page
    .basava-mission-hero {

        height: 480px;

        min-height: 480px;
    }


    .basava-mission-page
    .great-sharanas-hero-content {

        left: 20px !important;

        right: 0 !important;
    }


    .basava-mission-page
    .basava-mission-hero
    .great-sharanas-crumb {

        margin-bottom: 78px;

        font-size: 11px;

        line-height: 1.7;
    }


    .basava-mission-page
    .great-sharanas-hero-content h1 {

        top: -22px;

        font-size: 40px;
    }


    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-descriptor,

    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-hero-intro,

    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-gold-rule {

        top: -10px;
    }


    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-descriptor {

        font-size: 18px;
    }


    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-hero-intro {

        max-width: 310px;

        font-size: 15px;

        line-height: 1.5;
    }


    .basava-mission-page
    .bm-intro {

        padding:
            50px 0 35px;
    }


    .basava-mission-page
    .bm-intro h2 {

        font-size: 27px;
    }


    .basava-mission-page
    .bm-intro-lead {

        font-size: 18px;

        line-height: 1.8;
    }


    .basava-mission-page
    .bm-content-card {

        padding:
            22px 18px;
    }


    .basava-mission-page
    .bm-content-card h2 {

        font-size: 19px !important;
    }


    .basava-mission-page
    .bm-content-card h3 {

        font-size: 22px;
    }


    .basava-mission-page
    .bm-content-card p {

        font-size: 18px !important;

        line-height: 1.8 !important;
    }


    .basava-mission-page
    .bm-quote {

        padding:
            20px 18px;
    }


    .basava-mission-page
    .bm-quote p {

        font-size: 17px !important;
    }


    .basava-mission-page
    .bm-reference-card {

        padding:
            22px 18px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .basava-mission-page
    .bm-container {

        width:
            calc(100% - 24px);
    }


    .basava-mission-page
    .basava-mission-hero {

        height: 460px;

        min-height: 460px;
    }


    .basava-mission-page
    .great-sharanas-hero-content {

        left: 16px !important;

        right: 0 !important;
    }


    .basava-mission-page
    .basava-mission-hero
    .great-sharanas-crumb {

        margin-bottom: 65px;

        font-size: 10.5px;
    }


    .basava-mission-page
    .great-sharanas-hero-content h1 {

        font-size: 38px;
    }


    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-descriptor {

        font-size: 17px;
    }


    .basava-mission-page
    .great-sharanas-hero-content
    .great-sharanas-hero-intro {

        font-size: 14px;

        max-width: 290px;
    }


    .basava-mission-page
    .bm-content-card {

        padding:
            21px 16px;
    }


    .basava-mission-page
    .bm-content-card h2 {

        font-size: 19px !important;
    }


    .basava-mission-page
    .bm-content-card h3 {

        font-size: 21px;
    }


    .basava-mission-page
    .bm-content-card p {

        font-size: 17px !important;

        line-height: 1.8 !important;
    }


    .basava-mission-page
    .bm-four-spheres {

        grid-template-columns:
            1fr 1fr;

        gap: 8px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .basava-mission-page *,
    .basava-mission-page *::before,
    .basava-mission-page *::after {

        scroll-behavior: auto !important;

        transition: none !important;

        animation: none !important;
    }


    .basava-mission-page
    .basava-mission-hero > img,
    .basava-mission-page
    .basava-mission-hero:hover > img {

        transform: none !important;

        transition: none !important;
    }


    .basava-mission-page
    .bm-content-card:hover,
    .basava-mission-page
    .bm-quote:hover,
    .basava-mission-page
    .bm-highlight:hover,
    .basava-mission-page
    .bm-stat-card:hover,
    .basava-mission-page
    .bm-principle-card:hover,
    .basava-mission-page
    .bm-numbered-list li:hover,
    .basava-mission-page
    .bm-four-spheres > div:hover,
    .basava-mission-page
    .bm-reference-card:hover {

        transform: none !important;
    }
}

/* //////////////////////////////////////////////////////////////////THE WELFARE STATE/////////////////////////////////////////////////////////// */

/* ==========================================================
   THE WELFARE STATE
========================================================== */
.welfare-state-page {

    --ws-navy: #073653;
    --ws-navy-deep: #022b44;

    --ws-gold: #95651E;
    --ws-gold-light: #d9a13a;

    --ws-cream: #f8f3e9;
    --ws-paper: #F8F4EC;
    --ws-white: #ffffff;

    --ws-ink: #29251f;
    --ws-muted: #716F6A;

    --ws-line: rgba(7, 54, 83, 0.13);

    --article-bg: #F8F4EC;
    --article-nav-bg: #F6F1E8;
    --article-nav-text: #716F6A;
    --article-nav-active: #073653;

    width: 100%;

    overflow-x: clip;

    background: var(--article-bg);

    color: var(--ws-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}


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

.welfare-state-page,
.welfare-state-page *,
.welfare-state-page *::before,
.welfare-state-page *::after {

    box-sizing: border-box;

    animation: none !important;

    transition: none !important;
}


/* ==========================================================
   REMOVE HOVER MOVEMENT
========================================================== */

.welfare-state-page *:hover {

    animation: none !important;

    transition: none !important;

    transform: none !important;
}


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

.welfare-state-page .ws-container {

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

    max-width:
        1280px;

    margin:
        0 auto;

    position:
        relative;

    overflow:
        visible !important;
}


/* ==========================================================
   HERO
   EXISTING HERO DESIGN PRESERVED
========================================================== */

.welfare-state-page .welfare-state-hero {

    position:
        relative;

    width:
        100%;

    overflow:
        hidden;

    color:
        #fff;
}


.welfare-state-page
.welfare-state-hero > img {

    display:
        block;

    width:
        100%;

    height:
        auto;

    object-fit:
        cover;

    transform:
        none !important;

    transition:
        none !important;

    animation:
        none !important;
}


.welfare-state-page
.welfare-state-hero:hover > img {

    transform:
        none !important;

    transition:
        none !important;

    animation:
        none !important;
}


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

.welfare-state-page
.great-sharanas-hero-shade {

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(15,12,10,.76) 0%,
            rgba(15,12,10,.42) 37%,
            rgba(15,12,10,.04) 68%
        );

    animation:
        none !important;

    transition:
        none !important;
}


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

.welfare-state-page
.great-sharanas-hero-content {

    position:
        absolute;

    left:
        4.2vw;

    top:
        50%;

    transform:
        translateY(-55%) !important;

    width:
        min(620px, 50vw);

    color:
        #fff;

    animation:
        none !important;

    transition:
        none !important;
}


.welfare-state-page
.great-sharanas-hero-content:hover {

    transform:
        translateY(-55%) !important;

    animation:
        none !important;

    transition:
        none !important;
}


/* ==========================================================
   HERO INNER ELEMENTS
========================================================== */

.welfare-state-page
.great-sharanas-hero-content * {

    animation:
        none !important;

    transition:
        none !important;

    transform:
        none !important;
}


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

.welfare-state-page
.great-sharanas-crumb {

    margin-bottom:
        58px;

    color:
        #f3eee7;

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

    font-size:
        14px;

    line-height:
        1.5;
}


.welfare-state-page
.great-sharanas-crumb a {

    color:
        #f3eee7;

    text-decoration:
        none;
}


.welfare-state-page
.great-sharanas-crumb span {

    padding:
        0 10px;

    color:
        #d3aa62;
}


.welfare-state-page
.great-sharanas-crumb b {

    padding:
        0 10px;

    color:
        #d3aa62;

    font-weight:
        400;
}


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

.welfare-state-page
.great-sharanas-hero h1 {

    margin:
        0 0 14px;

    color:
        #fff;

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

    font-size:
        68px;

    font-weight:
        400;

    line-height:
        1;

    animation:
        none !important;

    transition:
        none !important;
}


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

.welfare-state-page
.great-sharanas-descriptor {

    margin:
        0 0 16px;

    color:
        #e0b451;

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

    font-size:
        24px;

    line-height:
        1.4;
}


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

.welfare-state-page
.great-sharanas-hero-intro {

    max-width:
        550px;

    margin:
        0;

    color:
        #f4eee5;

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

    font-size:
        18px;

    line-height:
        1.45;
}


/* ==========================================================
   HERO GOLD RULE
========================================================== */

.welfare-state-page
.great-sharanas-gold-rule {

    display:
        block;

    width:
        72px;

    height:
        3px;

    margin-top:
        24px;

    background:
        #d2a23c;
}


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

.welfare-state-page .ws-intro {

    padding:
        90px 0 55px;

    background:
        var(--article-bg);

    text-align:
        center;
}


.welfare-state-page .ws-intro-kicker {

    margin:
        0 0 11px;

    color:
        var(--ws-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    line-height:
        1.4;

    letter-spacing:
        2px;

    text-transform:
        uppercase;
}


.welfare-state-page .ws-intro h2 {

    margin:
        0;

    color:
        var(--ws-navy);

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

    font-size:
        42px;

    font-weight:
        400;

    line-height:
        1.2;
}


.welfare-state-page .ws-intro-lead {

    max-width:
        850px;

    margin:
        20px auto 0;

    color:
        var(--ws-ink);

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

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1.8;

    text-align:
        left;
}


.welfare-state-page .ws-intro-meta {

    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        20px;

    color:
        var(--ws-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        12px;
}


.welfare-state-page .ws-meta-dot {

    color:
        var(--ws-gold);
}


/* ==========================================================
   ARTICLE SECTION
   ========================================================== */

.welfare-state-page .ws-article-section {

    position:
        relative;

    padding:
        70px 0;

    background:
        var(--article-bg);

    /*
     * IMPORTANT:
     * overflow hidden/auto nahi hona chahiye.
     * Sticky navigation ko article section ke
     * andar properly calculate karne ke liye visible rakha gaya hai.
     */
    overflow:
        visible !important;
}


/* ==========================================================
   ARTICLE LAYOUT
   DESKTOP
========================================================== */

.welfare-state-page .ws-article-layout {

    position:
        relative;

    display:
        grid !important;

    /*
     * LEFT  = navigation
     * RIGHT = article
     */
    grid-template-columns:
        280px minmax(0, 1fr);

    column-gap:
        65px;

    width:
        100%;

    align-items:
        start !important;

    overflow:
        visible !important;
}


/* ==========================================================
   LEFT READING NAVIGATION
   STICKY ONLY INSIDE ARTICLE SECTION
========================================================== */

.welfare-state-page .ws-reading-nav {

    position:
        sticky !important;

    top:
        110px !important;

    left:
        auto !important;

    right:
        auto !important;

    bottom:
        auto !important;

    align-self:
        start !important;

    grid-column:
        1 !important;

    grid-row:
        1 !important;

    width:
        280px !important;

    height:
        max-content !important;

    max-height:
        calc(100vh - 140px) !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #F6F1E8 !important;

    border:
        none !important;

    border-left:
        none !important;

    border-right:
        none !important;

    border-top:
        none !important;

    border-bottom:
        none !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    z-index:
        20 !important;

    overflow:
        hidden !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}


/* ==========================================================
   NAV INNER
========================================================== */

.welfare-state-page .ws-reading-nav-inner {

    position:
        relative;

    width:
        100% !important;

    max-height:
        calc(100vh - 140px) !important;

    margin:
        0 !important;

    padding:
        28px 24px !important;

    background:
        #F6F1E8 !important;

    border:
        none !important;

    box-shadow:
        none !important;

    overflow-y:
        auto !important;

    overflow-x:
        hidden !important;

    scrollbar-width:
        none;
}


.welfare-state-page
.ws-reading-nav-inner::-webkit-scrollbar {

    display:
        none;
}


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

.welfare-state-page .ws-nav-title {

    margin:
        0 0 20px !important;

    padding:
        0 !important;

    color:
        #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        600 !important;

    line-height:
        1.4 !important;

    letter-spacing:
        .12em !important;

    text-transform:
        uppercase !important;
}


/* ==========================================================
   NAV LINKS
========================================================== */

.welfare-state-page
.ws-reading-nav a {

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 0 14px !important;

    padding:
        0 !important;

    color:
        #716F6A !important;

    background:
        transparent !important;

    border:
        none !important;

    box-shadow:
        none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;

    text-decoration:
        none !important;

    transform:
        none !important;

    animation:
        none !important;

    transition:
        none !important;
}


/* ==========================================================
   ACTIVE NAV LINK
   BLUE HIGHLIGHT
========================================================== */

.welfare-state-page
.ws-reading-nav a.active {

    color:
        #073653 !important;

    font-weight:
        600 !important;

    background:
        transparent !important;

    border:
        none !important;

    box-shadow:
        none !important;

    padding:
        0 !important;

    transform:
        none !important;
}


/* ==========================================================
   NAV HOVER / FOCUS
   NO MOVEMENT
========================================================== */

.welfare-state-page
.ws-reading-nav a:hover,
.welfare-state-page
.ws-reading-nav a:focus,
.welfare-state-page
.ws-reading-nav a:focus-visible {

    color:
        #073653 !important;

    background:
        transparent !important;

    border:
        none !important;

    box-shadow:
        none !important;

    padding:
        0 !important;

    transform:
        none !important;

    animation:
        none !important;

    transition:
        none !important;
}


/* ==========================================================
   ARTICLE CONTENT
   RIGHT SIDE OF NAVIGATION
========================================================== */

.welfare-state-page .ws-article-content {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        950px !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    position:
        relative !important;

    grid-column:
        2 !important;

    grid-row:
        1 !important;

    align-self:
        start !important;

    background:
        var(--article-bg);

    color:
        var(--ws-ink);

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;
}


/* ==========================================================
   FIRST ARTICLE CARD
   ALIGN WITH "IN THIS ARTICLE"
========================================================== */

.welfare-state-page
.ws-article-content > .ws-content-card:first-child {

    margin-top:
        0 !important;

    padding-top:
        0 !important;
}


/* ==========================================================
   FIRST ARTICLE KICKER
========================================================== */

.welfare-state-page
.ws-article-content > .ws-content-card:first-child
.ws-section-kicker {

    margin-top:
        -150px!important;

    padding-top:
        0 !important;
}


/* ==========================================================
   FIRST ARTICLE H1
   ACTUAL BLADE H1
========================================================== */

.welfare-state-page
.ws-article-content > .ws-content-card:first-child
h1 {

    position:
        relative;

    display:
        block;

    width:
        auto;

    margin:
        0 0 24px !important;

    padding:
        0 !important;

    color:
        var(--ws-navy) !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        34px !important;

    font-weight:
        400 !important;

    line-height:
        1.25 !important;

    border:
        none !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    background:
        transparent !important;

    animation:
        none !important;

    transition:
        none !important;
}


/* ==========================================================
   MAIN ARTICLE H1
   FOR OTHER PAGES / EXISTING CLASS
========================================================== */

.welfare-state-page
.ws-content-card .ws-main-title,
.welfare-state-page
.ws-main-title {

    position:
        relative;

    display:
        block;

    width:
        auto;

    margin:
        0 0 24px !important;

    padding:
        0 !important;

    color:
        var(--ws-navy) !important;

    font-family:
        "Source Serif 4" !important;

    font-size:
        34px !important;

    line-height:
        1.25;

    font-weight:
        400 !important;

    border:
        none !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    background:
        transparent !important;

    animation:
        none !important;

    transition:
        none !important;
}


/* ==========================================================
   REMOVE H1 DECORATIVE LINE
========================================================== */

.welfare-state-page .ws-main-title::before,
.welfare-state-page .ws-main-title::after {

    content:
        none !important;

    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;

    border:
        none !important;

    background:
        none !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   ARTICLE PARAGRAPH
========================================================== */

.welfare-state-page
.ws-article-content p {

    margin:
        0 0 24px;

    color:
        var(--ws-ink);

    font-family:
        "Source Serif 4" !important;

    font-size:
        18px !important;

    font-weight:
        400 !important;

    line-height:
        1.8 !important;

    text-align:
        justify;

    overflow-wrap:
        break-word;

    word-wrap:
        break-word;
}


/* ==========================================================
   SECTION KICKER
========================================================== */

.welfare-state-page .ws-section-kicker {

    margin:
        0 0 11px;

    color:
        var(--ws-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    font-weight:
        600;

    line-height:
        1.4;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


/* ==========================================================
   ARTICLE H2
========================================================== */

.welfare-state-page
.ws-content-card h2 {

    position:
        relative;

    display:
        block;

    width:
        auto;

    margin:
        0 0 7px !important;

    padding:
        0 !important;

    color:
        #95651E !important;

    font-family:
        "Source Serif 4" !important;

    font-size:
        19px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;

    letter-spacing:
        normal;

    text-transform:
        none;

    border:
        none !important;

    text-decoration:
        none !important;

    box-shadow:
        none !important;

    background:
        transparent !important;

    animation:
        none !important;

    transition:
        none !important;

    transform:
        none !important;
}


/* ==========================================================
   REMOVE H2 DECORATIVE LINES
========================================================== */

.welfare-state-page
.ws-content-card h2::before,
.welfare-state-page
.ws-content-card h2::after {

    content:
        none !important;

    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        none !important;

    background:
        none !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   H3
========================================================== */

.welfare-state-page
.ws-content-card h3 {

    margin:
        38px 0 16px;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        25px;

    line-height:
        1.35;

    font-weight:
        700;
}


/* ==========================================================
   H4
========================================================== */

.welfare-state-page
.ws-content-card h4 {

    margin:
        28px 0 12px;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        20px;

    line-height:
        1.4;

    font-weight:
        700;
}


/* ==========================================================
   STRONG
========================================================== */

.welfare-state-page
.ws-content-card strong {

    color:
        var(--ws-navy);

    font-weight:
        700;
}


/* ==========================================================
   ARTICLE LIST
========================================================== */

.welfare-state-page
.ws-content-card ul,
.welfare-state-page
.ws-content-card ol {

    margin:
        18px 0 22px;

    padding-left:
        25px;
}


.welfare-state-page
.ws-content-card li {

    margin-bottom:
        9px;

    color:
        var(--ws-ink);

    font-family:
        "Source Serif 4" !important;

    font-size:
        16px;

    line-height:
        1.75;
}


.welfare-state-page
.ws-content-card li::marker {

    color:
        var(--ws-gold);
}


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

.welfare-state-page
.ws-content-card {

    position:
        relative;

    width:
        100%;

    margin:
        0 0 48px;

    padding:
        0 0 48px;

    background:
        transparent;

    border:
        0;

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

    border-radius:
        0;

    box-shadow:
        none;

    overflow:
        visible;
}


/* ==========================================================
   FIRST CARD - NO EXTRA TOP SPACE
========================================================== */

.welfare-state-page
.ws-article-content > .ws-content-card:first-child {

    margin-top:
        0 !important;

    padding-top:
        0 !important;
}


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

.welfare-state-page
.ws-content-card:last-child {

    margin-bottom:
        0;

    padding-bottom:
        0;

    border-bottom:
        0;
}


.welfare-state-page
.ws-content-card:hover {

    transform:
        none !important;

    box-shadow:
        none !important;

    background:
        transparent;
}


/* ==========================================================
   BLOCKQUOTE
========================================================== */

.welfare-state-page .ws-quote {

    position:
        relative;

    margin:
        35px 0;

    padding:
        28px 32px;

    background:
        var(--ws-cream);

    border:
        0;

    border-left:
        4px solid var(--ws-gold);

    border-radius:
        0;

    box-shadow:
        none;

    color:
        var(--ws-navy);
}


.welfare-state-page .ws-quote p {

    margin:
        0;

    color:
        inherit;

    font-family:
        "Source Serif 4" !important;

    font-size:
        21px !important;

    font-weight:
        400 !important;

    line-height:
        1.8 !important;

    font-style:
        italic;

    text-align:
        left;
}


.welfare-state-page .ws-quote span {

    display:
        block;

    margin-top:
        10px;

    color:
        var(--ws-muted);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.5;
}


/* ==========================================================
   HIGHLIGHT
========================================================== */

.welfare-state-page .ws-highlight {

    margin:
        35px 0;

    padding:
        30px;

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

    border-left:
        3px solid var(--ws-gold);

    background:
        var(--ws-cream);

    border-radius:
        0;

    box-shadow:
        none;
}


.welfare-state-page .ws-highlight strong {

    display:
        block;

    margin-bottom:
        9px;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        19px;

    line-height:
        1.4;
}


.welfare-state-page .ws-highlight p {

    margin:
        0;

    font-family:
        "Source Serif 4" !important;

    font-size:
        16px !important;

    line-height:
        1.8 !important;
}


/* ==========================================================
   PRINCIPLE GRID
========================================================== */

.welfare-state-page .ws-principle-grid {

    display:
        grid;

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

    gap:
        18px;

    margin:
        28px 0;
}


.welfare-state-page .ws-principle-card {

    position:
        relative;

    padding:
        24px;

    background:
        var(--ws-cream);

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

    border-radius:
        0;

    box-shadow:
        none;

    transition:
        none !important;

    animation:
        none !important;
}


.welfare-state-page .ws-principle-card:hover {

    transform:
        none !important;

    box-shadow:
        none !important;
}


.welfare-state-page .ws-principle-card strong {

    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        19px;

    line-height:
        1.4;
}


.welfare-state-page .ws-principle-card p {

    margin:
        0;

    color:
        var(--ws-ink);

    font-family:
        "Source Serif 4" !important;

    font-size:
        14px !important;

    line-height:
        1.7 !important;
}


/* ==========================================================
   THEORY GRID
========================================================== */

.welfare-state-page .ws-theory-grid {

    display:
        grid;

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

    gap:
        18px;

    margin:
        28px 0;
}


.welfare-state-page .ws-theory-card {

    padding:
        25px 22px;

    background:
        var(--ws-cream);

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

    border-radius:
        0;

    box-shadow:
        none;

    transition:
        none !important;

    animation:
        none !important;
}


.welfare-state-page .ws-theory-card:hover {

    transform:
        none !important;

    box-shadow:
        none !important;
}


.welfare-state-page .ws-theory-card > span {

    display:
        block;

    margin-bottom:
        10px;

    color:
        var(--ws-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.4;

    letter-spacing:
        1.2px;

    text-transform:
        uppercase;
}


.welfare-state-page .ws-theory-card h3 {

    margin:
        0 0 10px;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        21px;

    line-height:
        1.4;

    font-weight:
        700;
}


.welfare-state-page .ws-theory-card p {

    margin:
        0;

    color:
        var(--ws-ink);

    font-family:
        "Source Serif 4" !important;

    font-size:
        14px !important;

    line-height:
        1.7 !important;
}


/* ==========================================================
   FINAL MESSAGE
========================================================== */

.welfare-state-page .ws-final-message {

    margin-top:
        28px;

    padding:
        28px 30px;

    text-align:
        center;

    background:
        var(--ws-cream);

    border-top:
        2px solid var(--ws-gold);

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

    border-radius:
        0;

    box-shadow:
        none;

    transition:
        none !important;
}


.welfare-state-page .ws-final-message p {

    max-width:
        850px;

    margin:
        0 auto;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        19px !important;

    line-height:
        1.75 !important;
}


/* ==========================================================
   REFERENCE SECTION
========================================================== */

.welfare-state-page .ws-reference-section {

    padding:
        70px 0;

    background:
        var(--ws-cream);

    border-top:
        1px solid var(--ws-line);
}


.welfare-state-page .ws-reference-card {

    padding:
        32px 35px;

    background:
        var(--ws-cream);

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

    border-radius:
        0;

    box-shadow:
        none;

    transition:
        none !important;
}


.welfare-state-page .ws-reference-card:hover {

    transform:
        none !important;

    box-shadow:
        none !important;
}


.welfare-state-page .ws-reference-kicker {

    margin-bottom:
        9px;

    color:
        var(--ws-gold);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    line-height:
        1.4;

    letter-spacing:
        1.8px;

    text-transform:
        uppercase;
}


.welfare-state-page .ws-reference-card h2 {

    margin:
        0 0 12px;

    color:
        var(--ws-navy);

    font-family:
        "Source Serif 4" !important;

    font-size:
        30px;

    line-height:
        1.3;

    font-weight:
        400;
}


.welfare-state-page .ws-reference-card p {

    margin:
        0;

    color:
        var(--ws-ink);

    font-family:
        "Source Serif 4" !important;

    font-size:
        16px !important;

    line-height:
        1.8 !important;
}


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

.welfare-state-page .ws-divider {

    width:
        65px;

    height:
        2px;

    margin:
        24px 0;

    background:
        var(--ws-gold);
}


/* ==========================================================
   TABLE
========================================================== */

.welfare-state-page .ws-content-card table {

    width:
        100%;

    margin:
        28px 0;

    border-collapse:
        collapse;

    background:
        var(--ws-cream);
}


.welfare-state-page
.ws-content-card th,
.welfare-state-page
.ws-content-card td {

    padding:
        12px 14px;

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

    text-align:
        left;

    font-family:
        "Source Serif 4" !important;

    font-size:
        15px;

    line-height:
        1.6;
}


.welfare-state-page
.ws-content-card th {

    background:
        var(--ws-navy);

    color:
        #fff;

    font-weight:
        600;
}


.welfare-state-page
.ws-content-card td {

    color:
        var(--ws-ink);
}


/* ==========================================================
   LINKS
========================================================== */

.welfare-state-page
.ws-content-card a {

    color:
        var(--ws-navy);

    text-decoration:
        underline;

    text-decoration-color:
        rgba(7,54,83,.30);

    text-underline-offset:
        3px;

    transition:
        none !important;
}


.welfare-state-page
.ws-content-card a:hover {

    color:
        var(--ws-navy);

    transform:
        none !important;
}


/* ==========================================================
   ARTICLE FONT
========================================================== */

.welfare-state-page .ws-article-content,
.welfare-state-page .ws-article-content p,
.welfare-state-page .ws-article-content h1,
.welfare-state-page .ws-article-content h2,
.welfare-state-page .ws-article-content h3,
.welfare-state-page .ws-article-content h4,
.welfare-state-page .ws-article-content blockquote,
.welfare-state-page .ws-article-content blockquote p,
.welfare-state-page .ws-article-content li,
.welfare-state-page .ws-article-content strong,
.welfare-state-page .ws-article-content em {

    font-family:
        "Source Serif 4" !important;
}


/* ==========================================================
   NO ANIMATION
========================================================== */

.welfare-state-page .ws-content-card,
.welfare-state-page .ws-principle-card,
.welfare-state-page .ws-theory-card,
.welfare-state-page .ws-highlight,
.welfare-state-page .ws-quote,
.welfare-state-page .ws-final-message,
.welfare-state-page .ws-reference-card {

    transition:
        none !important;

    animation:
        none !important;
}


.welfare-state-page .ws-content-card:hover,
.welfare-state-page .ws-principle-card:hover,
.welfare-state-page .ws-theory-card:hover,
.welfare-state-page .ws-highlight:hover,
.welfare-state-page .ws-quote:hover,
.welfare-state-page .ws-final-message:hover,
.welfare-state-page .ws-reference-card:hover {

    transform:
        none !important;

    box-shadow:
        none !important;
}


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

@media (min-width: 721px) and (max-width: 1100px) {

    /* ------------------------------------------------------
       ARTICLE LAYOUT
    ------------------------------------------------------ */

    .welfare-state-page .ws-article-layout {

        display:
            grid !important;

        grid-template-columns:
            230px minmax(0, 1fr);

        column-gap:
            40px;

        width:
            100%;

        align-items:
            start !important;

        overflow:
            visible !important;
    }


    /* ------------------------------------------------------
       TABLET NAV
    ------------------------------------------------------ */

    .welfare-state-page .ws-reading-nav {

        position:
            sticky !important;

        top:
            100px !important;

        left:
            auto !important;

        right:
            auto !important;

        width:
            230px !important;

        height:
            max-content !important;

        max-height:
            calc(100vh - 120px) !important;

        margin:
            0 !important;

        padding:
            0 !important;

        grid-column:
            1 !important;

        grid-row:
            1 !important;

        align-self:
            start !important;
    }


    /* ------------------------------------------------------
       TABLET NAV INNER
    ------------------------------------------------------ */

    .welfare-state-page .ws-reading-nav-inner {

        padding:
            24px 18px !important;

        max-height:
            calc(100vh - 120px) !important;
    }


    /* ------------------------------------------------------
       TABLET ARTICLE
    ------------------------------------------------------ */

    .welfare-state-page .ws-article-content {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        grid-column:
            2 !important;

        grid-row:
            1 !important;

        align-self:
            start !important;
    }


    /* ------------------------------------------------------
       TABLET FIRST CARD
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-article-content > .ws-content-card:first-child {

        margin-top:
            0 !important;

        padding-top:
            0 !important;
    }


    .welfare-state-page
    .ws-article-content > .ws-content-card:first-child
    h1 {

        margin-top:
            0 !important;

        padding-top:
            0 !important;

        font-size:
            32px !important;
    }
}


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

@media (max-width: 720px) {

    .welfare-state-page {

        width:
            100%;

        overflow-x:
            clip;
    }


    /* ------------------------------------------------------
       CONTAINER
    ------------------------------------------------------ */

    .welfare-state-page .ws-container {

        width:
            calc(100% - 32px);

        max-width:
            100%;

        overflow:
            visible !important;
    }


    /* ------------------------------------------------------
       HERO
    ------------------------------------------------------ */

    .welfare-state-page
    .welfare-state-hero {

        height:
            500px;

        min-height:
            500px;

        overflow:
            hidden;
    }


    .welfare-state-page
    .welfare-state-hero > img {

        width:
            100%;

        height:
            100%;

        object-fit:
            cover;

        object-position:
            center center;

        transform:
            none !important;

        transition:
            none !important;

        animation:
            none !important;
    }


    .welfare-state-page
    .great-sharanas-hero-shade {

        background:
            linear-gradient(
                180deg,
                rgba(15,12,10,.62) 0%,
                rgba(15,12,10,.35) 38%,
                rgba(15,12,10,.72) 100%
            );
    }


    .welfare-state-page
    .great-sharanas-hero-content {

        left:
            24px;

        right:
            24px;

        top:
            34px;

        width:
            auto;

        transform:
            none !important;
    }


    .welfare-state-page
    .great-sharanas-crumb {

        margin-bottom:
            90px;

        font-size:
            12px;

        line-height:
            1.6;
    }


    .welfare-state-page
    .great-sharanas-hero h1 {

        font-size:
            40px;

        line-height:
            1.05;
    }


    .welfare-state-page
    .great-sharanas-descriptor {

        font-size:
            18px;

        line-height:
            1.4;
    }


    .welfare-state-page
    .great-sharanas-hero-intro {

        max-width:
            330px;

        font-size:
            15px;

        line-height:
            1.55;
    }


    /* ------------------------------------------------------
       INTRO
    ------------------------------------------------------ */

    .welfare-state-page .ws-intro {

        padding:
            60px 0 40px;
    }


    .welfare-state-page .ws-intro h2 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            30px;

        font-weight:
            400;

        line-height:
            1.25;
    }


    .welfare-state-page .ws-intro-lead {

        margin-top:
            17px;

        font-family:
            "Source Serif 4" !important;

        font-size:
            18px;

        font-weight:
            400;

        line-height:
            1.8;

        text-align:
            left;
    }


    /* ------------------------------------------------------
       ARTICLE SECTION
    ------------------------------------------------------ */

    .welfare-state-page .ws-article-section {

        padding:
            55px 0;

        overflow:
            visible !important;

        position:
            relative;
    }


    /* ------------------------------------------------------
       ARTICLE LAYOUT
    ------------------------------------------------------ */

    .welfare-state-page .ws-article-layout {

        display:
            block !important;

        width:
            100% !important;

        position:
            relative;

        overflow:
            visible !important;
    }


    /* ------------------------------------------------------
       MOBILE NAV HIDDEN
    ------------------------------------------------------ */

    .welfare-state-page .ws-reading-nav {

        display:
            none !important;

        position:
            static !important;

        top:
            auto !important;

        left:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        width:
            100% !important;

        height:
            auto !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        overflow:
            visible !important;

        z-index:
            auto !important;
    }


    /* ------------------------------------------------------
       ARTICLE CONTENT
    ------------------------------------------------------ */

    .welfare-state-page .ws-article-content {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        position:
            relative !important;
    }


    /* ------------------------------------------------------
       MOBILE FIRST ARTICLE CARD
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-article-content > .ws-content-card:first-child {

        margin-top:
            0 !important;

        padding-top:
            0 !important;
    }


    /* ------------------------------------------------------
       MOBILE FIRST ARTICLE H1
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-article-content > .ws-content-card:first-child
    h1 {

        margin:
            0 0 24px !important;

        padding:
            0 !important;

        font-family:
            "Source Serif 4" !important;

        font-size:
            29px !important;

        font-weight:
            400 !important;

        line-height:
            1.25 !important;
    }


    /* ------------------------------------------------------
       MOBILE EXISTING H1
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-content-card .ws-main-title,
    .welfare-state-page
    .ws-main-title {

        margin:
            0 0 24px !important;

        padding:
            0 !important;

        font-family:
            "Source Serif 4" !important;

        font-size:
            29px !important;

        font-weight:
            400 !important;

        line-height:
            1.25;
    }


    /* ------------------------------------------------------
       MOBILE H2
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-content-card h2 {

        margin:
            0 0 7px !important;

        font-family:
            "Source Serif 4" !important;

        font-size:
            19px !important;

        font-weight:
            400 !important;

        line-height:
            1.45 !important;
    }


    /* ------------------------------------------------------
       MOBILE PARAGRAPH
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-content-card p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            18px !important;

        font-weight:
            400 !important;

        line-height:
            1.8 !important;

        text-align:
            left;
    }


    /* ------------------------------------------------------
       MOBILE H3
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-content-card h3 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            23px;

        line-height:
            1.35;
    }


    /* ------------------------------------------------------
       MOBILE H4
    ------------------------------------------------------ */

    .welfare-state-page
    .ws-content-card h4 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            19px;

        line-height:
            1.4;
    }


    /* ------------------------------------------------------
       MOBILE QUOTE
    ------------------------------------------------------ */

    .welfare-state-page .ws-quote {

        margin:
            28px 0;

        padding:
            22px 20px;
    }


    .welfare-state-page .ws-quote p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            18px !important;

        font-weight:
            400 !important;

        line-height:
            1.7 !important;
    }


    /* ------------------------------------------------------
       MOBILE HIGHLIGHT
    ------------------------------------------------------ */

    .welfare-state-page .ws-highlight {

        padding:
            24px 20px;
    }


    /* ------------------------------------------------------
       MOBILE ARTICLE CARD
    ------------------------------------------------------ */

    .welfare-state-page .ws-content-card {

        width:
            100%;

        margin-bottom:
            40px;

        padding-bottom:
            40px;
    }


    /* ------------------------------------------------------
       MOBILE GRIDS
    ------------------------------------------------------ */

    .welfare-state-page .ws-principle-grid {

        grid-template-columns:
            1fr;

        gap:
            12px;
    }


    .welfare-state-page .ws-theory-grid {

        grid-template-columns:
            1fr;

        gap:
            12px;
    }


    .welfare-state-page
    .ws-principle-card,
    .welfare-state-page
    .ws-theory-card {

        padding:
            21px 19px;
    }


    /* ------------------------------------------------------
       MOBILE FINAL MESSAGE
    ------------------------------------------------------ */

    .welfare-state-page .ws-final-message {

        padding:
            25px 20px;
    }


    .welfare-state-page .ws-final-message p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            18px !important;

        line-height:
            1.7 !important;
    }


    /* ------------------------------------------------------
       MOBILE REFERENCE
    ------------------------------------------------------ */

    .welfare-state-page .ws-reference-section {

        padding:
            55px 0;
    }


    .welfare-state-page .ws-reference-card {

        padding:
            27px 20px;
    }


    .welfare-state-page .ws-reference-card h2 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            27px;

        line-height:
            1.3;
    }


    .welfare-state-page .ws-reference-card p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            15px !important;

        line-height:
            1.75 !important;
    }
}


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

@media (max-width: 480px) {

    .welfare-state-page .ws-container {

        width:
            calc(100% - 28px);
    }


    .welfare-state-page
    .welfare-state-hero {

        height:
            480px;

        min-height:
            480px;
    }


    .welfare-state-page
    .great-sharanas-hero-content {

        left:
            20px;

        right:
            20px;
    }


    .welfare-state-page
    .great-sharanas-crumb {

        margin-bottom:
            78px;

        font-size:
            11px;
    }


    .welfare-state-page
    .great-sharanas-hero h1 {

        font-size:
            38px;
    }


    .welfare-state-page
    .great-sharanas-descriptor {

        font-size:
            17px;
    }


    .welfare-state-page
    .great-sharanas-hero-intro {

        max-width:
            300px;

        font-size:
            14px;
    }


    .welfare-state-page .ws-intro {

        padding:
            50px 0 35px;
    }


    .welfare-state-page .ws-intro h2 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            27px;
    }


    .welfare-state-page
    .ws-content-card h2 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            19px !important;
    }


    .welfare-state-page
    .ws-content-card p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            18px !important;

        line-height:
            1.8 !important;
    }


    .welfare-state-page
    .ws-content-card h3 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            22px;
    }


    .welfare-state-page .ws-quote {

        padding:
            20px 18px;
    }


    .welfare-state-page .ws-quote p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            17px !important;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 360px) {

    .welfare-state-page
    .welfare-state-hero {

        height:
            460px;

        min-height:
            460px;
    }


    .welfare-state-page
    .great-sharanas-hero-content {

        left:
            16px;

        right:
            16px;
    }


    .welfare-state-page
    .great-sharanas-hero h1 {

        font-size:
            35px;
    }


    .welfare-state-page .ws-container {

        width:
            calc(100% - 24px);
    }


    .welfare-state-page
    .ws-content-card h2 {

        font-family:
            "Source Serif 4" !important;

        font-size:
            19px !important;
    }


    .welfare-state-page
    .ws-content-card p {

        font-family:
            "Source Serif 4" !important;

        font-size:
            17px !important;

        line-height:
            1.8 !important;
    }
}

/* =========================================================
   WELFARE STATE — MOVE ARTICLE + NAV FURTHER UP
========================================================= */

.welfare-state-page .ws-article-layout {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 65px !important;
    align-items: start !important;
    position: relative !important;
    overflow: visible !important;
}

/* LEFT NAV */
.welfare-state-page .ws-reading-nav {
    position: sticky !important;
    top: 80px !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    align-self: start !important;

    width: 280px !important;
    height: max-content !important;

    margin: -140px 0 0 0 !important;
    padding: 0 !important;
}

/* NAV INNER */
.welfare-state-page .ws-reading-nav-inner {
    margin: 0 !important;
    padding: 24px 22px !important;
}


/* ARTICLE */
.welfare-state-page .ws-article-content {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: 950px !important;
    min-width: 0 !important;

    margin: -140px 0 0 0 !important;
    padding: 0 !important;

    align-self: start !important;
}


/* FIRST ARTICLE */
.welfare-state-page
.ws-article-content
> .ws-content-card:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.welfare-state-page
.ws-article-content
> .ws-content-card:first-child
.ws-section-kicker {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.welfare-state-page
.ws-article-content
> .ws-content-card:first-child
h1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


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

@media (min-width: 721px) and (max-width: 1100px) {

    .welfare-state-page .ws-reading-nav {
        top: 75px !important;
        margin-top: -45px !important;
    }

    .welfare-state-page .ws-article-content {
        margin-top: -45px !important;
    }
}


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

@media (max-width: 720px) {

    .welfare-state-page .ws-article-layout {
        display: block !important;
    }

    .welfare-state-page .ws-reading-nav {
        display: none !important;
    }

    .welfare-state-page .ws-article-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}
/* =========================================================
   WELFARE STATE — SIMPLE NAV ACTIVE OVERRIDE
========================================================= */

.welfare-state-page .ws-reading-nav-inner a {
    color: #6f6a61 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
}

/* Mouse hover — NO CHANGE */
.welfare-state-page .ws-reading-nav-inner a:hover,
.welfare-state-page .ws-reading-nav-inner a:focus,
.welfare-state-page .ws-reading-nav-inner a:active {
    color: #6f6a61 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Current article — ONLY BLUE */
.welfare-state-page .ws-reading-nav-inner a.active {
    color: #073653 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    transform: none !important;
}
/* =========================================================
   WELFARE STATE
   EXACT HEADING SCROLL POSITION
========================================================= */

/* Har article section ko header ke neeche stop karo */
.welfare-state-page .ws-article-content .ws-content-card {
    scroll-margin-top: 125px !important;
}

/* Heading ko bhi exact reading position do */
.welfare-state-page .ws-article-content .ws-content-card h1,
.welfare-state-page .ws-article-content .ws-content-card h2,
.welfare-state-page .ws-article-content .ws-content-card h3 {
    scroll-margin-top: 125px !important;
}


/* =========================================================
   NAV CLICK — SMOOTH SCROLL
========================================================= */

.welfare-state-page .ws-reading-nav-inner a {
    scroll-behavior: smooth !important;
}
/* //////////////////////////////////////////////////////////////////////BASAVA AND KANADA LITERATURE//////////////////////////////////////////////////// */
/* ==========================================================
   BASAVA AND KANNADA LITERATURE
========================================================== */
/* =========================================================
   BASAVA AND KANNADA LITERATURE
   COMPLETE UPDATED CSS
   BUDDHA & BUDDHISM TYPOGRAPHY
========================================================= */

/* =========================================================
   BASAVA & KANNADA LITERATURE PAGE
========================================================= */

.basava-literature-page {
    --bl-navy: #073653;
    --bl-navy-deep: #022b44;

    --bl-gold: #c98b27;
    --bl-gold-light: #d9a13a;

    --bl-cream: #f8f3e9;
    --bl-paper: #fcfaf5;
    --bl-white: #ffffff;

    --bl-ink: #3e4d55;
    --bl-muted: #716f6a;

    --bl-line: rgba(7, 54, 83, .13);

    --bl-nav-bg: #F6F1E8;
    --bl-nav-text: #716F6A;
    --bl-nav-active: #073653;

    width: 100%;
    overflow-x: clip !important;
    background: var(--bl-cream);
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

.basava-literature-page *,
.basava-literature-page *::before,
.basava-literature-page *::after {
    box-sizing: border-box;
}


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

.basava-literature-page .bl-container {
    width: min(1180px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}


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

.basava-literature-page .bl-hero {
    position: relative;
    width: 100%;
    min-height: 560px;
    overflow: hidden;
    background: var(--bl-navy);
}


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

.basava-literature-page .bl-hero > img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    animation: none !important;
    transition: none !important;
}


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

.basava-literature-page .bl-hero-shade {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(2, 43, 68, .88) 0%,
            rgba(2, 43, 68, .68) 45%,
            rgba(2, 43, 68, .32) 100%
        );

    z-index: 1;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   HERO CONTENT
   KEEP ORIGINAL POSITION
========================================================= */

.basava-literature-page .bl-hero-content {
    position: relative !important;
    z-index: 2 !important;

    min-height: 560px !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;

    padding: 100px 0 90px !important;

    width: min(1180px, calc(100% - 48px)) !important;
    margin: 0 auto !important;

    top: 0 !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.basava-literature-page .bl-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 9px;
    margin-bottom: 22px;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    animation: none !important;
    transition: none !important;
}


.basava-literature-page .bl-breadcrumb a {
    color: rgba(255,255,255,.88);

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    animation: none !important;
    transition: none !important;
}


.basava-literature-page .bl-breadcrumb a:hover {
    color: #ffffff;
    text-decoration: none;

    transform: none !important;
    animation: none !important;
    transition: none !important;
}


.basava-literature-page .bl-breadcrumb b {
    color: var(--bl-gold-light);

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}


.basava-literature-page .bl-breadcrumb span {
    color: rgba(255,255,255,.68);

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 400 !important;
}


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

.basava-literature-page .bl-hero h1 {
    max-width: 850px;

    margin: 0 0 20px;

    color: #ffffff;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: clamp(42px, 5vw, 72px) !important;
    font-weight: 400 !important;

    line-height: 1.25 !important;
    letter-spacing: normal !important;

    animation: none !important;
    transition: none !important;
}


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

.basava-literature-page .bl-hero-descriptor {
    max-width: 760px;

    margin: 0 0 16px;

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

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;

    animation: none !important;
    transition: none !important;
}


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

.basava-literature-page .bl-hero-intro {
    max-width: 720px;

    margin: 0 0 25px;

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

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   GOLD RULE
   REMOVED
========================================================= */

.basava-literature-page .bl-gold-rule,
.basava-literature-page .bl-gold-rule::before,
.basava-literature-page .bl-gold-rule::after {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    content: none !important;
}


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

.basava-literature-page .bl-intro {
    background: var(--bl-cream);
    padding: 0;
}


/* =========================================================
   ARTICLE SECTION
========================================================= */

.basava-literature-page .bl-article-section {
    padding: 45px 0 90px;

    background:
        linear-gradient(
            90deg,
            #F6F1E8 0%,
            #F8F3E9 50%,
            #F6F1E8 100%
        );

    overflow: visible !important;
}


/* =========================================================
   ARTICLE LAYOUT
========================================================= */

.basava-literature-page .bl-article-layout {
    display: grid !important;

    grid-template-columns:
        280px
        minmax(0, 1fr) !important;

    gap: 65px !important;

    align-items: start !important;

    overflow: visible !important;
}


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

.basava-literature-page .bl-article-content {
    min-width: 0;
    width: 100%;

    background: transparent !important;
    color: #29251f;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;
}


/* =========================================================
   LEFT READING NAVIGATION
========================================================= */

.basava-literature-page .bl-reading-nav {
    position: sticky !important;

    top: 110px !important;

    align-self: start !important;

    width: 100%;
    height: fit-content !important;

    max-height: calc(100vh - 130px);

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 0 !important;

    margin-top: -150px !important;
    margin-bottom: 40px !important;

    background: #F6F1E8 !important;

    border: none !important;
    border-left: none !important;

    box-shadow: none !important;

    z-index: 50;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    scrollbar-width: thin;
}


/* =========================================================
   NAV SCROLLBAR
========================================================= */

.basava-literature-page .bl-reading-nav::-webkit-scrollbar {
    width: 3px;
}

.basava-literature-page .bl-reading-nav::-webkit-scrollbar-track {
    background: transparent;
}

.basava-literature-page .bl-reading-nav::-webkit-scrollbar-thumb {
    background: rgba(113,111,106,.25);
    border-radius: 10px;
}


/* =========================================================
   NAV INNER
========================================================= */

.basava-literature-page .bl-reading-nav-inner {
    padding: 0 24px 28px !important;

    margin-top: 0 !important;

    background: #F6F1E8 !important;

    border: none !important;
    border-left: none !important;

    box-shadow: none !important;
}


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

.basava-literature-page .bl-nav-title {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
    letter-spacing: .12em;

    text-transform: uppercase;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   NAV LINKS
========================================================= */

.basava-literature-page .bl-reading-nav a {
    display: block !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.6 !important;

    text-decoration: none !important;

    background: transparent !important;

    border: none !important;
    border-bottom: none !important;

    box-shadow: none !important;

    position: relative !important;
    left: 0 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   NAV LAST LINK
========================================================= */

.basava-literature-page .bl-reading-nav a:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   NAV ACTIVE
   BLUE HIGHLIGHT
========================================================= */

.basava-literature-page .bl-reading-nav a.active {
    color: #073653 !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    padding-left: 0 !important;
    margin-left: 0 !important;

    position: relative !important;
    left: 0 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   NAV HOVER
   NO MOVEMENT
========================================================= */

.basava-literature-page .bl-reading-nav a:hover,
.basava-literature-page .bl-reading-nav a:focus,
.basava-literature-page .bl-reading-nav a:focus-visible {
    color: #073653 !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    padding-left: 0 !important;
    margin-left: 0 !important;

    position: relative !important;
    left: 0 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REMOVE NAV DECORATION
========================================================= */

.basava-literature-page .bl-reading-nav a::before,
.basava-literature-page .bl-reading-nav a::after {
    display: none !important;
    content: none !important;

    transform: none !important;
    animation: none !important;
    transition: none !important;
}


/* =========================================================
   CONTENT SECTIONS
   NO CARDS
========================================================= */

.basava-literature-page .bl-content-card {
    display: block;

    width: 100%;

    margin: 0 0 65px !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   REMOVE CARD PSEUDO ELEMENTS
========================================================= */

.basava-literature-page .bl-content-card::before,
.basava-literature-page .bl-content-card::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   LAST CONTENT SECTION
========================================================= */

.basava-literature-page .bl-content-card:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   SECTION KICKER
========================================================= */

.basava-literature-page .bl-section-kicker {
    display: block !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: .12em;

    text-transform: uppercase;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   ARTICLE H2
========================================================= */

.basava-literature-page .bl-content-card h2 {
    position: relative;

    display: block;
    width: auto;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #95651E !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 19px !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;
    letter-spacing: normal !important;

    text-transform: none !important;

    border: none !important;

    text-decoration: none !important;

    box-shadow: none !important;
    background: transparent !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   REMOVE H2 DECORATIVE LINE
========================================================= */

.basava-literature-page .bl-content-card h2::after,
.basava-literature-page .bl-content-card h2::before {
    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;

    background: none !important;
    box-shadow: none !important;
}


/* =========================================================
   ARTICLE PARAGRAPHS
========================================================= */

.basava-literature-page .bl-content-card p {
    margin: 0 0 24px !important;
    padding: 0 !important;

    color: #29251f !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    text-align: justify;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    overflow-wrap: break-word;
    word-wrap: break-word;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   H3
========================================================= */

.basava-literature-page .bl-article-content h3 {
    margin: 38px 0 16px !important;
    padding: 0 !important;

    color: #073653 !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 25px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   H4
========================================================= */

.basava-literature-page .bl-article-content h4 {
    margin: 28px 0 12px !important;
    padding: 0 !important;

    color: #073653 !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   HIGHLIGHT
========================================================= */

.basava-literature-page .bl-highlight {
    display: block;

    margin: 35px 0 !important;

    padding: 18px 0 18px 22px !important;

    background: transparent !important;

    border: none !important;
    border-left: 3px solid #C98B27 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    animation: none !important;
    transition: none !important;
}


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

.basava-literature-page .bl-highlight strong {
    display: block;

    margin: 0 0 8px;

    color: #073653;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* =========================================================
   HIGHLIGHT PARAGRAPH
========================================================= */

.basava-literature-page .bl-highlight p {
    margin: 0 !important;

    color: #29251f !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    text-align: justify;
}


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

.basava-literature-page .bl-quote {
    margin: 35px 0 !important;

    padding: 28px 32px !important;

    background: var(--bl-cream) !important;

    border: none !important;
    border-left: 4px solid #95651E !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    animation: none !important;
    transition: none !important;
}


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

.basava-literature-page .bl-quote p {
    margin: 0 0 9px !important;

    color: #073653 !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 21px !important;
    font-weight: 400 !important;

    font-style: italic;

    line-height: 1.8 !important;

    text-align: left;
}


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

.basava-literature-page .bl-quote span {
    display: block;

    color: #716F6A !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;
}


/* =========================================================
   REFERENCE NOTE
========================================================= */

.basava-literature-page .bl-reference-note {
    margin: 18px 0 0 !important;

    padding: 14px 0 !important;

    color: #716F6A !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.7 !important;

    background: transparent !important;

    border: none !important;

    border-top: 1px solid rgba(7,54,83,.12) !important;
    border-bottom: 1px solid rgba(7,54,83,.12) !important;

    box-shadow: none !important;
}


/* =========================================================
   FINAL MESSAGE
========================================================= */

.basava-literature-page .bl-final-message {
    margin: 30px 0 0 !important;

    padding: 20px 0 !important;

    background: transparent !important;

    border-top: 1px solid rgba(7,54,83,.12) !important;
    border-bottom: 1px solid rgba(7,54,83,.12) !important;

    box-shadow: none !important;
}


.basava-literature-page .bl-final-message p {
    margin: 0 !important;

    color: #073653 !important;

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    text-align: left;
}


/* =========================================================
   REMOVE CHILD CARD EFFECTS
========================================================= */

.basava-literature-page .bl-content-card > div {
    box-shadow: none !important;
}


/* =========================================================
   ARTICLE TYPOGRAPHY
========================================================= */

.basava-literature-page .bl-article-content,
.basava-literature-page .bl-article-content p,
.basava-literature-page .bl-article-content h1,
.basava-literature-page .bl-article-content h2,
.basava-literature-page .bl-article-content h3,
.basava-literature-page .bl-article-content h4,
.basava-literature-page .bl-article-content blockquote,
.basava-literature-page .bl-article-content li,
.basava-literature-page .bl-article-content strong,
.basava-literature-page .bl-article-content em {
    font-family:
        "Source Serif 4" !important;
        font-size: 18px !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 721px) {

    .basava-literature-page .bl-article-layout {
        display: grid !important;

        grid-template-columns:
            280px
            minmax(0, 1fr) !important;

        gap: 65px !important;

        align-items: start !important;

        overflow: visible !important;
    }


    .basava-literature-page .bl-reading-nav {
        position: sticky !important;

        top: 110px !important;

        align-self: start !important;

        width: 100%;

        height: fit-content !important;

        max-height: calc(100vh - 130px) !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        margin-top: -150px !important;
        margin-bottom: 40px !important;

        z-index: 50 !important;
    }


    .basava-literature-page .bl-content-card:first-child {
        margin-top: -5px !important;
    }
}


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

@media (max-width: 720px) {

    .basava-literature-page .bl-reading-nav {
        display: none !important;
    }


    .basava-literature-page .bl-article-layout {
        display: block !important;
        overflow: visible !important;
    }


    .basava-literature-page .bl-article-section {
        padding: 42px 0 60px !important;
        overflow: visible !important;
    }


    .basava-literature-page .bl-container {
        width: calc(100% - 32px);
        max-width: none;
    }


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

    .basava-literature-page .bl-hero {
        min-height: 520px !important;
    }


    .basava-literature-page .bl-hero-content {
        min-height: 520px !important;

        width: calc(100% - 32px) !important;

        padding: 90px 0 60px !important;

        justify-content: center !important;

        top: 0 !important;
        bottom: auto !important;

        transform: none !important;
    }


    /* Breadcrumb */

    .basava-literature-page .bl-breadcrumb {
        font-size: 11px !important;

        gap: 6px;
        margin-bottom: 18px;
    }


    .basava-literature-page .bl-breadcrumb a,
    .basava-literature-page .bl-breadcrumb span,
    .basava-literature-page .bl-breadcrumb b {
        font-size: 11px !important;
    }


    /* Hero title */

    .basava-literature-page .bl-hero h1 {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 29px !important;
        font-weight: 400 !important;

        line-height: 1.25 !important;

        margin-bottom: 20px;
    }


    /* Hero descriptor */

    .basava-literature-page .bl-hero-descriptor {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.8 !important;
    }


    /* Hero intro */

    .basava-literature-page .bl-hero-intro {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.8 !important;
    }


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

    .basava-literature-page .bl-content-card {
        margin-bottom: 50px !important;

        padding: 0 !important;

        background: transparent !important;

        border: none !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }


    /* Section kicker */

    .basava-literature-page .bl-section-kicker {
        margin-bottom: 20px !important;

        font-size: 12px !important;
        font-weight: 600 !important;

        line-height: 1.4 !important;
    }


    /* H2 */

    .basava-literature-page .bl-content-card h2 {
        margin-bottom: 7px !important;

        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 19px !important;
        font-weight: 400 !important;

        line-height: 1.45 !important;
    }


    /* Paragraph */

    .basava-literature-page .bl-content-card p {
        margin-bottom: 24px !important;

        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.8 !important;

        text-align: left;
    }


    /* Highlight */

    .basava-literature-page .bl-highlight {
        margin: 28px 0 !important;

        padding: 18px 0 18px 16px !important;

        border-left-width: 2px !important;
    }


    .basava-literature-page .bl-highlight strong {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 600 !important;
    }


    .basava-literature-page .bl-highlight p {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        line-height: 1.8 !important;
    }


    /* Quote */

    .basava-literature-page .bl-quote {
        margin: 28px 0 !important;

        padding: 22px 20px !important;

        border-left-width: 4px !important;
    }


    .basava-literature-page .bl-quote p {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.7 !important;
    }


    .basava-literature-page .bl-quote span {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }


    /* Reference */

    .basava-literature-page .bl-reference-note {
        margin-top: 18px !important;

        padding: 14px 0 !important;

        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 14px !important;

        line-height: 1.7 !important;
    }


    /* Final message */

    .basava-literature-page .bl-final-message {
        margin-top: 30px !important;

        padding: 20px 0 !important;
    }


    .basava-literature-page .bl-final-message p {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.8 !important;
    }
}


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

@media (max-width: 480px) {

    .basava-literature-page .bl-hero {
        min-height: 500px !important;
    }


    .basava-literature-page .bl-hero-content {
        min-height: 500px !important;

        padding-top: 85px !important;
        padding-bottom: 50px !important;

        justify-content: center !important;

        top: 0 !important;
        bottom: auto !important;

        transform: none !important;
    }


    .basava-literature-page .bl-hero h1 {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 27px !important;
        font-weight: 400 !important;

        line-height: 1.25 !important;
    }


    .basava-literature-page .bl-hero-descriptor {
        font-size: 18px !important;
        line-height: 1.8 !important;
    }


    .basava-literature-page .bl-hero-intro {
        font-size: 18px !important;
        line-height: 1.8 !important;
    }


    .basava-literature-page .bl-content-card h2 {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 19px !important;
        font-weight: 400 !important;

        line-height: 1.45 !important;
    }


    .basava-literature-page .bl-content-card p {
        font-family:
            "Source Serif 4",
            Georgia,
            "Times New Roman",
            serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;

        line-height: 1.8 !important;

        text-align: left;
    }


    .basava-literature-page .bl-highlight p {
        font-size: 18px !important;
        line-height: 1.8 !important;
    }


    .basava-literature-page .bl-quote p {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }


    .basava-literature-page .bl-final-message p {
        font-size: 18px !important;
        line-height: 1.8 !important;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.basava-literature-page .bl-reading-nav a:focus-visible {
    outline: 2px solid #073653 !important;
    outline-offset: 4px;
}


/* =========================================================
   NO ANIMATIONS / NO TRANSITIONS
   IMPORTANT:
   Do NOT apply transform:none globally.
========================================================= */

.basava-literature-page .bl-reading-nav *,
.basava-literature-page .bl-reading-nav a,
.basava-literature-page .bl-content-card *,
.basava-literature-page .bl-hero-content * {
    animation: none !important;
    transition: none !important;
}


/* =========================================================
   NAV NO MOVEMENT
========================================================= */

.basava-literature-page .bl-reading-nav a,
.basava-literature-page .bl-reading-nav a:hover,
.basava-literature-page .bl-reading-nav a:focus,
.basava-literature-page .bl-reading-nav a:active,
.basava-literature-page .bl-reading-nav a:focus-visible {
    position: relative !important;

    left: 0 !important;

    margin-left: 0 !important;
    padding-left: 0 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   ACTIVE NAV LINK
========================================================= */

.basava-literature-page .bl-reading-nav a.active {
    color: #073653 !important;

    font-weight: 400 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    left: 0 !important;

    margin-left: 0 !important;
    padding-left: 0 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   NAV HOVER
========================================================= */

.basava-literature-page .bl-reading-nav a:hover {
    color: #073653 !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


/* =========================================================
   ARTICLE NO MOVEMENT
========================================================= */

.basava-literature-page .bl-article-content *,
.basava-literature-page .bl-content-card *,
.basava-literature-page .bl-content-card h2,
.basava-literature-page .bl-content-card h3,
.basava-literature-page .bl-content-card h4,
.basava-literature-page .bl-content-card p {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* =========================================================
   ARTICLE HEADINGS HOVER
========================================================= */

.basava-literature-page .bl-content-card h2:hover,
.basava-literature-page .bl-content-card h3:hover,
.basava-literature-page .bl-content-card h4:hover,
.basava-literature-page .bl-content-card p:hover {
    transform: none !important;

    animation: none !important;
    transition: none !important;

    left: 0 !important;
    margin-left: 0 !important;
}


/* =========================================================
   HERO TEXT — NO MOVEMENT
========================================================= */

.basava-literature-page .bl-hero-content *,
.basava-literature-page .bl-hero h1,
.basava-literature-page .bl-hero-descriptor,
.basava-literature-page .bl-hero-intro {
    animation: none !important;
    transition: none !important;

    position: relative;
    top: 0 !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
}


/* =========================================================
   HEADING DECORATION REMOVE
========================================================= */

.basava-literature-page .bl-section-kicker,
.basava-literature-page .bl-content-card h2 {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;

    box-shadow: none !important;
}


.basava-literature-page .bl-content-card h2 {
    text-decoration: none !important;
}


.basava-literature-page .bl-content-card h2::before,
.basava-literature-page .bl-content-card h2::after {
    display: none !important;

    content: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   REMOVE ANIMATION CLASSES
========================================================= */

.basava-literature-page [class*="animate"],
.basava-literature-page [class*="animation"],
.basava-literature-page [data-aos],
.basava-literature-page [data-animation] {
    animation: none !important;
    transition: none !important;
}

/* =========================================================
   HERO POSITION FIX
   Keep hero text at original center position
========================================================= */

.basava-literature-page .bl-hero {
    position: relative !important;
    min-height: 560px !important;
}

.basava-literature-page .bl-hero-content {
    position: relative !important;
    z-index: 2 !important;

    min-height: 560px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding: 100px 0 90px !important;

    width: min(1180px, calc(100% - 48px)) !important;
    margin: 0 auto !important;

    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
}


/* Hero text ko extra upar/niche move mat karo */
.basava-literature-page .bl-hero-content .bl-breadcrumb,
.basava-literature-page .bl-hero-content h1,
.basava-literature-page .bl-hero-content .bl-hero-descriptor,
.basava-literature-page .bl-hero-content .bl-hero-intro {
    position: static !important;

    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;

    animation: none !important;
    transition: none !important;
}


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

@media (max-width: 720px) {

    .basava-literature-page .bl-hero {
        min-height: 520px !important;
    }

    .basava-literature-page .bl-hero-content {
        min-height: 520px !important;

        width: calc(100% - 32px) !important;

        padding: 90px 0 60px !important;

        justify-content: center !important;

        top: auto !important;
        bottom: auto !important;

        transform: none !important;
    }
}


@media (max-width: 480px) {

    .basava-literature-page .bl-hero {
        min-height: 500px !important;
    }

    .basava-literature-page .bl-hero-content {
        min-height: 500px !important;

        padding: 85px 0 50px !important;

        justify-content: center !important;

        top: auto !important;
        bottom: auto !important;

        transform: none !important;
    }
}

.bl-article-content{
    margin-top: -150px !important;
}


/* =========================================================
   BASAVA MISSION - ARTICLE POSITION FIX
   Do NOT affect Buddha & Buddhism page
========================================================= */

.basava-mission-page .buddha-article-section {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 80px !important;
    transform: none !important;
}

.basava-mission-page .buddha-page-container {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    transform: none !important;
}

.basava-mission-page .buddha-article-layout {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    transform: none !important;
}

.basava-mission-page .buddha-reading-nav {
    position: sticky !important;
    top: 110px !important;
    margin-top: 0 !important;
}

.basava-mission-page .buddha-article-content {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    transform: none !important;
}

.basava-mission-page .buddha-main-title {
    margin-top: 0 !important;
}



/* =========================================================
   BASAVA MISSION
   Reduce gap between section number and heading
========================================================= */

/* .basava-mission-page .buddha-article-section .buddha-section-number {

    margin-top: -100px !important;
    
}

.basava-mission-page .buddha-article-section h2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
} */

/* =========================================================
   BASAVA MISSION
   NUMBER → HEADING GAP
   ========================================================= */

.basava-mission-page .buddha-article-section {
    gap: 0 !important;
}

.basava-mission-page .buddha-article-section .buddha-section-number {
    /* margin-bottom: 0 !important; */
    /* padding-bottom: 0 !important; */
    margin-top: -100px !important;
}

.basava-mission-page .buddha-article-section h2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ////////////////////////////////////////////////////////BASAVA THE REFORMER///////////////////////////////////////////////////////////// */


/* ==========================================================
   BASAVA THE REFORMER PAGE
========================================================== */

.basava-literature-page {

    --bl-navy: #073653;
    --bl-navy-deep: #022b44;

    --bl-gold: #c98b27;
    --bl-gold-light: #d9a13a;

    --bl-cream: #f8f3e9;
    --bl-paper: #fcfaf5;
    --bl-white: #ffffff;

    --bl-ink: #294655;
    --bl-muted: #71808a;

    --bl-line: rgba(7,54,83,.13);

    width: 100%;

    overflow-x: hidden;

    background: var(--bl-cream);

    color: var(--bl-ink);

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


.basava-literature-page *,
.basava-literature-page *::before,
.basava-literature-page *::after {

    box-sizing: border-box;
}


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

.basava-literature-page .bl-container {

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

    margin:
        0 auto;
}


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

.basava-literature-page .bl-hero {

    position: relative;

    width: 100%;

    overflow: hidden;

    color: #fff;
}


.basava-literature-page .bl-hero > img {

    display: block;

    width: 100%;

    height: auto;

    transform: none !important;

    transition: none !important;
}


.basava-literature-page .bl-hero:hover > img {

    transform: none !important;
}


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

.basava-literature-page .bl-hero-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(15,12,10,.76) 0%,
            rgba(15,12,10,.42) 37%,
            rgba(15,12,10,.04) 68%
        );
}


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

.basava-literature-page .bl-hero-content {

    position: absolute;

    left: 4.2vw;

    top: 50%;

    transform: translateY(-55%);

    width:
        min(680px, 55vw);

    color: #fff;
}


/* ==========================================================
   BREADCRUMB
========================================================== */

.basava-literature-page .bl-breadcrumb {

    font-size: 14px;

    margin-bottom: 58px;

    color: #f3eee7;
}


.basava-literature-page .bl-breadcrumb a {

    color: #f3eee7;

    text-decoration: none;

    transition:
        color .25s ease;
}


.basava-literature-page .bl-breadcrumb a:hover {

    color:
        var(--bl-gold-light);
}


.basava-literature-page .bl-breadcrumb span {

    padding:
        0 10px;

    color:
        #d3aa62;
}


.basava-literature-page .bl-breadcrumb b {

    padding:
        0 10px;

    color:
        #d3aa62;

    font-weight: 400;
}


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

.basava-literature-page .bl-hero h1 {

    margin:
        0 0 14px;

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

    font-size: 64px;

    font-weight: 400;

    line-height: 1.05;

    color: #fff;
}


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

.basava-literature-page .bl-hero-descriptor {

    margin:
        0 0 16px;

    font-size: 24px;

    line-height: 1.4;

    color:
        #e0b451;
}


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

.basava-literature-page .bl-hero-intro {

    max-width: 590px;

    margin: 0;

    font-size: 18px;

    line-height: 1.55;

    color:
        #f4eee5;
}


/* ==========================================================
   GOLD RULE
========================================================== */

.basava-literature-page .bl-gold-rule {

    display: block;

    width: 72px;

    height: 3px;

    margin-top: 24px;

    background:
        #d2a23c;
}


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

.basava-literature-page .bl-intro {

    padding:
        75px 0 65px;

    text-align: center;

    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
}


.basava-literature-page .bl-intro-kicker {

    display: block;

    margin-bottom: 10px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    letter-spacing: 2px;

    color:
        #a86e1f;
}


.basava-literature-page .bl-intro h2 {

    margin: 0;

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

    font-size: 42px;

    line-height: 1.2;

    font-weight: 500;

    color:
        var(--bl-navy);
}


.basava-literature-page .bl-intro-lead {

    max-width: 850px;

    margin:
        20px auto 0;

    font-size: 19px;

    line-height: 1.8;

    color:
        var(--bl-ink);
}


.basava-literature-page .bl-intro-meta {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 20px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    color:
        var(--bl-muted);
}


.basava-literature-page .bl-meta-dot {

    color:
        var(--bl-gold);
}


/* ==========================================================
   ARTICLE
========================================================== */

.basava-literature-page .bl-article-section {

    padding:
        70px 0 80px;

    background:
        linear-gradient(
            90deg,
            #f8f3e9,
            #fbf8f0 50%,
            #f8f3e9
        );
}


.basava-literature-page .bl-article-layout {

    display: grid;

    grid-template-columns:
        250px minmax(0,1fr);

    gap: 55px;

    align-items: start;
}


/* ==========================================================
   READING NAV
========================================================== */

.basava-literature-page .bl-reading-nav {

    position: sticky;

    top: 110px;
}


.basava-literature-page .bl-reading-nav-inner {

    padding: 0 24px 28px !important;
    margin-top: 0 !important;

    border-left:
        2px solid
        rgba(201,139,39,.55);

    background:
        rgba(255,255,255,.42);
}


.basava-literature-page .bl-nav-title {

    display: block;

    margin-bottom: 14px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    letter-spacing: 1.7px;

    color:
        #a86e1f;
}


.basava-literature-page .bl-reading-nav a {

    position: relative;

    display: block;

    padding:
        9px 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.45;

    color:
        #496170;

    text-decoration: none;

    border-bottom:
        1px solid
        rgba(7,54,83,.07);

    transition:
        color .30s ease,
        transform .30s ease;
}


.basava-literature-page .bl-reading-nav a::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 3px;

    width: 28px;

    height: 1px;

    background:
        var(--bl-gold);

    transform:
        scaleX(0);

    transform-origin:
        left;

    transition:
        transform .30s ease;
}


.basava-literature-page .bl-reading-nav a:hover {

    color:
        var(--bl-navy-deep);

    transform:
        translateX(4px);
}


.basava-literature-page .bl-reading-nav a:hover::after {

    transform:
        scaleX(1);
}


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

.basava-literature-page .bl-article-content {

    min-width: 0;

    width: 100%;
}


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

.basava-literature-page .bl-content-card {

    position: relative;

    width: 100%;

    margin-bottom: 30px;

    padding:
        42px 45px;

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

    border:
        1px solid
        rgba(7,54,83,.10);

    box-shadow:
        0 14px 35px
        rgba(7,54,83,.07);

    border-radius: 4px;

    overflow: hidden;

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


/* GOLD TOP LINE */

.basava-literature-page .bl-content-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
        var(--bl-gold);

    transform:
        scaleX(0);

    transform-origin:
        left;

    transition:
        transform .35s ease;
}


.basava-literature-page .bl-content-card:hover {

    transform:
        translateY(-5px);

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

    border-color:
        rgba(201,139,39,.35);

    box-shadow:
        0 18px 45px
        rgba(7,54,83,.10);
}


.basava-literature-page .bl-content-card:hover::before {

    transform:
        scaleX(1);
}


/* ==========================================================
   SECTION KICKER
========================================================== */

.basava-literature-page .bl-section-kicker {

    display: block;

    margin-bottom: 10px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    letter-spacing: 1.8px;

    color:
        #a86e1f;
}


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

.basava-literature-page .bl-content-card h2 {

    margin:
        0 0 20px;

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

    font-size: 35px;

    line-height: 1.25;

    font-weight: 500;

    color:
        var(--bl-navy);

    transition:
        color .30s ease;
}


.basava-literature-page .bl-content-card:hover h2 {

    color:
        var(--bl-gold);
}


/* ==========================================================
   PARAGRAPHS
========================================================== */

.basava-literature-page .bl-content-card p {

    margin:
        0 0 18px;

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

    font-size: 17px;

    line-height: 1.9;

    color:
        var(--bl-ink);

    transition:
        color .30s ease,
        transform .30s ease;
}


.basava-literature-page .bl-content-card p:hover {

    color:
        var(--bl-navy-deep);

    transform:
        translateX(2px);
}


.basava-literature-page .bl-content-card p:last-child {

    margin-bottom: 0;
}


/* ==========================================================
   NUMBERED LIST
========================================================== */

.basava-literature-page .bl-numbered-list {

    margin:
        20px 0 0;

    padding-left: 28px;
}


.basava-literature-page .bl-numbered-list li {

    margin-bottom: 12px;

    padding:
        10px 12px;

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

    font-size: 16px;

    line-height: 1.7;

    color:
        var(--bl-ink);

    border-left:
        2px solid
        rgba(201,139,39,.25);

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


.basava-literature-page .bl-numbered-list li:hover {

    transform:
        translateX(5px);

    border-left-color:
        var(--bl-gold);

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

    box-shadow:
        0 8px 20px
        rgba(7,54,83,.07);
}


.basava-literature-page .bl-numbered-list li:last-child {

    margin-bottom: 0;
}


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

.basava-literature-page .bl-quote {

    margin:
        28px 0;

    padding:
        25px 28px;

    border-left:
        4px solid
        var(--bl-gold);

    border-radius:
        0 14px 14px 0;

    background:
        linear-gradient(
            135deg,
            #fbf7ef,
            #f3eadb
        );

    box-shadow:
        0 8px 25px
        rgba(7,54,83,.055);

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


.basava-literature-page .bl-quote:hover {

    transform:
        translateX(6px);

    box-shadow:
        0 16px 35px
        rgba(7,54,83,.12);
}


.basava-literature-page .bl-quote p {

    margin:
        0 0 10px;

    font-size: 18px;

    line-height: 1.8;

    font-style: italic;

    color:
        var(--bl-navy);
}


.basava-literature-page .bl-quote p:hover {

    transform: none;
}


.basava-literature-page .bl-quote span {

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    color:
        var(--bl-muted);
}


/* ==========================================================
   HIGHLIGHT
========================================================== */

.basava-literature-page .bl-highlight {

    margin:
        28px 0;

    padding:
        26px 28px;

    background:
        linear-gradient(
            135deg,
            var(--bl-navy),
            var(--bl-navy-deep)
        );

    border-radius: 17px;

    box-shadow:
        0 12px 30px
        rgba(7,54,83,.12);

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


.basava-literature-page .bl-highlight:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 20px 40px
        rgba(7,54,83,.20);
}


.basava-literature-page .bl-highlight strong {

    display: block;

    margin-bottom: 10px;

    font-size: 20px;

    color:
        var(--bl-gold-light);
}


.basava-literature-page .bl-highlight p {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color: #fff;
}


.basava-literature-page .bl-highlight p:hover {

    color: #fff;

    transform: none;
}


/* ==========================================================
   PRINCIPLE GRID
========================================================== */

.basava-literature-page .bl-principle-grid {

    display: grid;

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

    gap: 16px;

    margin:
        28px 0;
}


.basava-literature-page .bl-principle-card {

    position: relative;

    padding:
        22px 20px;

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

    border:
        1px solid
        rgba(7,54,83,.10);

    border-radius: 10px;

    box-shadow:
        0 8px 22px
        rgba(7,54,83,.05);

    overflow: hidden;

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


.basava-literature-page .bl-principle-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
        var(--bl-gold);

    transform:
        scaleX(0);

    transform-origin:
        left;

    transition:
        transform .35s ease;
}


.basava-literature-page .bl-principle-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(201,139,39,.38);

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

    box-shadow:
        0 16px 32px
        rgba(7,54,83,.10);
}


.basava-literature-page .bl-principle-card:hover::before {

    transform:
        scaleX(1);
}


.basava-literature-page .bl-principle-card strong {

    display: block;

    margin-bottom: 8px;

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

    font-size: 17px;

    line-height: 1.35;

    color:
        var(--bl-navy);

    transition:
        color .30s ease;
}


.basava-literature-page .bl-principle-card:hover strong {

    color:
        var(--bl-gold);
}


.basava-literature-page .bl-principle-card p {

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.5;

    color:
        var(--bl-muted);
}


.basava-literature-page .bl-principle-card p:hover {

    transform: none;

    color:
        var(--bl-muted);
}


/* ==========================================================
   REFERENCE
========================================================== */

.basava-literature-page .bl-reference-section {

    padding:
        0 0 80px;

    background:
        linear-gradient(
            90deg,
            #f8f3e9,
            #fbf8f0 50%,
            #f8f3e9
        );
}


.basava-literature-page .bl-reference-card {

    position: relative;

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

    margin:
        0 auto;

    padding:
        38px 42px;

    background:
        linear-gradient(
            135deg,
            var(--bl-navy),
            var(--bl-navy-deep)
        );

    border-radius:
        22px;

    box-shadow:
        0 18px 40px
        rgba(7,54,83,.13);

    overflow: hidden;

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


.basava-literature-page .bl-reference-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
        var(--bl-gold);
}


.basava-literature-page .bl-reference-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 24px 48px
        rgba(7,54,83,.20);
}


.basava-literature-page .bl-reference-kicker {

    display: block;

    margin-bottom: 8px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    letter-spacing: 1.8px;

    color:
        var(--bl-gold-light);
}


.basava-literature-page .bl-reference-card h2 {

    margin:
        0 0 12px;

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

    font-size: 30px;

    font-weight: 500;

    color: #fff;
}


.basava-literature-page .bl-reference-card p {

    margin: 0;

    font-size: 16px;

    line-height: 1.8;

    color:
        #e8eef2;
}


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

@media (max-width: 720px) {

    .basava-literature-page {

        width: 100%;

        overflow-x: hidden;
    }


    .basava-literature-page .bl-container {

        width:
            calc(100% - 32px);

        max-width: 100%;
    }


    /* HERO */

    .basava-literature-page .bl-hero {

        height: 500px;

        min-height: 500px;
    }


    .basava-literature-page .bl-hero > img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center center;

        transform: none !important;

        transition: none !important;
    }


    .basava-literature-page .bl-hero-shade {

        background:
            linear-gradient(
                180deg,
                rgba(15,12,10,.62) 0%,
                rgba(15,12,10,.35) 38%,
                rgba(15,12,10,.72) 100%
            );
    }


    .basava-literature-page .bl-hero-content {

        left: 24px;

        right: 24px;

        top: 34px;

        width: auto;

        transform: none;
    }


    .basava-literature-page .bl-breadcrumb {

        margin-bottom: 90px;

        font-size: 12px;

        line-height: 1.6;
    }


    .basava-literature-page .bl-hero h1 {

        font-size: 40px;

        line-height: 1.05;
    }


    .basava-literature-page .bl-hero-descriptor {

        font-size: 18px;

        line-height: 1.4;
    }


    .basava-literature-page .bl-hero-intro {

        max-width: 330px;

        font-size: 15px;

        line-height: 1.55;
    }


    /* INTRO */

    .basava-literature-page .bl-intro {

        padding:
            45px 0 48px;
    }


    .basava-literature-page .bl-intro h2 {

        font-size: 30px;

        line-height: 1.2;
    }


    .basava-literature-page .bl-intro-lead {

        font-size: 17px;

        line-height: 1.75;
    }


    .basava-literature-page .bl-intro-meta {

        font-size: 12px;

        line-height: 1.6;
    }


    /* ARTICLE */

    .basava-literature-page .bl-article-section {

        padding:
            40px 0 60px;

        overflow: visible !important;
    }


    .basava-literature-page .bl-article-layout {

        display: block;

        width: 100%;

        min-width: 0;

        overflow: visible !important;
    }


    /* NAV */

    .basava-literature-page .bl-reading-nav {

        position: static;

        width: 100%;

        margin-bottom: 25px;
    }


    .basava-literature-page .bl-reading-nav-inner {

        display: flex;

        flex-wrap: nowrap;

        gap: 8px;

        padding: 0 24px 28px !important;
    margin-top: 0 !important;
        overflow-x: auto;

        overflow-y: hidden;

        border-left: 0;

        border-bottom:
            1px solid
            rgba(201,139,39,.25);

        background: transparent;

        -webkit-overflow-scrolling: touch;
    }


    .basava-literature-page .bl-nav-title {

        display: none;
    }


    .basava-literature-page .bl-reading-nav a {

        flex: 0 0 auto;

        white-space: nowrap;

        padding:
            8px 12px;

        border:
            1px solid
            rgba(201,139,39,.30);

        background:
            #fffaf1;

        font-size: 11px;
    }


    /* CONTENT */

    .basava-literature-page .bl-content-card {

        width: 100%;

        max-width: 100%;

        min-width: 0;

        margin-bottom: 20px;

        padding:
            28px 20px;

        overflow: visible;
    }


    .basava-literature-page .bl-section-kicker {

        font-size: 10px;

        letter-spacing: 1.5px;
    }


    .basava-literature-page .bl-content-card h2 {

        font-size: 28px;

        line-height: 1.25;

        overflow-wrap: anywhere;
    }


    .basava-literature-page .bl-content-card p {

        width: 100%;

        max-width: 100%;

        font-size: 16px;

        line-height: 1.82;

        white-space: normal;

        overflow-wrap: anywhere;
    }


    /* NUMBERED LIST */

    .basava-literature-page .bl-numbered-list {

        padding-left: 22px;
    }


    .basava-literature-page .bl-numbered-list li {

        font-size: 15px;

        line-height: 1.7;

        padding:
            9px 10px;
    }


    /* QUOTE */

    .basava-literature-page .bl-quote {

        margin:
            22px 0;

        padding:
            20px 17px;
    }


    .basava-literature-page .bl-quote p {

        font-size: 16px;

        line-height: 1.75;
    }


    /* HIGHLIGHT */

    .basava-literature-page .bl-highlight {

        margin:
            22px 0;

        padding:
            20px 17px;
    }


    .basava-literature-page .bl-highlight strong {

        font-size: 18px;
    }


    .basava-literature-page .bl-highlight p {

        font-size: 15px;

        line-height: 1.75;
    }


    /* PRINCIPLE GRID */

    .basava-literature-page .bl-principle-grid {

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

        gap: 12px;
    }


    .basava-literature-page .bl-principle-card {

        padding:
            18px 15px;
    }


    .basava-literature-page .bl-principle-card strong {

        font-size: 15px;
    }


    .basava-literature-page .bl-principle-card p {

        font-size: 12px;
    }


    /* REFERENCE */

    .basava-literature-page .bl-reference-section {

        padding-bottom: 55px;
    }


    .basava-literature-page .bl-reference-card {

        width:
            calc(100% - 32px);

        padding:
            28px 20px;
    }


    .basava-literature-page .bl-reference-card h2 {

        font-size: 27px;

        line-height: 1.3;
    }


    .basava-literature-page .bl-reference-card p {

        font-size: 15px;

        line-height: 1.75;
    }


    /* LIGHT MOBILE HOVER */

    .basava-literature-page .bl-content-card:hover {

        transform:
            translateY(-3px);
    }


    .basava-literature-page .bl-quote:hover {

        transform:
            translateX(3px);
    }


    .basava-literature-page .bl-highlight:hover {

        transform:
            translateY(-3px);
    }


    .basava-literature-page .bl-principle-card:hover {

        transform:
            translateY(-3px);
    }


    .basava-literature-page .bl-reference-card:hover {

        transform:
            translateY(-3px);
    }


    /* HERO ALWAYS STATIC */

    .basava-literature-page .bl-hero img:hover {

        transform:
            none !important;
    }
}


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

@media (max-width: 480px) {

    .basava-literature-page .bl-container {

        width:
            calc(100% - 28px);
    }


    .basava-literature-page .bl-hero {

        height: 480px;

        min-height: 480px;
    }


    .basava-literature-page .bl-hero-content {

        left: 20px;

        right: 20px;
    }


    .basava-literature-page .bl-breadcrumb {

        margin-bottom: 78px;

        font-size: 11px;
    }


    .basava-literature-page .bl-hero h1 {

        font-size: 38px;
    }


    .basava-literature-page .bl-hero-descriptor {

        font-size: 17px;
    }


    .basava-literature-page .bl-hero-intro {

        font-size: 14px;

        max-width: 300px;
    }


    .basava-literature-page .bl-content-card {

        padding:
            25px 18px;
    }


    .basava-literature-page .bl-content-card h2 {

        font-size: 26px;
    }


    .basava-literature-page .bl-content-card p {

        font-size: 15.5px;

        line-height: 1.8;
    }


    .basava-literature-page .bl-principle-grid {

        grid-template-columns:
            1fr;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 360px) {

    .basava-literature-page .bl-hero {

        height: 460px;

        min-height: 460px;
    }


    .basava-literature-page .bl-hero-content {

        left: 16px;

        right: 16px;
    }


    .basava-literature-page .bl-hero h1 {

        font-size: 35px;
    }


    .basava-literature-page .bl-hero-intro {

        font-size: 14px;
    }


    .basava-literature-page .bl-container {

        width:
            calc(100% - 24px);
    }


    .basava-literature-page .bl-content-card {

        padding:
            23px 16px;
    }


    .basava-literature-page .bl-content-card h2 {

        font-size: 24px;
    }


    .basava-literature-page .bl-content-card p {

        font-size: 15px;

        line-height: 1.8;
    }
}










/* =========================================================
   SHRI KUMARSWAMIJI / JOURNEY PAGE
   FULLY SCOPED CSS
   Main wrapper: .skj-page
========================================================= */




/* Shri Kumarswamiji Gallery Breadcrumb */
.sk-hero .teaching-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.5px;
    /* text-transform: uppercase; */
    /* color: rgba(255, 255, 255, 0.8); */
        color: rgb(224, 180, 81) !important;
}

/* Home and Shri Kumarswamiji - White */
.sk-hero .teaching-breadcrumb a {
    font-family: Georgia, "Times New Roman", serif;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sk-hero .teaching-breadcrumb a:hover {
    color: #dfcda5;
}

/* Breadcrumb Separator - Gold */
.sk-hero .teaching-breadcrumb .breadcrumb-arrow {
    font-family: Georgia, "Times New Roman", serif;
    color: #dfcda5;
    font-size: 17px;
    line-height: 1;
}

/* Photo Gallery - Gold/Yellow */
.sk-hero .teaching-breadcrumb > span:last-child {
    font-family: Georgia, "Times New Roman", serif;
    color: #dfcda5;
}

@media (max-width: 576px) {
    .sk-hero .teaching-breadcrumb {
        gap: 7px;
        font-size: 10px;
        letter-spacing: 1px;
        margin-bottom: 16px;
    }
}

.skj-page{
    --skj-ink:#120a07;
    --skj-night:#160c08;
    --skj-warm:#24140d;
    --skj-ivory:#f2eadb;
    --skj-gold:#b99354;
    --skj-line:rgba(202,166,102,.42);
    --skj-muted:#b7ad9d;

    box-sizing:border-box;

    background:
        radial-gradient(
            circle at 50% 16%,
            #2a180f 0,
            #180d09 36%,
            #100906 74%,
            #0b0705 100%
        );

    color:var(--skj-ivory);
    font-family:Inter,Arial,sans-serif;
    overflow-x:hidden;
}

.skj-page *,
.skj-page *::before,
.skj-page *::after{
    box-sizing:border-box;
}

.skj-page h1,
.skj-page h2,
.skj-page h3,
.skj-page p{
    margin:0;
}

.skj-page a{
    color:inherit;
}

.skj-page .serif{
    font-family:Georgia,"Times New Roman",serif;
}

.skj-page .kicker{
    letter-spacing:.28em;
    text-transform:uppercase;
    font-size:11px;
    color:#c7a66b;
}

.skj-page .section-title{
    font:400 clamp(42px,6vw,84px)/.95 Georgia,serif;
    letter-spacing:-.03em;
    color:var(--skj-ivory);
}

.skj-page .sub{
    color:#c8beaf;
    font:400 clamp(16px,1.6vw,22px)/1.6 Georgia,serif;
    font-style:italic;
}


/* =========================================================
   MAIN JOURNEY HERO
   CENTERED CINEMATIC DESIGN
========================================================= */

.skj-page > .hero{
    position:relative !important;

    width:100% !important;
    min-height:100vh !important;
    height:100vh !important;

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

    padding:100px 6vw 120px !important;

    overflow:hidden !important;

    text-align:center !important;

    color:var(--skj-ivory) !important;

    background:
        radial-gradient(
            circle at 50% 28%,
            rgba(116,75,39,.20) 0%,
            rgba(74,43,24,.13) 19%,
            rgba(32,18,11,.08) 39%,
            transparent 66%
        ),
        radial-gradient(
            circle at 50% 0%,
            #382015 0%,
            #21110b 34%,
            #120a07 67%,
            #0b0705 100%
        ) !important;
}


/* =========================================================
   OUTER CIRCLE / ORBIT
========================================================= */

.skj-page > .hero::after{
    content:"";

    position:absolute !important;

    width:min(760px,70vw);
    height:min(760px,70vw);

    left:50%;
    top:50%;

    transform:translate(-50%,-55%);

    border:1px solid rgba(185,147,84,.095);

    border-radius:50%;

    box-shadow:
        0 0 70px rgba(185,147,84,.045),
        inset 0 0 80px rgba(185,147,84,.025);

    pointer-events:none;

    z-index:0;
}


/* =========================================================
   INNER GLOW CIRCLE
========================================================= */

.skj-page > .hero::before{
    content:"";

    position:absolute !important;

    width:min(560px,58vw);
    height:min(560px,58vw);

    left:50%;
    top:50%;

    transform:translate(-50%,-58%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(185,147,84,.19) 0%,
            rgba(185,147,84,.105) 22%,
            rgba(185,147,84,.045) 42%,
            rgba(185,147,84,.015) 58%,
            transparent 74%
        );

    filter:blur(2px);

    pointer-events:none;

    z-index:0;
}


/* =========================================================
   HERO CENTER CONTENT
========================================================= */

.skj-page > .hero .hero-copy{
    position:relative !important;

    z-index:3 !important;

    width:min(900px,88vw) !important;

    margin:0 auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


/* =========================================================
   SMALL GOLD LINE ABOVE KICKER
========================================================= */

.skj-page > .hero .hero-copy::before{
    content:"";

    display:block;

    width:46px;
    height:1px;

    margin:0 auto 25px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--skj-gold),
            transparent
        );

    opacity:.8;
}


/* =========================================================
   KICKER
========================================================= */

.skj-page > .hero .kicker{
    position:relative;

    margin:0 0 27px !important;

    color:#c7a66b !important;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:10px !important;

    font-weight:500;

    line-height:1.5;

    letter-spacing:.30em !important;

    text-transform:uppercase;

    text-align:center !important;
}


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

.skj-page > .hero h1{
    position:relative !important;

    z-index:2;

    max-width:900px;

    margin:0 auto !important;

    color:var(--skj-ivory) !important;

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

    font-size:clamp(66px,9vw,132px) !important;

    font-weight:400 !important;

    line-height:.88 !important;

    letter-spacing:-.055em !important;

    text-align:center !important;
}


/* =========================================================
   TITLE LINE BREAK
========================================================= */

.skj-page > .hero h1 br{
    display:block;
}


/* =========================================================
   SUBTITLE / DESCRIPTION
========================================================= */

.skj-page > .hero .sub{
    position:relative;

    max-width:700px !important;

    margin:35px auto 0 !important;

    color:#c8beaf !important;

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

    font-size:clamp(16px,1.5vw,21px) !important;

    font-weight:400;

    font-style:italic !important;

    line-height:1.65 !important;

    text-align:center !important;
}


/* =========================================================
   SOFT LIGHT BEHIND TITLE
========================================================= */

.skj-page > .hero .hero-copy::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    left:50%;
    top:48%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,169,94,.075),
            rgba(212,169,94,.025) 38%,
            transparent 72%
        );

    filter:blur(12px);

    pointer-events:none;

    z-index:-1;
}


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

.skj-page > .hero .scrollcue{
    position:absolute !important;

    left:50% !important;
    bottom:38px !important;

    transform:translateX(-50%) !important;

    z-index:5 !important;

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

    width:max-content;

    color:rgba(185,147,84,.85) !important;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:9px !important;

    font-weight:500;

    line-height:1;

    letter-spacing:.28em !important;

    text-transform:uppercase;

    text-align:center;
}


/* =========================================================
   SCROLL CUE LEFT LINE
========================================================= */

.skj-page > .hero .scrollcue::before{
    content:"";

    display:block;

    width:42px;
    height:1px;

    margin-right:14px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(185,147,84,.55)
        );
}


/* =========================================================
   SCROLL CUE RIGHT LINE
========================================================= */

.skj-page > .hero .scrollcue::after{
    content:"";

    display:block;

    width:42px;
    height:1px;

    margin-left:14px;

    background:
        linear-gradient(
            90deg,
            rgba(185,147,84,.55),
            transparent
        );
}


/* =========================================================
   HERO — TABLET
========================================================= */

@media(max-width:900px){

    .skj-page > .hero{
        min-height:88vh !important;
        height:88vh !important;

        padding:
            90px
            6vw
            100px !important;
    }

    .skj-page > .hero::after{
        width:600px;
        height:600px;

        transform:translate(-50%,-55%);
    }

    .skj-page > .hero::before{
        width:440px;
        height:440px;

        transform:translate(-50%,-58%);
    }

    .skj-page > .hero .hero-copy{
        width:88vw !important;
    }

    .skj-page > .hero .kicker{
        font-size:9px !important;
        letter-spacing:.24em !important;
    }

    .skj-page > .hero h1{
        font-size:clamp(54px,11vw,96px) !important;
        line-height:.9 !important;
    }

    .skj-page > .hero .sub{
        max-width:620px !important;
        margin-top:28px !important;
        font-size:17px !important;
        line-height:1.6 !important;
    }
}


/* =========================================================
   HERO — MOBILE
========================================================= */

@media(max-width:600px){

    .skj-page > .hero{
        min-height:82vh !important;
        height:82vh !important;

        padding:
            80px
            6vw
            90px !important;
    }

    .skj-page > .hero::after{
        width:430px;
        height:430px;

        transform:translate(-50%,-58%);
    }

    .skj-page > .hero::before{
        width:310px;
        height:310px;

        transform:translate(-50%,-61%);
    }

    .skj-page > .hero .hero-copy{
        width:100% !important;
    }

    .skj-page > .hero .hero-copy::before{
        width:34px;
        margin-bottom:20px;
    }

    .skj-page > .hero .kicker{
        max-width:330px;

        margin-bottom:21px !important;

        font-size:8px !important;

        line-height:1.7;

        letter-spacing:.18em !important;
    }

    .skj-page > .hero h1{
        max-width:360px;

        font-size:
            clamp(
                45px,
                13.5vw,
                72px
            ) !important;

        line-height:.92 !important;

        letter-spacing:-.045em !important;
    }

    .skj-page > .hero .sub{
        max-width:330px !important;

        margin-top:24px !important;

        font-size:15px !important;

        line-height:1.55 !important;
    }

    .skj-page > .hero .hero-copy::after{
        width:280px;
        height:280px;
    }

    .skj-page > .hero .scrollcue{
        bottom:23px !important;

        font-size:7px !important;

        letter-spacing:.16em !important;
    }

    .skj-page > .hero .scrollcue::before,
    .skj-page > .hero .scrollcue::after{
        width:22px;
    }

    .skj-page > .hero .scrollcue::before{
        margin-right:8px;
    }

    .skj-page > .hero .scrollcue::after{
        margin-left:8px;
    }
}


/* =========================================================
   PHOTO GALLERY HERO
   MATCHES THE GREAT SHARANAS HERO
========================================================= */

.skj-page .sk-hero{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    color:#fff;
    background:transparent;
}

.skj-page .sk-hero__image{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
    object-position:center center;
}

.skj-page .sk-hero::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(15,12,10,.76) 0%,
            rgba(15,12,10,.42) 37%,
            rgba(15,12,10,.04) 68%
        );

    pointer-events:none;
    z-index:1;
}

.skj-page .sk-hero__content{
    position:absolute;
    left:4.2vw;
    top:50%;
    transform:translateY(-55%);
    width:min(620px,50vw);
    color:#fff;
    z-index:2;
    padding:0;
}

.skj-page .sk-breadcrumb{
    font-family:Georgia,"Times New Roman",serif;
    font-size:14px;
    margin-bottom:58px;
    color:#f3eee7;
}

.skj-page .sk-breadcrumb span{
    padding:0 10px;
    color:#d3aa62;
}

.skj-page .sk-breadcrumb a{
    color:#f3eee7;
    text-decoration:none;
}

.skj-page .sk-hero h1{
    font-family:Georgia,"Times New Roman",serif;
    font-size:68px;
    font-weight:400;
    line-height:1;
    margin:0 0 14px;
    color:#fff;
}

.skj-page .sk-hero__descriptor{
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    color:#e0b451;
    margin:0 0 16px;
    letter-spacing:.01em;
}

.skj-page .sk-hero__intro{
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    line-height:1.45;
    max-width:550px;
    margin:0;
    color:#f4eee5;
}

.skj-page .sk-gold-rule{
    display:block;
    width:72px;
    height:3px;
    background:#d2a23c;
    margin-top:24px;
}


/* =========================================================
   PHOTO GALLERY HERO — TABLET / SMALL DESKTOP
========================================================= */

@media(max-width:1550px) and (min-width:901px){

    .skj-page .sk-hero{
        height:auto;
    }

    .skj-page .sk-hero__content{
        left:4.2vw;
        top:50%;
        transform:translateY(-55%);
        width:min(620px,50vw);
        padding:0;
    }

    .skj-page .sk-breadcrumb{
        margin-bottom:48px;
        font-size:13px;
    }

    .skj-page .sk-hero h1{
        font-size:58px;
    }

    .skj-page .sk-hero__descriptor{
        font-size:22px;
    }

    .skj-page .sk-hero__intro{
        font-size:16px;
        max-width:500px;
        width:auto;
    }

    .skj-page .sk-gold-rule{
        margin-top:20px;
    }
}


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

.skj-page section{
    position:relative;
}

.skj-page .movement{
    min-height:120vh;
    padding:14vh 7vw;
}

.skj-page .intro{
    max-width:720px;
    margin-bottom:10vh;
}

.skj-page .intro .kicker{
    margin-bottom:18px;
}

.skj-page .intro .sub{
    margin-top:22px;
    max-width:590px;
}

.skj-page .photo{
    position:relative;
    margin:0;
    cursor:zoom-in;
    background:#0f0906;
    box-shadow:0 35px 90px rgba(0,0,0,.45);
    overflow:hidden;
}

.skj-page .photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#0f0906;
    filter:none!important;
}

.skj-page .photo .glow{
    position:absolute;
    inset:0;
    box-shadow:
        inset 0 0 0 1px rgba(222,186,120,.25),
        inset 0 0 50px rgba(212,159,75,.05);
    pointer-events:none;
}

.skj-page .brass{
    padding:10px;
    border-left:5px solid #8c6b38;
    border-right:5px solid #8c6b38;
    background:
        linear-gradient(
            90deg,
            #6e5129,
            #c09a58,
            #73532c
        );
    box-shadow:0 0 30px rgba(184,137,64,.15);
}

.skj-page .brass img{
    border:1px solid #30261b;
}

.skj-page .portrait{
    aspect-ratio:3/4;
}

.skj-page .landscape{
    aspect-ratio:4/3;
}


/* =========================================================
   01 — BEGINNINGS
========================================================= */

.skj-page .beginnings{
    background:
        linear-gradient(
            180deg,
            #120b08,
            #24150e 50%,
            #120a07
        );
}

.skj-page .path{
    position:absolute;
    left:50%;
    top:20%;
    height:70%;
    width:1px;
    background:
        linear-gradient(
            transparent,
            #b28b4c 20%,
            #b28b4c 80%,
            transparent
        );
    box-shadow:0 0 28px #8d6734;
}

.skj-page .stage-grid{
    display:grid;
    grid-template-columns:1.15fr .8fr;
    gap:8vw;
    align-items:center;
    max-width:1250px;
    margin:auto;
}

.skj-page .milestone{
    padding:40px 0 40px 40px;
    border-left:1px solid var(--skj-line);
}

.skj-page .milestone b{
    display:block;
    font:400 34px Georgia,serif;
    margin:8px 0;
}

.skj-page .milestone small{
    display:block;
    color:#bcb09f;
    line-height:1.7;
    max-width:560px;
}


/* =========================================================
   ARCHIVAL STUDY
========================================================= */

.skj-page .archival-study{
    position:relative;
    max-width:1420px;
    margin:15vh auto 16vh;
    padding:0 4vw;
}

.skj-page .archival-study-head{
    text-align:center;
    margin-bottom:6vh;
}

.skj-page .archival-study-head .kicker{
    color:#c7a66b;
}

.skj-page .archival-study-wall{
    position:relative;
    display:grid;
    grid-template-columns:.82fr .94fr 1.08fr .68fr .86fr .86fr;
    gap:2.35vw;
    align-items:end;
    min-height:430px;
    padding:5.8vh 3.4vw 6vh;
    isolation:isolate;

    background:
        radial-gradient(
            ellipse at 50% -8%,
            rgba(226,183,105,.115) 0,
            rgba(199,154,82,.055) 31%,
            rgba(80,44,25,.018) 55%,
            transparent 74%
        );

    box-shadow:
        0 28px 90px rgba(0,0,0,.14);
}

.skj-page .archival-study-wall:before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:5;
    border:0;

    background:
        linear-gradient(
            180deg,
            rgba(79,48,22,.82) 0%,
            rgba(232,195,121,.92) 34%,
            rgba(174,128,63,.78) 62%,
            rgba(69,41,19,.88) 100%
        ) top / 100% 4px no-repeat,

        linear-gradient(
            90deg,
            rgba(70,42,19,.88) 0%,
            rgba(224,187,111,.88) 42%,
            rgba(125,88,41,.72) 72%,
            rgba(62,37,18,.88) 100%
        ) left / 4px 100% no-repeat,

        linear-gradient(
            270deg,
            rgba(70,42,19,.88) 0%,
            rgba(224,187,111,.88) 42%,
            rgba(125,88,41,.72) 72%,
            rgba(62,37,18,.88) 100%
        ) right / 4px 100% no-repeat;

    box-shadow:
        inset 0 1px 0 rgba(255,231,179,.10);

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.38));
}

.skj-page .archival-study-wall:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:7px;
    pointer-events:none;
    z-index:6;

    background:
        linear-gradient(
            180deg,
            rgba(72,43,20,.94) 0%,
            rgba(157,112,53,.96) 18%,
            rgba(239,201,123,.98) 43%,
            rgba(179,132,66,.95) 64%,
            rgba(75,45,21,.96) 100%
        );

    border-radius:999px;

    box-shadow:
        0 3px 7px rgba(0,0,0,.48),
        0 0 13px rgba(209,164,88,.09),
        inset 0 1px 0 rgba(255,232,181,.24);
}

.skj-page .archival-study-wall .photo{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    align-self:end;
    border:1px solid rgba(207,172,108,.26);

    box-shadow:
        0 24px 58px rgba(0,0,0,.42),
        0 0 22px rgba(205,157,81,.035);
}

.skj-page .archival-study-wall .photo img{
    width:100%;
    height:auto;
    object-fit:contain;
}


.skj-page .archival-study-wall .photo.brass{
    border-color:rgba(207,172,108,.30);
}

.skj-page .archival-study-wall .ap1,
.skj-page .archival-study-wall .ap2,
.skj-page .archival-study-wall .ap3,
.skj-page .archival-study-wall .ap4,
.skj-page .archival-study-wall .ap5,
.skj-page .archival-study-wall .ap6{
    margin-bottom:0;
}

.skj-page .archival-datum{
    display:none;
}


/* =========================================================
   V1.17 — FINAL BALANCE
========================================================= */
@media(min-width:801px){

    .skj-page .archival-study-wall .ap3,
    .skj-page .archival-study-wall .ap4{
        height:365px !important;
        align-self:end;
        overflow:hidden;
    }

    .skj-page .archival-study-wall .ap3 img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center;
    }

    .skj-page .archival-study-wall .ap4 img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center 78%;
    }
}


/* =========================================================
   02 — SEEKER
========================================================= */

.skj-page .seeker{
    background:
        radial-gradient(
            circle at 35% 35%,
            #2b1d14,
            #110a07 60%
        );
}

.skj-page .seeker-layout{
    display:grid;
    grid-template-columns:1.4fr .6fr;
    gap:6vw;
    align-items:end;
    max-width:1250px;
    margin:auto;
}

.skj-page .seeker .anchor{
    height:78vh;
}

.skj-page .stack{
    display:grid;
    gap:28px;
}

.skj-page .stack .photo{
    height:31vh;
}

/* =========================================================
   03 — PLACES
   EXACT SLIDER

   1 2 3
   3 4 5
   5 6 7

   IMAGE HEIGHT = EXISTING HEIGHT
   NO CROP
========================================================= */


/* =========================================================
   VIEWPORT
========================================================= */

.corridor-wrap{
    width:100%;
    overflow:hidden;

    padding:6vh 3vw 12vh;

    box-sizing:border-box;

    position:relative;
}


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

.corridor{

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:nowrap !important;

    width:max-content !important;

    min-width:max-content !important;

    margin:0 !important;

    padding:0 !important;

    /*
     * SAME GAP EVERYWHERE
     */
    gap:14px !important;

    align-items:flex-start;

    box-sizing:border-box;

    will-change:transform;

    transform:translate3d(0,0,0);
}


/* =========================================================
   EVERY TOP LEVEL ITEM

   Important because some images are inside
   .corridor-item and some are direct figures.
========================================================= */

.corridor > .photo,
.corridor > .corridor-item{

    /*
     * JS will set exact width.
     */
    flex:0 0 auto;

    width:auto;

    min-width:0;

    max-width:none;

    margin:0;

    padding:0;

    box-sizing:border-box;
}


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

   Saptapur / Shantivan / Tapovan
========================================================= */

.corridor > .corridor-item{

    display:block;

    position:relative;

    /*
     * No extra gap inside item
     */
    margin:0 !important;

    padding:0 !important;
}


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

   IMPORTANT:
   Existing image height remains.
========================================================= */

.corridor > .photo,
.corridor > .corridor-item > .photo{

    position:relative;

    width:100%;

    /*
     * DO NOT SET HEIGHT HERE
     *
     * Existing height remains.
     */
    height:auto;

    min-height:0;

    max-height:none;

    margin:0;

    padding:0;

    overflow:visible;

    box-sizing:border-box;

    background:transparent;

    border:0;

    box-shadow:none;

    aspect-ratio:auto;
}


/* =========================================================
   IMAGE

   NO CROP
   ORIGINAL HEIGHT
========================================================= */

.corridor > .photo img,
.corridor > .corridor-item > .photo img{

    display:block !important;

    width:100% !important;

    /*
     * IMPORTANT
     * Height automatically follows original ratio.
     */
    height:auto !important;

    min-height:0 !important;

    max-height:none !important;

    object-fit:initial !important;

    object-position:center !important;

    aspect-ratio:auto !important;

    margin:0 !important;

    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    filter:none !important;

    transform:none !important;

    clip-path:none !important;
}


/* =========================================================
   REMOVE GLOW
========================================================= */

.corridor .glow{

    display:none !important;

}


/* =========================================================
   NOTE
========================================================= */

.corridor .corridor-note{

    margin-top:16px;

    color:#c9b792;

    font:
        italic 14px/1.55
        Georgia,
        serif;

    max-width:100%;
}


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

.corridor-nav{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:22px;

    margin:-4vh 3vw 1.5vh;

    position:relative;

    z-index:6;
}


.corridor-nav button{

    appearance:none;

    border:0;

    background:transparent;

    color:#d0a45d;

    cursor:pointer;

    font:
        500 11px/1
        Inter,
        Arial,
        sans-serif;

    letter-spacing:.24em;

    text-transform:uppercase;

    padding:12px 0;

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


.corridor-nav button:hover,
.corridor-nav button:focus-visible{

    color:#efd39b;

    outline:none;
}


/* =========================================================
   PREVIOUS
========================================================= */

.corridor-nav .corridor-prev{

    font-size:22px;

    letter-spacing:0;

    opacity:0;

    pointer-events:none;

    transform:translateX(8px);
}


.corridor-nav .corridor-prev.show{

    opacity:1;

    pointer-events:auto;

    transform:none;
}


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

.corridor-nav .corridor-next{

    display:flex;

    align-items:center;

    gap:14px;
}


.corridor-nav .corridor-next .arrow{

    font-size:25px;

    line-height:.7;

    letter-spacing:0;

    transition:transform .25s ease;
}


.corridor-nav .corridor-next:hover .arrow,
.corridor-nav .corridor-next:focus-visible .arrow{

    transform:translateX(5px);
}


.corridor-nav .corridor-next.at-end{

    opacity:.28;

    pointer-events:none;
}


/* =========================================================
   IMPORTANT:
   OLD SLIDE SYSTEM DISABLED
========================================================= */

.corridor-slide{

    display:contents !important;

    width:auto !important;

    min-width:0 !important;

    max-width:none !important;
}


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

@media(max-width:1000px){

    .corridor{

        gap:12px !important;

    }

}


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

@media(max-width:800px){

    .corridor-wrap{

        padding-left:3vw;

        padding-right:3vw;
    }


    .corridor{

        gap:10px !important;

    }


    .corridor-nav{

        margin:-3vh 0 1vh;

    }


    .corridor-nav button{

        font-size:10px;

        letter-spacing:.18em;

    }


    .corridor-nav .corridor-next .arrow{

        font-size:22px;

    }


    .corridor .corridor-note{

        font-size:11px;

        line-height:1.5;

    }

}
/* =========================================================
   04 — STILLNESS
========================================================= */

.skj-page .stillness{
    min-height:160vh;
    display:grid;
    place-items:center;
    background:
        radial-gradient(
            ellipse at center,
            #2a1b12 0,
            #110906 62%
        );
    text-align:center;
}

.skj-page .stillness-inner{
    width:min(1050px,88vw);
}

.skj-page .stillness .anchor{
    height:min(75vh,850px);
    width:min(680px,72vw);
    margin:55px auto;
}

.skj-page .stillness .whispers{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8vw;
    max-width:750px;
    margin:10vh auto;
}

.skj-page .stillness .whispers .photo{
    height:330px;
}


/* =========================================================
   INNER LIFE STUDY
========================================================= */
.skj-page .inner-life-study{
    max-width:2800px !important;
    width:100%;
    /* margin:13vh auto 15vh; */
    /* padding:0 3.5vw; */
    /* position:relative; */
}

.skj-page .inner-life-study-head{
    text-align:center;
    margin-bottom:3.6vh;
}

.skj-page .inner-life-study-head span{
    color:#c7a66b;
    font-family:Inter,Arial,sans-serif;
    font-size:11px;
    font-weight:400;
    line-height:1;
    letter-spacing:.28em;
    text-transform:uppercase;
}

.skj-page .inner-life-field{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3.6vw;
    align-items:center;

    padding:6vh 3.4vw 7vh;

    background:
        linear-gradient(
            rgba(16,9,6,.24),
            rgba(16,9,6,.24)
        ) padding-box,

        linear-gradient(
            90deg,
            rgba(18,10,7,.98),
            rgba(74,44,22,.98) 18%,
            rgba(213,169,89,.62) 48%,
            rgba(83,49,24,.98) 72%,
            rgba(17,10,7,.99)
        ) left / 6px 100% no-repeat,

        linear-gradient(
            270deg,
            rgba(18,10,7,.98),
            rgba(74,44,22,.98) 18%,
            rgba(213,169,89,.62) 48%,
            rgba(83,49,24,.98) 72%,
            rgba(17,10,7,.99)
        ) right / 6px 100% no-repeat,

        linear-gradient(
            180deg,
            rgba(14,8,6,.99),
            rgba(71,43,23,.98) 22%,
            rgba(205,160,83,.54) 49%,
            rgba(76,45,23,.96) 72%,
            rgba(13,8,6,.99)
        ) top / 100% 6px no-repeat;

    box-shadow:
        inset 0 18px 34px rgba(0,0,0,.10),
        inset 0 0 54px rgba(0,0,0,.08),
        0 -1px 0 rgba(229,187,105,.10);
}

.skj-page .inner-life-field:before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.72;

    background:
        radial-gradient(
            ellipse at 50% 55%,
            rgba(199,145,72,.09),
            rgba(111,66,34,.028) 42%,
            transparent 72%
        );
}

.skj-page .inner-life-field:after{
    content:'';
    position:absolute;
    left:6%;
    right:6%;
    bottom:-.4vh;
    height:8vh;
    z-index:0;
    pointer-events:none;

    background:
        radial-gradient(
            ellipse at center,
            rgba(195,133,61,.075),
            transparent 68%
        );

    filter:blur(8px);
}


/* =========================================================
   RITUAL IMAGES
   WIDTH INCREASED — HEIGHT SAME
========================================================= */

.skj-page .inner-life-ritual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.7vw;
    align-items:center;
    position:relative;
    z-index:3;
    transform:none;
}

.skj-page .inner-life-ritual .photo{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    box-shadow:0 28px 66px rgba(0,0,0,.44);
    overflow:hidden;
}

.skj-page .inner-life-ritual .photo img{
    width:115%;
    height:auto;
    max-width:none;
    object-fit:contain;
    display:block;
    transform:translateX(-4%);
}


/* =========================================================
   PORTRAITS
   WIDTH INCREASED — HEIGHT SAME
========================================================= */

.skj-page .inner-life-portraits{
    display:grid;
    grid-template-columns:.96fr 1.08fr .94fr;
    gap:1.45vw;
    align-items:end;
    position:relative;
    z-index:3;
    transform:none;
}

.skj-page .inner-life-portraits .photo{
    width:100%;
    height:100%;
    aspect-ratio:auto;
    box-shadow:0 28px 64px rgba(0,0,0,.45);
    align-self:end;
    overflow:hidden;
}

.skj-page .inner-life-portraits .photo img{
    width:108%;
    height:auto;
    max-width:none;
    object-fit:contain;
    display:block;
    transform:translateX(-4%);
}

.skj-page .inner-life-portraits .il-p1,
.skj-page .inner-life-portraits .il-p3{
    margin-bottom:1vh;
}


/* =========================================================
   IMAGE BORDER
========================================================= */

.skj-page .inner-life-field .photo{
    border:1px solid rgba(205,170,103,.28);
}


/* =========================================================
   HORIZON
========================================================= */

.skj-page .inner-life-horizon{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:7px;
    z-index:1;
    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(239,207,142,.92) 0%,
            rgba(188,137,69,.92) 31%,
            rgba(88,49,23,.98) 66%,
            rgba(34,19,12,.98) 100%
        );

    box-shadow:
        0 -1px 0 rgba(255,225,164,.28),
        0 2px 0 rgba(8,5,3,.8),
        0 8px 20px rgba(192,132,59,.10),
        0 18px 44px rgba(0,0,0,.32);
}

.skj-page .inner-life-horizon:before{
    content:'';
    position:absolute;
    left:1.2%;
    right:1.2%;
    top:-5px;
    height:2px;
    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(223,184,112,.16) 8%,
            rgba(236,199,127,.38) 48%,
            rgba(223,184,112,.15) 92%,
            transparent
        );

        width: 100% !important;
    filter:blur(.15px);
}


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

@media (max-width:900px){

    .skj-page .inner-life-study{
        max-width:100%;
    }

    .skj-page .inner-life-field{
        grid-template-columns:1fr;
    }

    .skj-page .inner-life-ritual{
        grid-template-columns:1fr 1fr;
    }

    .skj-page .inner-life-portraits{
        grid-template-columns:1fr 1fr 1fr;
    }

}


@media (max-width:600px){

    .skj-page .inner-life-ritual{
        grid-template-columns:1fr;
    }

    .skj-page .inner-life-portraits{
        grid-template-columns:1fr;
    }

}
/* =========================================================
   05 — TEACHER
========================================================= */

.skj-page .teacher{
    background:
        linear-gradient(
            135deg,
            #21140e,
            #110906 55%,
            #2a180f
        );
}

.skj-page .teacher-wall{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:6vw;
    align-items:center;
    max-width:1250px;
    margin:auto;
}

.skj-page .teacher-wall .photo{
    height:62vh;
}

.skj-page .teacher-minor{
    display:grid;
    grid-template-columns:1fr .82fr 1.12fr;
    gap:22px;
    align-items:center;
    margin-top:30px;
}

.skj-page .teacher-minor .photo{
    height:240px;
}

.skj-page .teacher-minor .photo:nth-child(2){
    height:270px;
    transform:translateY(-10px);
}

.skj-page .teacher-minor .photo:nth-child(3){
    height:230px;
}


/* =========================================================
   06 — PRESENCE
========================================================= */

.skj-page .encounters{
    background:#1a0f0a;
}

.skj-page .curve{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4vw;
    max-width:1200px;
    margin:10vh auto;
}

.skj-page .curve .photo{
    height:54vh;
}

.skj-page .curve .photo:nth-child(2){
    transform:translateY(70px);
}


/* =========================================================
   PRESENCE CONSTELLATION
========================================================= */

.skj-page .presence-constellation{
    position:relative;
    width:min(88vw,1440px);
    height:auto;
    min-height:0;
    max-height:none;
    margin:32vh auto 9vh;
    padding:7vh 4vw 7vh;

    display:grid;
    grid-template-columns:.78fr .92fr 1.18fr .78fr 1.08fr;
    gap:2.25vw;
    align-items:center;

    border:3px solid #7f5a2d;
    border-radius:2px;

    background:
        radial-gradient(
            ellipse at 50% 46%,
            rgba(159,104,47,.055) 0,
            rgba(30,16,10,.025) 48%,
            rgba(8,5,4,0) 78%
        ),
        rgba(8,5,4,.055);

    box-shadow:
        0 0 0 1px rgba(225,181,104,.12),
        inset 0 0 0 1px rgba(19,11,7,.82),
        inset 0 0 46px rgba(0,0,0,.16),
        0 18px 55px rgba(0,0,0,.12);
}

.skj-page .presence-constellation:before{
    content:'';
    position:absolute;
    inset:-3px;
    pointer-events:none;
    border-radius:2px;

    background:
        linear-gradient(
            180deg,
            rgba(244,202,124,.82),
            rgba(129,84,36,.95) 43%,
            rgba(53,31,15,.98) 56%,
            rgba(218,164,81,.72)
        ) top / 100% 3px no-repeat,

        linear-gradient(
            90deg,
            rgba(241,196,113,.70),
            rgba(112,70,29,.96) 44%,
            rgba(45,27,14,.98) 58%,
            rgba(205,150,72,.68)
        ) left / 3px 100% no-repeat,

        linear-gradient(
            270deg,
            rgba(241,196,113,.70),
            rgba(112,70,29,.96) 44%,
            rgba(45,27,14,.98) 58%,
            rgba(205,150,72,.68)
        ) right / 3px 100% no-repeat,

        linear-gradient(
            180deg,
            rgba(58,33,15,.98),
            rgba(137,87,34,.95) 45%,
            rgba(238,188,97,.84) 62%,
            rgba(92,54,23,.96)
        ) bottom / 100% 4px no-repeat;

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.42));
}

.skj-page .presence-constellation .photo{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    transform:none!important;
    box-shadow:0 22px 58px rgba(0,0,0,.36);
}

.skj-page .presence-constellation .photo img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.skj-page .presence-constellation .pc1,
.skj-page .presence-constellation .pc2,
.skj-page .presence-constellation .pc3,
.skj-page .presence-constellation .pc4,
.skj-page .presence-constellation .pc5{
    align-self:center;
}


/* =========================================================
   FINAL V1.17 BALANCE
========================================================= */

.skj-page .presence-constellation .pc2,
.skj-page .presence-constellation .pc5{
    height:390px!important;
    width:100%!important;
    overflow:hidden;
}

.skj-page .presence-constellation .pc2 img,
.skj-page .presence-constellation .pc5 img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}


/* =========================================================
   07 — ANANDA
========================================================= */

.skj-page .ananda{
    min-height:160vh;
    background:
        radial-gradient(
            circle at 50% 48%,
            #382317 0,
            #160c08 45%,
            #0d0806 76%
        );
    overflow:hidden;
}

.skj-page .ananda .intro{
    text-align:center;
    margin:0 auto 5vh;
}

.skj-page .orbit{
    height:1050px;
    max-width:1250px;
    margin:auto;
    position:relative;
}

.skj-page .orbit:before,
.skj-page .orbit:after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    border:1px solid rgba(201,158,91,.28);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-8deg);
}

.skj-page .orbit:before{
    width:80%;
    height:68%;
}

.skj-page .orbit:after{
    width:58%;
    height:88%;
    transform:translate(-50%,-50%) rotate(23deg);
}

.skj-page .orbit .photo{
    position:absolute;
    width:250px;
    height:320px;
    z-index:2;
}

.skj-page .orbit .center{
    width:370px;
    height:500px;
    left:50%;
    top:55%;
    transform:translate(-50%,-50%);
    z-index:4;
}

.skj-page .o1{
    left:5%;
    top:10%;
}

.skj-page .o2{
    right:7%;
    top:8%;
}

.skj-page .o3{
    left:2%;
    bottom:8%;
}

.skj-page .o4{
    right:4%;
    bottom:6%;
}

.skj-page .o5{
    left:39%;
    top:1%;
    width:220px!important;
    height:260px!important;
}


/* =========================================================
   ANANDA REEL
========================================================= */

.skj-page .ananda-reel{
    position:relative;
    width:min(88vw,1380px);
    margin:22vh auto 12vh;
    padding:82px 72px 68px;
    overflow:hidden;

    border-top:1px solid rgba(190,142,69,.50);
    border-bottom:1px solid rgba(190,142,69,.50);

    background:
        linear-gradient(
            180deg,
            rgba(190,142,69,.025),
            rgba(18,11,7,.10),
            rgba(190,142,69,.025)
        );
}

.skj-page .ananda-reel-track{
    display:flex;
    gap:38px;
    width:min(1046px,calc(100% - 120px));
    margin:0 auto;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    scroll-padding-inline:0;
}

.skj-page .ananda-reel-track::-webkit-scrollbar{
    display:none;
}

.skj-page .ananda-reel-track .photo{
    flex:0 0 310px;
    width:310px;
    height:410px;
    scroll-snap-align:center;
}

.skj-page .ananda-reel-track .photo:nth-child(2){
    flex-basis:350px;
    width:350px;
    height:455px;
}

.skj-page .ananda-reel-track .photo:nth-child(4){
    flex-basis:350px;
    width:350px;
    height:390px;
}

.skj-page .ananda-reel-label{
    position:absolute;
    top:24px;
    left:0;
    right:0;
    text-align:center;
    color:#c7a66b;
    font:500 11px/1 Inter,Arial,sans-serif;
    letter-spacing:.28em;
    text-transform:uppercase;
}

.skj-page .ananda-reel::before,
.skj-page .ananda-reel::after{
    content:'';
    position:absolute;
    z-index:5;
    width:54px;
    top:76px;
    bottom:54px;
    pointer-events:none;
}

.skj-page .ananda-reel::before{
    left:0;
    background:
        linear-gradient(
            90deg,
            #120b07 0,
            #120b07 72%,
            rgba(18,11,7,0) 100%
        );
    border-left:1px solid rgba(190,142,69,.46);
}

.skj-page .ananda-reel::after{
    right:0;
    background:
        linear-gradient(
            270deg,
            #120b07 0,
            #120b07 72%,
            rgba(18,11,7,0) 100%
        );
    border-right:1px solid rgba(190,142,69,.46);
}

.skj-page .ananda-reel-arrow{
    position:absolute;
    top:50%;
    width:54px;
    height:54px;
    border:1px solid rgba(190,142,69,.55);
    border-radius:50%;
    background:rgba(12,8,5,.78);
    color:#d5ae6b;
    cursor:pointer;
    transform:translateY(-50%);
    z-index:7;
    font-size:24px;
    line-height:1;
}

.skj-page .ananda-reel-arrow.prev{
    left:18px;
}

.skj-page .ananda-reel-arrow.next{
    right:18px;
}

.skj-page .ananda-reel-count{
    position:absolute;
    right:72px;
    bottom:20px;
    color:#bda77f;
    font:500 10px/1 Inter,Arial,sans-serif;
    letter-spacing:.18em;
}


/* =========================================================
   08 — BEYOND
========================================================= */

.skj-page .beyond{
    background:
        linear-gradient(
            180deg,
            #100806,
            #25140d 55%,
            #100806
        );
}

.skj-page .horizon{
    position:absolute;
    left:0;
    right:0;
    top:53%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #a77b3f 15%,
            #d1a55f 50%,
            #a77b3f 85%,
            transparent
        );
    box-shadow:0 0 22px #9a6d33;
}

.skj-page .world{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5vw;
    max-width:1300px;
    margin:auto;
    position:relative;
    z-index:2;
}

.skj-page .world-expanded{
    grid-template-columns:repeat(3,1fr);
}

.skj-page .world .photo{
    height:420px;
    background:#0f0906;
}

.skj-page .world-card{
    padding-top:60px;
}

.skj-page .world-card:nth-child(2){
    padding-top:0;
}

.skj-page .caption{
    margin-top:18px;
    color:#bfb3a2;
    font-size:12px;
    line-height:1.6;
    letter-spacing:.04em;
}

.skj-page .quote{
    font:italic 20px/1.5 Georgia,serif;
    color:#dbc9aa;
    margin:24px 0 0;
}


/* =========================================================
   09 — CONTINUITY
========================================================= */

.skj-page .continuity{
    background:
        radial-gradient(
            circle at 50% 38%,
            #321d12 0,
            #160c08 58%,
            #0e0806 100%
        );
    padding-bottom:18vh;
}

.skj-page .continuity .intro{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.skj-page .continuity-triad{
    max-width:1380px;
    margin:10vh auto 0;
    display:grid;
    grid-template-columns:1fr 1.18fr .78fr;
    gap:4.5vw;
    align-items:center;
}

.skj-page .continuity-triad .continuity-item{
    min-width:0;
}

.skj-page .continuity-triad .photo{
    height:48vh;
    min-height:390px;
    max-height:520px;
}

.skj-page .continuity-triad .continuity-anchor .photo{
    height:54vh;
    min-height:430px;
    max-height:570px;
}

.skj-page .continuity-triad .continuity-item:last-child .photo{
    height:46vh;
    min-height:370px;
    max-height:500px;
}

.skj-page .continuity-caption{
    margin-top:14px;
    color:#c9b792;
    font:400 11.5px/1.4 Georgia,"Times New Roman",serif;
    letter-spacing:.01em;
    white-space:nowrap;
    text-align:left;
}

.skj-page .continuity-copy{
    max-width:700px;
    margin:8vh auto 0;
    text-align:center;
    color:#c8beaf;
    font:italic 20px/1.65 Georgia,serif;
}

.skj-page .continuity-balbhim{
    margin:12vh auto 0;
    max-width:360px;
}

.skj-page .continuity-balbhim .photo{
    height:50vh;
    max-height:480px;
}


/* =========================================================
   CLOSURE
========================================================= */

.skj-page .journey-closure{
    width:min(760px,72vw);
    margin:2vh auto 12vh;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
}

.skj-page .journey-closure-line{
    flex:1;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(185,147,84,.55),
            transparent
        );
}

.skj-page .journey-closure-lotus{
    color:#c7a66b;
    font-size:15px;
}


/* =========================================================
   10 — SAMADHI
========================================================= */

.skj-page .samadhi-finale{
    min-height:125vh;
    padding:17vh 7vw 19vh;
    background:
        radial-gradient(
            ellipse at 50% 45%,
            #24160f 0,
            #120a07 56%,
            #0b0705 100%
        );
    display:grid;
    place-items:center;
    text-align:center;
}

.skj-page .samadhi-inner{
    width:min(1380px,90vw);
}

.skj-page .samadhi-inner .kicker{
    margin-bottom:24px;
}

.skj-page .samadhi-inner h2{
    font:400 clamp(48px,7vw,104px)/.98 Georgia,serif;
    letter-spacing:-.035em;
    color:var(--skj-ivory);
}

.skj-page .samadhi-photo{
    width:min(1120px,84vw);
    height:auto;
    margin:10vh auto 0;
    background:#0f0906;
    box-shadow:0 38px 100px rgba(0,0,0,.5);
}

.skj-page .samadhi-photo img{
    width:100%;
    height:auto;
    object-fit:contain;
}


/* =========================================================
   FINAL PRESENCE
========================================================= */

.skj-page .finale{
    min-height:120vh;
    display:grid;
    place-items:center;
    text-align:center;
    background:
        radial-gradient(
            circle at 50% 48%,
            #321e13,
            #100906 60%
        );
}

.skj-page .finale-presence{
    min-height:86vh;
    background:
        radial-gradient(
            circle at 50% 48%,
            #321e13,
            #100906 60%
        );
}
.skj-page{
    --skj-ink:#120a07;
    --skj-night:#160c08;
    --skj-warm:#24140d;
    --skj-ivory:#f2eadb;
    --skj-gold:#b99354;
    --skj-line:rgba(202,166,102,.42);
    --skj-muted:#b7ad9d;

    box-sizing:border-box;

    background:
        radial-gradient(
            circle at 50% 16%,
            #2a180f 0,
            #180d09 36%,
            #100906 74%,
            #0b0705 100%
        );

    color:var(--skj-ivory);
    font-family:Inter,Arial,sans-serif;
    overflow-x:hidden;
}

.skj-page *,
.skj-page *::before,
.skj-page *::after{
    box-sizing:border-box;
}

.skj-page h1,
.skj-page h2,
.skj-page h3,
.skj-page p{
    margin:0;
}

.skj-page a{
    color:inherit;
}

.skj-page .serif{
    font-family:Georgia,"Times New Roman",serif;
}

.skj-page .kicker{
    letter-spacing:.28em;
    text-transform:uppercase;
    font-size:11px;
    color:#c7a66b;
}

.skj-page .section-title{
    font:400 clamp(42px,6vw,84px)/.95 Georgia,serif;
    letter-spacing:-.03em;
    color:var(--skj-ivory);
}

.skj-page .sub{
    color:#c8beaf;
    font:400 clamp(16px,1.6vw,22px)/1.6 Georgia,serif;
    font-style:italic;
}


/* =========================================================
   MAIN JOURNEY HERO
   CENTERED CINEMATIC DESIGN
========================================================= */

.skj-page > .hero{
    position:relative !important;

    width:100% !important;
    min-height:100vh !important;
    height:100vh !important;

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

    padding:100px 6vw 120px !important;

    overflow:hidden !important;

    text-align:center !important;

    color:var(--skj-ivory) !important;

    background:
        radial-gradient(
            circle at 50% 28%,
            rgba(116,75,39,.20) 0%,
            rgba(74,43,24,.13) 19%,
            rgba(32,18,11,.08) 39%,
            transparent 66%
        ),
        radial-gradient(
            circle at 50% 0%,
            #382015 0%,
            #21110b 34%,
            #120a07 67%,
            #0b0705 100%
        ) !important;
}


/* =========================================================
   OUTER CIRCLE / ORBIT
========================================================= */

.skj-page > .hero::after{
    content:"";

    position:absolute !important;

    width:min(760px,70vw);
    height:min(760px,70vw);

    left:50%;
    top:50%;

    transform:translate(-50%,-55%);

    border:1px solid rgba(185,147,84,.095);

    border-radius:50%;

    box-shadow:
        0 0 70px rgba(185,147,84,.045),
        inset 0 0 80px rgba(185,147,84,.025);

    pointer-events:none;

    z-index:0;
}


/* =========================================================
   INNER GLOW CIRCLE
========================================================= */

.skj-page > .hero::before{
    content:"";

    position:absolute !important;

    width:min(560px,58vw);
    height:min(560px,58vw);

    left:50%;
    top:50%;

    transform:translate(-50%,-58%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(185,147,84,.19) 0%,
            rgba(185,147,84,.105) 22%,
            rgba(185,147,84,.045) 42%,
            rgba(185,147,84,.015) 58%,
            transparent 74%
        );

    filter:blur(2px);

    pointer-events:none;

    z-index:0;
}


/* =========================================================
   HERO CENTER CONTENT
========================================================= */

.skj-page > .hero .hero-copy{
    position:relative !important;

    z-index:3 !important;

    width:min(900px,88vw) !important;

    margin:0 auto !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}


/* =========================================================
   SMALL GOLD LINE ABOVE KICKER
========================================================= */

.skj-page > .hero .hero-copy::before{
    content:"";

    display:block;

    width:46px;
    height:1px;

    margin:0 auto 25px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--skj-gold),
            transparent
        );

    opacity:.8;
}


/* =========================================================
   KICKER
========================================================= */

.skj-page > .hero .kicker{
    position:relative;

    margin:0 0 27px !important;

    color:#c7a66b !important;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:10px !important;

    font-weight:500;

    line-height:1.5;

    letter-spacing:.30em !important;

    text-transform:uppercase;

    text-align:center !important;
}


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

.skj-page > .hero h1{
    position:relative !important;

    z-index:2;

    max-width:900px;

    margin:0 auto !important;

    color:var(--skj-ivory) !important;

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

    font-size:clamp(66px,9vw,132px) !important;

    font-weight:400 !important;

    line-height:.88 !important;

    letter-spacing:-.055em !important;

    text-align:center !important;
}


/* =========================================================
   TITLE LINE BREAK
========================================================= */

.skj-page > .hero h1 br{
    display:block;
}


/* =========================================================
   SUBTITLE / DESCRIPTION
========================================================= */

.skj-page > .hero .sub{
    position:relative;

    max-width:700px !important;

    margin:35px auto 0 !important;

    color:#c8beaf !important;

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

    font-size:clamp(16px,1.5vw,21px) !important;

    font-weight:400;

    font-style:italic !important;

    line-height:1.65 !important;

    text-align:center !important;
}


/* =========================================================
   SOFT LIGHT BEHIND TITLE
========================================================= */

.skj-page > .hero .hero-copy::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    left:50%;
    top:48%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,169,94,.075),
            rgba(212,169,94,.025) 38%,
            transparent 72%
        );

    filter:blur(12px);

    pointer-events:none;

    z-index:-1;
}


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

.skj-page > .hero .scrollcue{
    position:absolute !important;

    left:50% !important;
    bottom:38px !important;

    transform:translateX(-50%) !important;

    z-index:5 !important;

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

    width:max-content;

    color:rgba(185,147,84,.85) !important;

    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:9px !important;

    font-weight:500;

    line-height:1;

    letter-spacing:.28em !important;

    text-transform:uppercase;

    text-align:center;
}


/* =========================================================
   SCROLL CUE LEFT LINE
========================================================= */

.skj-page > .hero .scrollcue::before{
    content:"";

    display:block;

    width:42px;
    height:1px;

    margin-right:14px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(185,147,84,.55)
        );
}


/* =========================================================
   SCROLL CUE RIGHT LINE
========================================================= */

.skj-page > .hero .scrollcue::after{
    content:"";

    display:block;

    width:42px;
    height:1px;

    margin-left:14px;

    background:
        linear-gradient(
            90deg,
            rgba(185,147,84,.55),
            transparent
        );
}


/* =========================================================
   HERO — TABLET
========================================================= */

@media(max-width:900px){

    .skj-page > .hero{
        min-height:88vh !important;
        height:88vh !important;

        padding:
            90px
            6vw
            100px !important;
    }

    .skj-page > .hero::after{
        width:600px;
        height:600px;

        transform:translate(-50%,-55%);
    }

    .skj-page > .hero::before{
        width:440px;
        height:440px;

        transform:translate(-50%,-58%);
    }

    .skj-page > .hero .hero-copy{
        width:88vw !important;
    }

    .skj-page > .hero .kicker{
        font-size:9px !important;
        letter-spacing:.24em !important;
    }

    .skj-page > .hero h1{
        font-size:clamp(54px,11vw,96px) !important;
        line-height:.9 !important;
    }

    .skj-page > .hero .sub{
        max-width:620px !important;
        margin-top:28px !important;
        font-size:17px !important;
        line-height:1.6 !important;
    }
}


/* =========================================================
   HERO — MOBILE
========================================================= */

@media(max-width:600px){

    .skj-page > .hero{
        min-height:82vh !important;
        height:82vh !important;

        padding:
            80px
            6vw
            90px !important;
    }

    .skj-page > .hero::after{
        width:430px;
        height:430px;

        transform:translate(-50%,-58%);
    }

    .skj-page > .hero::before{
        width:310px;
        height:310px;

        transform:translate(-50%,-61%);
    }

    .skj-page > .hero .hero-copy{
        width:100% !important;
    }

    .skj-page > .hero .hero-copy::before{
        width:34px;
        margin-bottom:20px;
    }

    .skj-page > .hero .kicker{
        max-width:330px;

        margin-bottom:21px !important;

        font-size:8px !important;

        line-height:1.7;

        letter-spacing:.18em !important;
    }

    .skj-page > .hero h1{
        max-width:360px;

        font-size:
            clamp(
                45px,
                13.5vw,
                72px
            ) !important;

        line-height:.92 !important;

        letter-spacing:-.045em !important;
    }

    .skj-page > .hero .sub{
        max-width:330px !important;

        margin-top:24px !important;

        font-size:15px !important;

        line-height:1.55 !important;
    }

    .skj-page > .hero .hero-copy::after{
        width:280px;
        height:280px;
    }

    .skj-page > .hero .scrollcue{
        bottom:23px !important;

        font-size:7px !important;

        letter-spacing:.16em !important;
    }

    .skj-page > .hero .scrollcue::before,
    .skj-page > .hero .scrollcue::after{
        width:22px;
    }

    .skj-page > .hero .scrollcue::before{
        margin-right:8px;
    }

    .skj-page > .hero .scrollcue::after{
        margin-left:8px;
    }
}


/* =========================================================
   PHOTO GALLERY HERO
   MATCHES THE GREAT SHARANAS HERO
========================================================= */

/* .skj-page .sk-hero{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
    color:#fff;
    background:transparent;
} */
 .skj-page .sk-hero{
    position:relative;
    width:100%;
    height:560px;
    overflow:hidden;
    color:#fff;
    background:transparent;
}

/* .skj-page .sk-hero__image{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
    object-position:center center;
} */

.skj-page .sk-hero__image{
    display:block;
    width:100%;
    height:500px !important;
    object-fit:cover;
    object-position:center center;
}
.skj-page .sk-hero::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(15,12,10,.76) 0%,
            rgba(15,12,10,.42) 37%,
            rgba(15,12,10,.04) 68%
        );

    pointer-events:none;
    z-index:1;
}

.skj-page .sk-hero__content{
    position:absolute;
    left:4.2vw;
    top:50%;
    transform:translateY(-55%);
    width:min(620px,50vw);
    color:#fff;
    z-index:2;
    padding:0;
}

/* .skj-page .sk-breadcrumb{
    font-family:Georgia,"Times New Roman",serif;
    font-size:14px;
    margin-bottom:58px;
    color:#f3eee7;
} */

.skj-page .sk-breadcrumb{
    font-family:Georgia,"Times New Roman",serif;
    font-size:13px;
    line-height:1;
    margin-bottom:30px;
    color:#f3eee7;
}

.skj-page .sk-breadcrumb span{
    padding:0 8px;
    color:#d3aa62;
}

.skj-page .sk-breadcrumb a{
    color:#f3eee7;
    text-decoration:none;
}

.skj-page .sk-hero h1{
    font-family:Georgia,"Times New Roman",serif;
    font-size:68px;
    font-weight:400;
    line-height:1;
    margin:0 0 14px;
    color:#fff;
}

.skj-page .sk-hero__descriptor{
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    color:#e0b451;
    margin:0 0 16px;
    letter-spacing:.01em;
}

.skj-page .sk-hero__intro{
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    line-height:1.45;
    max-width:550px;
    margin:0;
    color:#f4eee5;
}

.skj-page .sk-gold-rule{
    display:block;
    width:72px;
    height:3px;
    background:#d2a23c;
    margin-top:24px;
}


/* =========================================================
   PHOTO GALLERY HERO — TABLET / SMALL DESKTOP
========================================================= */

@media(max-width:1550px) and (min-width:901px){

    .skj-page .sk-hero{
        height:auto;
    }

    .skj-page .sk-hero__content{
        left:4.2vw;
        top:50%;
        transform:translateY(-55%);
        width:min(620px,50vw);
        padding:0;
    }

    .skj-page .sk-breadcrumb{
        margin-bottom:48px;
        font-size:13px;
    }

    .skj-page .sk-hero h1{
        font-size:58px;
    }

    .skj-page .sk-hero__descriptor{
        font-size:22px;
    }

    .skj-page .sk-hero__intro{
        font-size:16px;
        max-width:500px;
        width:auto;
    }

    .skj-page .sk-gold-rule{
        margin-top:20px;
    }
}


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

.skj-page section{
    position:relative;
}

.skj-page .movement{
    min-height:120vh;
    padding:14vh 7vw;
}

.skj-page .intro{
    max-width:720px;
    margin-bottom:10vh;
}

.skj-page .intro .kicker{
    margin-bottom:18px;
}

.skj-page .intro .sub{
    margin-top:22px;
    max-width:590px;
}

.skj-page .photo{
    position:relative;
    margin:0;
    cursor:zoom-in;
    background:#0f0906;
    box-shadow:0 35px 90px rgba(0,0,0,.45);
    overflow:hidden;
}

.skj-page .photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:#0f0906;
    filter:none!important;
}

.skj-page .photo .glow{
    position:absolute;
    inset:0;
    box-shadow:
        inset 0 0 0 1px rgba(222,186,120,.25),
        inset 0 0 50px rgba(212,159,75,.05);
    pointer-events:none;
}

.skj-page .brass{
    padding:10px;
    border-left:5px solid #8c6b38;
    border-right:5px solid #8c6b38;
    background:
        linear-gradient(
            90deg,
            #6e5129,
            #c09a58,
            #73532c
        );
    box-shadow:0 0 30px rgba(184,137,64,.15);
}

.skj-page .brass img{
    border:1px solid #30261b;
}

.skj-page .portrait{
    aspect-ratio:3/4;
}

.skj-page .landscape{
    aspect-ratio:4/3;
}


/* =========================================================
   01 — BEGINNINGS
========================================================= */

.skj-page .beginnings{
    background:
        linear-gradient(
            180deg,
            #120b08,
            #24150e 50%,
            #120a07
        );
}

.skj-page .path{
    position:absolute;
    left:50%;
    top:20%;
    height:70%;
    width:1px;
    background:
        linear-gradient(
            transparent,
            #b28b4c 20%,
            #b28b4c 80%,
            transparent
        );
    box-shadow:0 0 28px #8d6734;
}

.skj-page .stage-grid{
    display:grid;
    grid-template-columns:1.15fr .8fr;
    gap:8vw;
    align-items:center;
    max-width:1250px;
    margin:auto;
}

.skj-page .milestone{
    padding:40px 0 40px 40px;
    border-left:1px solid var(--skj-line);
}

.skj-page .milestone b{
    display:block;
    font:400 34px Georgia,serif;
    margin:8px 0;
}

.skj-page .milestone small{
    display:block;
    color:#bcb09f;
    line-height:1.7;
    max-width:560px;
}


/* =========================================================
   ARCHIVAL STUDY
========================================================= */

.skj-page .archival-study{
    position:relative;
    max-width:1420px;
    margin:15vh auto 16vh;
    padding:0 4vw;
}

.skj-page .archival-study-head{
    text-align:center;
    margin-bottom:6vh;
}

.skj-page .archival-study-head .kicker{
    color:#c7a66b;
}

.skj-page .archival-study-wall{
    position:relative;
    display:grid;
    /* grid-template-columns:.82fr .94fr 1.08fr .68fr .86fr .86fr; */
        grid-template-columns:.82fr .94fr 1.08fr 1.08fr .86fr .86fr;
    gap:2.35vw;
    align-items:end;
    min-height:430px;
    padding:5.8vh 3.4vw 6vh;
    isolation:isolate;

    background:
        radial-gradient(
            ellipse at 50% -8%,
            rgba(226,183,105,.115) 0,
            rgba(199,154,82,.055) 31%,
            rgba(80,44,25,.018) 55%,
            transparent 74%
        );

    box-shadow:
        0 28px 90px rgba(0,0,0,.14);
}

.skj-page .archival-study-wall:before{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:5;
    border:0;

    background:
        linear-gradient(
            180deg,
            rgba(79,48,22,.82) 0%,
            rgba(232,195,121,.92) 34%,
            rgba(174,128,63,.78) 62%,
            rgba(69,41,19,.88) 100%
        ) top / 100% 4px no-repeat,

        linear-gradient(
            90deg,
            rgba(70,42,19,.88) 0%,
            rgba(224,187,111,.88) 42%,
            rgba(125,88,41,.72) 72%,
            rgba(62,37,18,.88) 100%
        ) left / 4px 100% no-repeat,

        linear-gradient(
            270deg,
            rgba(70,42,19,.88) 0%,
            rgba(224,187,111,.88) 42%,
            rgba(125,88,41,.72) 72%,
            rgba(62,37,18,.88) 100%
        ) right / 4px 100% no-repeat;

    box-shadow:
        inset 0 1px 0 rgba(255,231,179,.10);

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.38));
}

.skj-page .archival-study-wall:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:7px;
    pointer-events:none;
    z-index:6;

    background:
        linear-gradient(
            180deg,
            rgba(72,43,20,.94) 0%,
            rgba(157,112,53,.96) 18%,
            rgba(239,201,123,.98) 43%,
            rgba(179,132,66,.95) 64%,
            rgba(75,45,21,.96) 100%
        );

    border-radius:999px;

    box-shadow:
        0 3px 7px rgba(0,0,0,.48),
        0 0 13px rgba(209,164,88,.09),
        inset 0 1px 0 rgba(255,232,181,.24);
}

.skj-page .archival-study-wall .photo{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    align-self:end;
    border:1px solid rgba(207,172,108,.26);

    box-shadow:
        0 24px 58px rgba(0,0,0,.42),
        0 0 22px rgba(205,157,81,.035);
}

.skj-page .archival-study-wall .photo img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.skj-page .archival-study-wall .photo.brass{
    border-color:rgba(207,172,108,.30);
}

.skj-page .archival-study-wall .ap1,
.skj-page .archival-study-wall .ap2,
.skj-page .archival-study-wall .ap3,
.skj-page .archival-study-wall .ap4,
.skj-page .archival-study-wall .ap5,
.skj-page .archival-study-wall .ap6{
    margin-bottom:0;
}

.skj-page .archival-datum{
    display:none;
}


/* =========================================================
   V1.17 — FINAL BALANCE
========================================================= */

@media(min-width:801px){

    .skj-page .archival-study-wall .ap3,
    .skj-page .archival-study-wall .ap4{
        height:365px!important;
        align-self:end;
        overflow:hidden;
    }

    .skj-page .archival-study-wall .ap3 img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center;
    }

    .skj-page .archival-study-wall .ap4 img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center 78%;
    }
}


/* =========================================================
   02 — SEEKER
========================================================= */

.skj-page .seeker{
    background:
        radial-gradient(
            circle at 35% 35%,
            #2b1d14,
            #110a07 60%
        );
}

.skj-page .seeker-layout{
    display:grid;
    grid-template-columns:1.4fr .6fr;
    gap:6vw;
    align-items:end;
    max-width:1250px;
    margin:auto;
}

.skj-page .seeker .anchor{
    height:78vh;
}

.skj-page .stack{
    display:grid;
    gap:28px;
}

.skj-page .stack .photo{
    height:31vh;
}


/* =========================================================
   03 — PLACES
========================================================= */

.skj-page .places{
    background:
        linear-gradient(
            180deg,
            #110906,
            #28170f,
            #120a07
        );
}

.skj-page .corridor{
    display:flex;
    gap:7vw;
    align-items:center;
    min-width:1700px;
    padding:6vh 3vw 12vh;
}

.skj-page .corridor .photo{
    width:340px;
    height:440px;
    flex:0 0 auto;
}

.skj-page .corridor .wide{
    width:520px;
    height:350px;
}

.skj-page .corridor-item{
    width:520px;
    flex:0 0 auto;
}

.skj-page .corridor-item .photo{
    width:100%;
}

.skj-page .corridor-note{
    margin-top:16px;
    color:#c9b792;
    font:italic 14px/1.55 Georgia,serif;
    max-width:500px;
}

.skj-page .corridor-wrap{
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:20px;
    overscroll-behavior-inline:contain;
}

.skj-page .corridor-wrap::-webkit-scrollbar{
    display:none;
}


/* =========================================================
   SECTION 03 — NAVIGATION
========================================================= */

.skj-page .corridor-nav{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:22px;
    margin:-4vh 3vw 1.5vh;
    position:relative;
    z-index:6;
}

.skj-page .corridor-nav button{
    appearance:none;
    border:0;
    background:transparent;
    color:#d0a45d;
    cursor:pointer;
    font:500 11px/1 Inter,Arial,sans-serif;
    letter-spacing:.24em;
    text-transform:uppercase;
    padding:12px 0;

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

.skj-page .corridor-nav button:hover,
.skj-page .corridor-nav button:focus-visible{
    color:#efd39b;
    outline:none;
}

.skj-page .corridor-nav .corridor-prev{
    font-size:22px;
    letter-spacing:0;
    opacity:0;
    pointer-events:none;
    transform:translateX(8px);
}

.skj-page .corridor-nav .corridor-prev.show{
    opacity:1;
    pointer-events:auto;
    transform:none;
}

.skj-page .corridor-nav .corridor-next{
    display:flex;
    align-items:center;
    gap:14px;
}

.skj-page .corridor-nav .corridor-next .arrow{
    font-size:25px;
    line-height:.7;
    letter-spacing:0;
    transition:transform .25s ease;
}

.skj-page .corridor-nav .corridor-next:hover .arrow,
.skj-page .corridor-nav .corridor-next:focus-visible .arrow{
    transform:translateX(5px);
}

.skj-page .corridor-nav .corridor-next.at-end{
    opacity:.28;
    pointer-events:none;
}


/* =========================================================
   04 — STILLNESS
========================================================= */

.skj-page .stillness{
    min-height:160vh;
    display:grid;
    place-items:center;
    background:
        radial-gradient(
            ellipse at center,
            #2a1b12 0,
            #110906 62%
        );
    text-align:center;
}

.skj-page .stillness-inner{
    width:min(1050px,88vw);
}

.skj-page .stillness .anchor{
    height:min(75vh,850px);
    width:min(680px,72vw);
    margin:55px auto;
}

.skj-page .stillness .whispers{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8vw;
    max-width:750px;
    margin:10vh auto;
}

.skj-page .stillness .whispers .photo{
    height:330px;
}


/* =========================================================
   INNER LIFE STUDY
========================================================= */

.skj-page .inner-life-study{
    max-width:1480px;
    margin:13vh auto 15vh;
    padding:0 3.5vw;
    position:relative;
}

.skj-page .inner-life-study-head{
    text-align:center;
    margin-bottom:3.6vh;
}

.skj-page .inner-life-study-head span{
    color:#c7a66b;
    font-family:Inter,Arial,sans-serif;
    font-size:11px;
    font-weight:400;
    line-height:1;
    letter-spacing:.28em;
    text-transform:uppercase;
}

.skj-page .inner-life-field{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3.6vw;
    align-items:center;

    padding:6vh 3.4vw 7vh;

    background:
        linear-gradient(
            rgba(16,9,6,.24),
            rgba(16,9,6,.24)
        ) padding-box,

        linear-gradient(
            90deg,
            rgba(18,10,7,.98),
            rgba(74,44,22,.98) 18%,
            rgba(213,169,89,.62) 48%,
            rgba(83,49,24,.98) 72%,
            rgba(17,10,7,.99)
        ) left / 6px 100% no-repeat,

        linear-gradient(
            270deg,
            rgba(18,10,7,.98),
            rgba(74,44,22,.98) 18%,
            rgba(213,169,89,.62) 48%,
            rgba(83,49,24,.98) 72%,
            rgba(17,10,7,.99)
        ) right / 6px 100% no-repeat,

        linear-gradient(
            180deg,
            rgba(14,8,6,.99),
            rgba(71,43,23,.98) 22%,
            rgba(205,160,83,.54) 49%,
            rgba(76,45,23,.96) 72%,
            rgba(13,8,6,.99)
        ) top / 100% 6px no-repeat;

    box-shadow:
        inset 0 18px 34px rgba(0,0,0,.10),
        inset 0 0 54px rgba(0,0,0,.08),
        0 -1px 0 rgba(229,187,105,.10);
}

.skj-page .inner-life-field:before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.72;

    background:
        radial-gradient(
            ellipse at 50% 55%,
            rgba(199,145,72,.09),
            rgba(111,66,34,.028) 42%,
            transparent 72%
        );
}

.skj-page .inner-life-field:after{
    content:'';
    position:absolute;
    left:6%;
    right:6%;
    bottom:-.4vh;
    height:8vh;
    z-index:0;
    pointer-events:none;

    background:
        radial-gradient(
            ellipse at center,
            rgba(195,133,61,.075),
            transparent 68%
        );

    filter:blur(8px);
}

.skj-page .inner-life-ritual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.7vw;
    align-items:center;
    position:relative;
    z-index:3;
    transform:none;
}

.skj-page .inner-life-ritual .photo{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    overflow:visible;
    box-shadow:0 28px 66px rgba(0,0,0,.44);
}

.skj-page .inner-life-ritual .photo img{
    width:105%;
    height:auto;
    max-width:none;
    object-fit:contain;
    object-position:center;
    display:block;
    transform:translateX(-2.5%);
}

.skj-page .inner-life-portraits{
    display:grid;
    grid-template-columns:.96fr 1.08fr .94fr;
    gap:1.45vw;
    align-items:end;
    position:relative;
    z-index:3;
    transform:none;
}

.skj-page .inner-life-portraits .photo{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    box-shadow:0 28px 64px rgba(0,0,0,.45);
    align-self:end;
}

.skj-page .inner-life-portraits .photo img{
    /* width:100%;
    height:auto;
    object-fit:contain;
     */

      width:108%;
    height:auto;
    max-width:none;
    object-fit:contain;
    display:block;
    transform:translateX(-4%);
}

.skj-page .inner-life-portraits .il-p1,
.skj-page .inner-life-portraits .il-p3{
    margin-bottom:1vh;
}

.skj-page .inner-life-field .photo{
    border:1px solid rgba(205,170,103,.28);
}

.skj-page .inner-life-horizon{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:7px;
    z-index:1;
    border-radius:999px;

    background:
        linear-gradient(
            180deg,
            rgba(239,207,142,.92) 0%,
            rgba(188,137,69,.92) 31%,
            rgba(88,49,23,.98) 66%,
            rgba(34,19,12,.98) 100%
        );

    box-shadow:
        0 -1px 0 rgba(255,225,164,.28),
        0 2px 0 rgba(8,5,3,.8),
        0 8px 20px rgba(192,132,59,.10),
        0 18px 44px rgba(0,0,0,.32);
}

.skj-page .inner-life-horizon:before{
    content:'';
    position:absolute;
    left:1.2%;
    right:1.2%;
    top:-5px;
    height:2px;
    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(223,184,112,.16) 8%,
            rgba(236,199,127,.38) 48%,
            rgba(223,184,112,.15) 92%,
            transparent
        );

    filter:blur(.15px);
}

/* =========================================================
   A QUIET INNER LIFE — BOX SIZE INCREASE
========================================================= */

.skj-page .inner-life-study{
    max-width:1950px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:2vw !important;
    padding-right:2vw !important;
    box-sizing:border-box !important;
}

.skj-page .inner-life-field{
    width:100% !important;
    padding-left:4vw !important;
    padding-right:4vw !important;
    box-sizing:border-box !important;
}
/* =========================================================
   05 — TEACHER
========================================================= */

.skj-page .teacher{
    background:
        linear-gradient(
            135deg,
            #21140e,
            #110906 55%,
            #2a180f
        );
}

.skj-page .teacher-wall{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:6vw;
    align-items:center;
    max-width:1250px;
    margin:auto;
}

.skj-page .teacher-wall .photo{
    height:62vh;
}

.skj-page .teacher-minor{
    display:grid;
    grid-template-columns:1fr .82fr 1.12fr;
    gap:22px;
    align-items:center;
    margin-top:30px;
}

.skj-page .teacher-minor .photo{
    height:240px;
}

.skj-page .teacher-minor .photo:nth-child(2){
    height:270px;
    transform:translateY(-10px);
}

.skj-page .teacher-minor .photo:nth-child(3){
    height:230px;
}


/* =========================================================
   06 — PRESENCE
========================================================= */

.skj-page .encounters{
    background:#1a0f0a;
}

.skj-page .curve{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4vw;
    max-width:1200px;
    margin:10vh auto;
}

.skj-page .curve .photo{
    height:54vh;
}

.skj-page .curve .photo:nth-child(2){
    transform:translateY(70px);
}


/* =========================================================
   PRESENCE CONSTELLATION
========================================================= */

.skj-page .presence-constellation{
    position:relative;
    width:min(88vw,1440px);
    height:auto;
    min-height:0;
    max-height:none;
    margin:32vh auto 9vh;
    padding:7vh 4vw 7vh;

    display:grid;
    grid-template-columns:.78fr .92fr 1.18fr .78fr 1.08fr;
    gap:2.25vw;
    align-items:center;

    border:3px solid #7f5a2d;
    border-radius:2px;

    background:
        radial-gradient(
            ellipse at 50% 46%,
            rgba(159,104,47,.055) 0,
            rgba(30,16,10,.025) 48%,
            rgba(8,5,4,0) 78%
        ),
        rgba(8,5,4,.055);

    box-shadow:
        0 0 0 1px rgba(225,181,104,.12),
        inset 0 0 0 1px rgba(19,11,7,.82),
        inset 0 0 46px rgba(0,0,0,.16),
        0 18px 55px rgba(0,0,0,.12);
}

.skj-page .presence-constellation:before{
    content:'';
    position:absolute;
    inset:-3px;
    pointer-events:none;
    border-radius:2px;

    background:
        linear-gradient(
            180deg,
            rgba(244,202,124,.82),
            rgba(129,84,36,.95) 43%,
            rgba(53,31,15,.98) 56%,
            rgba(218,164,81,.72)
        ) top / 100% 3px no-repeat,

        linear-gradient(
            90deg,
            rgba(241,196,113,.70),
            rgba(112,70,29,.96) 44%,
            rgba(45,27,14,.98) 58%,
            rgba(205,150,72,.68)
        ) left / 3px 100% no-repeat,

        linear-gradient(
            270deg,
            rgba(241,196,113,.70),
            rgba(112,70,29,.96) 44%,
            rgba(45,27,14,.98) 58%,
            rgba(205,150,72,.68)
        ) right / 3px 100% no-repeat,

        linear-gradient(
            180deg,
            rgba(58,33,15,.98),
            rgba(137,87,34,.95) 45%,
            rgba(238,188,97,.84) 62%,
            rgba(92,54,23,.96)
        ) bottom / 100% 4px no-repeat;

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.42));
}

.skj-page .presence-constellation .photo{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    transform:none!important;
    box-shadow:0 22px 58px rgba(0,0,0,.36);
}

.skj-page .presence-constellation .photo img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.skj-page .presence-constellation .pc1,
.skj-page .presence-constellation .pc2,
.skj-page .presence-constellation .pc3,
.skj-page .presence-constellation .pc4,
.skj-page .presence-constellation .pc5{
    align-self:center;
}


/* =========================================================
   FINAL V1.17 BALANCE
========================================================= */

.skj-page .presence-constellation .pc2,
.skj-page .presence-constellation .pc5{
    height:390px!important;
    width:100%!important;
    overflow:hidden;
}

.skj-page .presence-constellation .pc2 img,
.skj-page .presence-constellation .pc5 img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}


/* =========================================================
   07 — ANANDA
========================================================= */

.skj-page .ananda{
    min-height:160vh;
    background:
        radial-gradient(
            circle at 50% 48%,
            #382317 0,
            #160c08 45%,
            #0d0806 76%
        );
    overflow:hidden;
}

.skj-page .ananda .intro{
    text-align:center;
    margin:0 auto 5vh;
}

.skj-page .orbit{
    height:1050px;
    max-width:1250px;
    margin:auto;
    position:relative;
}

.skj-page .orbit:before,
.skj-page .orbit:after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    border:1px solid rgba(201,158,91,.28);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-8deg);
}

.skj-page .orbit:before{
    width:80%;
    height:68%;
}

.skj-page .orbit:after{
    width:58%;
    height:88%;
    transform:translate(-50%,-50%) rotate(23deg);
}

.skj-page .orbit .photo{
    position:absolute;
    width:250px;
    height:320px;
    z-index:2;
}

.skj-page .orbit .center{
    width:370px;
    height:500px;
    left:50%;
    top:55%;
    transform:translate(-50%,-50%);
    z-index:4;
}

.skj-page .o1{
    left:5%;
    top:10%;
}

.skj-page .o2{
    right:7%;
    top:8%;
}

.skj-page .o3{
    left:2%;
    bottom:8%;
}

.skj-page .o4{
    right:4%;
    bottom:6%;
}

.skj-page .o5{
    left:39%;
    top:1%;
    width:220px!important;
    height:260px!important;
}


/* =========================================================
   ANANDA REEL
========================================================= */

.skj-page .ananda-reel{
    position:relative;
    width:min(88vw,1380px);
    margin:22vh auto 12vh;
    padding:82px 72px 68px;
    overflow:hidden;

    border-top:1px solid rgba(190,142,69,.50);
    border-bottom:1px solid rgba(190,142,69,.50);

    background:
        linear-gradient(
            180deg,
            rgba(190,142,69,.025),
            rgba(18,11,7,.10),
            rgba(190,142,69,.025)
        );
}

.skj-page .ananda-reel-track{
    display:flex;
    gap:38px;
    width:min(1046px,calc(100% - 120px));
    margin:0 auto;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    scroll-padding-inline:0;
}

.skj-page .ananda-reel-track::-webkit-scrollbar{
    display:none;
}

.skj-page .ananda-reel-track .photo{
    flex:0 0 310px;
    width:310px;
    height:410px;
    scroll-snap-align:center;
}

.skj-page .ananda-reel-track .photo:nth-child(2){
    flex-basis:350px;
    width:350px;
    height:455px;
}

.skj-page .ananda-reel-track .photo:nth-child(4){
    flex-basis:350px;
    width:350px;
    height:390px;
}

.skj-page .ananda-reel-label{
    position:absolute;
    top:24px;
    left:0;
    right:0;
    text-align:center;
    color:#c7a66b;
    font:500 11px/1 Inter,Arial,sans-serif;
    letter-spacing:.28em;
    text-transform:uppercase;
}

.skj-page .ananda-reel::before,
.skj-page .ananda-reel::after{
    content:'';
    position:absolute;
    z-index:5;
    width:54px;
    top:76px;
    bottom:54px;
    pointer-events:none;
}

.skj-page .ananda-reel::before{
    left:0;
    background:
        linear-gradient(
            90deg,
            #120b07 0,
            #120b07 72%,
            rgba(18,11,7,0) 100%
        );
    border-left:1px solid rgba(190,142,69,.46);
}

.skj-page .ananda-reel::after{
    right:0;
    background:
        linear-gradient(
            270deg,
            #120b07 0,
            #120b07 72%,
            rgba(18,11,7,0) 100%
        );
    border-right:1px solid rgba(190,142,69,.46);
}

.skj-page .ananda-reel-arrow{
    position:absolute;
    top:50%;
    width:54px;
    height:54px;
    border:1px solid rgba(190,142,69,.55);
    border-radius:50%;
    background:rgba(12,8,5,.78);
    color:#d5ae6b;
    cursor:pointer;
    transform:translateY(-50%);
    z-index:7;
    font-size:24px;
    line-height:1;
}

.skj-page .ananda-reel-arrow.prev{
    left:18px;
}

.skj-page .ananda-reel-arrow.next{
    right:18px;
}

.skj-page .ananda-reel-count{
    position:absolute;
    right:72px;
    bottom:20px;
    color:#bda77f;
    font:500 10px/1 Inter,Arial,sans-serif;
    letter-spacing:.18em;
}


/* =========================================================
   08 — BEYOND
========================================================= */

.skj-page .beyond{
    background:
        linear-gradient(
            180deg,
            #100806,
            #25140d 55%,
            #100806
        );
}

.skj-page .horizon{
    position:absolute;
    left:0;
    right:0;
    top:53%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #a77b3f 15%,
            #d1a55f 50%,
            #a77b3f 85%,
            transparent
        );
    box-shadow:0 0 22px #9a6d33;
}

.skj-page .world{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5vw;
    max-width:1300px;
    margin:auto;
    position:relative;
    z-index:2;
}

.skj-page .world-expanded{
    grid-template-columns:repeat(3,1fr);
}

.skj-page .world .photo{
    height:420px;
    background:#0f0906;
}

.skj-page .world-card{
    padding-top:60px;
}

.skj-page .world-card:nth-child(2){
    padding-top:0;
}

.skj-page .caption{
    margin-top:18px;
    color:#bfb3a2;
    font-size:12px;
    line-height:1.6;
    letter-spacing:.04em;
}

.skj-page .quote{
    font:italic 20px/1.5 Georgia,serif;
    color:#dbc9aa;
    margin:24px 0 0;
}


/* =========================================================
   09 — CONTINUITY
========================================================= */

.skj-page .continuity{
    background:
        radial-gradient(
            circle at 50% 38%,
            #321d12 0,
            #160c08 58%,
            #0e0806 100%
        );
    padding-bottom:18vh;
}

.skj-page .continuity .intro{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.skj-page .continuity-triad{
    max-width:1380px;
    margin:10vh auto 0;
    display:grid;
    grid-template-columns:1fr 1.18fr .78fr;
    gap:4.5vw;
    align-items:center;
}

.skj-page .continuity-triad .continuity-item{
    min-width:0;
}

.skj-page .continuity-triad .photo{
    height:48vh;
    min-height:390px;
    max-height:520px;
}

.skj-page .continuity-triad .continuity-anchor .photo{
    height:54vh;
    min-height:430px;
    max-height:570px;
}

.skj-page .continuity-triad .continuity-item:last-child .photo{
    height:46vh;
    min-height:370px;
    max-height:500px;
}

.skj-page .continuity-caption{
    margin-top:14px;
    color:#c9b792;
    font:400 11.5px/1.4 Georgia,"Times New Roman",serif;
    letter-spacing:.01em;
    white-space:nowrap;
    text-align:left;
}

.skj-page .continuity-copy{
    max-width:700px;
    margin:8vh auto 0;
    text-align:center;
    color:#c8beaf;
    font:italic 20px/1.65 Georgia,serif;
}

.skj-page .continuity-balbhim{
    margin:12vh auto 0;
    max-width:360px;
}

.skj-page .continuity-balbhim .photo{
    height:50vh;
    max-height:480px;
}


/* =========================================================
   CLOSURE
========================================================= */

.skj-page .journey-closure{
    width:min(760px,72vw);
    margin:2vh auto 12vh;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
}

.skj-page .journey-closure-line{
    flex:1;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(185,147,84,.55),
            transparent
        );
}

.skj-page .journey-closure-lotus{
    color:#c7a66b;
    font-size:15px;
}


/* =========================================================
   10 — SAMADHI
========================================================= */

.skj-page .samadhi-finale{
    min-height:125vh;
    padding:17vh 7vw 19vh;
    background:
        radial-gradient(
            ellipse at 50% 45%,
            #24160f 0,
            #120a07 56%,
            #0b0705 100%
        );
    display:grid;
    place-items:center;
    text-align:center;
}

.skj-page .samadhi-inner{
    width:min(1380px,90vw);
}

.skj-page .samadhi-inner .kicker{
    margin-bottom:24px;
}

.skj-page .samadhi-inner h2{
    font:400 clamp(48px,7vw,104px)/.98 Georgia,serif;
    letter-spacing:-.035em;
    color:var(--skj-ivory);
}

.skj-page .samadhi-photo{
    width:min(1120px,84vw);
    height:auto;
    margin:10vh auto 0;
    background:#0f0906;
    box-shadow:0 38px 100px rgba(0,0,0,.5);
}

.skj-page .samadhi-photo img{
    width:100%;
    height:auto;
    object-fit:contain;
}


/* =========================================================
   FINAL PRESENCE
========================================================= */

.skj-page .finale{
    min-height:120vh;
    display:grid;
    place-items:center;
    text-align:center;
    background:
        radial-gradient(
            circle at 50% 48%,
            #321e13,
            #100906 60%
        );
}

.skj-page .finale-presence{
    min-height:86vh;
    background:
        radial-gradient(
            circle at 50% 48%,
            #321e13,
            #100906 60%
        );
}

.skj-page .finale-presence .reveal{
    width:min(1000px,88vw);
}

.skj-page .finale-presence .sub{
    margin-top:18px;
}

.skj-page .finale h2{
    font:400 clamp(60px,9vw,130px)/1 Georgia,serif;
    color:var(--skj-ivory);
}

.skj-page .presence-silence{
    width:min(520px,58vw);
    height:1px;
    margin:11vh auto 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(199,166,107,.42),
            transparent
        );
    position:relative;
}

.skj-page .presence-silence span{
    position:absolute;
    width:5px;
    height:5px;
    border:1px solid rgba(199,166,107,.62);
    transform:rotate(45deg);
    left:50%;
    top:-2px;
    background:#17100b;
}


/* =========================================================
   TRANSITIONS
========================================================= */

.skj-page .va-transition{
    background:#f5efe4;
    color:#0b3450;
    text-align:center;
    padding:34px 8vw 38px;
    border-top:1px solid #ead9bb;
    border-bottom:1px solid #ead9bb;
    position:relative;
}

.skj-page .va-transition-label{
    display:flex;
    align-items:center;
    gap:30px;
    max-width:1480px;
    margin:0 auto 22px;
    color:#a66b16;
    font:700 14px/1 Georgia,serif;
    letter-spacing:.25em;
    text-transform:uppercase;
    text-align:left;
}

.skj-page .va-transition-label:after{
    content:'';
    height:1px;
    background:#c99643;
    flex:1;
}

.skj-page .va-aumrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    margin-bottom:13px;
}

.skj-page .va-aumrow .rule{
    height:1px;
    background:#c99643;
    width:min(25vw,420px);
}

.skj-page .va-aum{
    width:64px;
    height:64px;
    border:1px solid #d8b775;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#fbf7ef;
    color:#c18a2f;
    font:40px Georgia,serif;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.skj-page .va-transition blockquote{
    margin:0 auto;
    max-width:900px;
    font:italic 400 clamp(20px,1.75vw,27px)/1.45 Georgia,serif;
    color:#0a3b5d;
}

.skj-page .va-transition .mini{
    margin:12px auto 0;
    color:#c18a2f;
    letter-spacing:.32em;
}

.skj-page .va-closing{
    padding:38px 8vw 42px;
}

.skj-page .va-closing .va-aumrow,
.skj-page .va-closing .va-transition-label{
    display:none;
}


/* =========================================================
   LIGHTBOX
========================================================= */

.skj-page .lightbox{
    position:fixed;
    inset:0;
    background:rgba(4,5,6,.96);
    z-index:100;
    display:none;
    place-items:center;
    padding:4vw;
}

.skj-page .lightbox.open{
    display:grid;
}

.skj-page .lightbox img{
    max-width:88vw;
    max-height:82vh;
    object-fit:contain;
    box-shadow:
        0 0 0 1px rgba(207,169,105,.25),
        0 40px 100px #000;
}

.skj-page .lightbox button{
    position:absolute;
    right:32px;
    top:24px;
    background:none;
    border:0;
    color:#eee;
    font-size:38px;
    cursor:pointer;
}

.skj-page .lightbox p{
    position:absolute;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    color:#c7bba8;
    font:italic 15px Georgia,serif;
    white-space:nowrap;
}


/* =========================================================
   REVEAL
========================================================= */

.skj-page .reveal{
    opacity:0;
    transform:translateY(35px);
    transition:1s ease;
}

.skj-page .reveal.on{
    opacity:1;
    transform:none;
}


/* =========================================================
   GALLERY HEADING COLOR RESTORE
========================================================= */

.skj-page .hero h1,
.skj-page .section-title,
.skj-page .finale h2{
    color:var(--skj-ivory);
}


/* =========================================================
   ARCHIVE SECTION
   WHITE BACKGROUND
   5 IMAGES HORIZONTAL + TEXT ON RIGHT
========================================================= */

.skj-page .sk-archive{
    width:100%;
    position:relative;

    background:#ffffff !important;
    color:#120a07;

    padding:105px 5vw 110px;

    overflow:hidden;
}


/* =========================================================
   ARCHIVE INNER
========================================================= */
.skj-page .sk-archive__inner{
    width:100%;
    max-width:1500px;
    margin:0 auto;

    display:grid !important;

    grid-template-columns:
        repeat(5,minmax(0,1fr))
        1px
        245px;

    gap:18px;

    align-items:center;
}

/* =========================================================
   ARCHIVE DIRECT GRID ITEMS
========================================================= */

.skj-page .sk-archive__photos{
    display:contents !important;
}

.skj-page .sk-archive__feature{
    display:contents !important;
}


/* =========================================================
   ALL FIVE IMAGES
========================================================= */

.skj-page .sk-archive__photos .archive-photo,
.skj-page .sk-archive__feature .archive-photo--transmission{

    position:relative !important;

    grid-column:auto;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;

    background:#f1eee8;

    border:0;

    box-shadow:none;

    transform:none !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    object-fit: contain!important;
}


/* =========================================================
   IMAGE
========================================================= */

.skj-page .sk-archive__photos .archive-photo img,
.skj-page .sk-archive__feature .archive-photo--transmission img{

    display:block !important;

    width:100% !important;

    height:245px !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    background:#f1eee8;

    transition:
        transform .65s ease,
        filter .65s ease;
}


/* =========================================================
   FIFTH IMAGE
========================================================= */

.skj-page .sk-archive__feature .archive-photo--transmission{
    grid-column:5 !important;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.skj-page .sk-archive__photos .archive-photo:hover img,
.skj-page .sk-archive__feature .archive-photo--transmission:hover img{
    transform:scale(1.035);
}


/* =========================================================
   HIDE OLD TRANSMISSION CAPTION
========================================================= */

.skj-page .sk-archive__feature .archive-photo--transmission figcaption{
    display:none !important;
}


/* =========================================================
   OLD DIVIDER REMOVE
========================================================= */

.skj-page .sk-archive__divider{
    display:none !important;
}


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

.skj-page .sk-archive__statement{

    grid-column:6 !important;

    width:100% !important;

    padding:0 0 0 18px !important;

    margin:0 !important;

    align-self:center;

    color:#120a07;

    text-align:left;
}


/* =========================================================
   STATEMENT TEXT
========================================================= */

.skj-page .sk-archive__statement p{

    display:block;

    margin:0 !important;

    padding:0;

    color:#120a07 !important;

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

    font-size:
        clamp(
            25px,
            2.4vw,
            18px
        ) !important;

    font-weight:400 !important;

    line-height:1.08 !important;

    letter-spacing:.015em;

    white-space:nowrap;
}


/* =========================================================
   SPACE BETWEEN TEXT LINES
========================================================= */

.skj-page .sk-archive__statement p + p{
    margin-top:8px !important;
}


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

.skj-page .sk-statement-rule{

    display:block;

    width:62px;
    height:1px;

    margin-top:28px;

    background:#b99354;
}


/* =========================================================
   REMOVE OLD ARCHIVE POSITIONING
========================================================= */

.skj-page .sk-archive__photos .archive-photo--young,
.skj-page .sk-archive__photos .archive-photo--early,
.skj-page .sk-archive__photos .archive-photo--meditation,
.skj-page .sk-archive__photos .archive-photo--smile,
.skj-page .sk-archive__feature .archive-photo--transmission{

    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    margin:0 !important;

    transform:none !important;
}


/* =========================================================
   ARCHIVE — LARGE DESKTOP
========================================================= */

@media(min-width:1351px){

    .skj-page .sk-archive{
        padding-left:4.5vw;
        padding-right:4.5vw;
    }

    .skj-page .sk-archive__inner{
        max-width:1550px;

        grid-template-columns:
            repeat(5,minmax(0,1fr))
            265px;

        gap:20px;
    }

    .skj-page .sk-archive__photos .archive-photo img,
    .skj-page .sk-archive__feature .archive-photo--transmission img{
        height:260px !important;
    }

    .skj-page .sk-archive__statement{
        padding-left:20px !important;
    }
}


/* =========================================================
   ARCHIVE — TABLET / SMALL DESKTOP
========================================================= */

@media(max-width:1200px) and (min-width:901px){

    .skj-page .sk-archive{
        padding:85px 3.5vw 90px;
    }

    .skj-page .sk-archive__inner{
        grid-template-columns:
            repeat(5,minmax(0,1fr))
            200px;

        gap:12px;
    }

    .skj-page .sk-archive__photos .archive-photo img,
    .skj-page .sk-archive__feature .archive-photo--transmission img{
        height:190px !important;
    }

    .skj-page .sk-archive__statement{
        padding-left:10px !important;
    }

    .skj-page .sk-archive__statement p{
        font-size:24px !important;
    }

    .skj-page .sk-statement-rule{
        margin-top:22px;
    }
}


/* =========================================================
   ARCHIVE — TABLET
========================================================= */

@media(max-width:900px) and (min-width:701px){

    .skj-page .sk-archive{
        padding:80px 4vw 85px;
    }

    .skj-page .sk-archive__inner{

        grid-template-columns:
            repeat(5,minmax(105px,1fr))
            190px;

        gap:10px;

        overflow-x:auto;

        scrollbar-width:none;
    }

    .skj-page .sk-archive__inner::-webkit-scrollbar{
        display:none;
    }

    .skj-page .sk-archive__photos .archive-photo,
    .skj-page .sk-archive__feature .archive-photo--transmission{
        min-width:105px;
    }

    .skj-page .sk-archive__photos .archive-photo img,
    .skj-page .sk-archive__feature .archive-photo--transmission img{
        height:170px !important;
    }

    .skj-page .sk-archive__statement{
        min-width:190px;

        padding-left:12px !important;
    }

    .skj-page .sk-archive__statement p{
        font-size:22px !important;
    }
}


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

@media(max-width:1550px) and (min-width:901px){

    .skj-page .archive-photo img{
        height:164px;
    }

    .skj-page .archive-photo--transmission img{
        height:152px;
    }

    .skj-page .sk-archive .archive-photo img,
    .skj-page .sk-archive .archive-photo--transmission img{
        height:245px !important;
    }

    .skj-page .sk-archive__divider{
        display:none !important;
    }

    .skj-page .sk-archive__statement{
        width:auto !important;
    }
}


@media(max-width:1050px) and (min-width:801px){

    .skj-page .archival-study{
        max-width:960px;
    }

    .skj-page .archival-study-wall{
        grid-template-columns:repeat(3,1fr);
        gap:4vw 5vw;
    }

    .skj-page .archival-study-wall .photo{
        max-height:43vh;
    }

    .skj-page .archival-datum{
        display:none;
    }

    .skj-page .inner-life-study{
        max-width:940px;
    }

    .skj-page .inner-life-field{
        grid-template-columns:1fr;
        gap:5vh;
        padding:5vh 3vw 7vh;
        /* width: 100%!important; */
    }

    .skj-page .inner-life-ritual{
        max-width:760px;
        margin:auto;
    }

    .skj-page .inner-life-portraits{
        max-width:720px;
        margin:auto;
    }

    .skj-page .inner-life-horizon{
        bottom:1vh;
    }

    .skj-page .teacher .teacher-minor{
        grid-template-columns:1fr 1fr 1fr;
    }
}


@media(min-width:1100px){

    .skj-page .corridor{
        gap:4vw;
        min-width:1500px;
    }

    .skj-page .corridor .photo{
        width:320px;
    }

    .skj-page .corridor .wide{
        width:430px;
    }
}

@media(min-width:801px){

    .skj-page .inner-life-study{
        max-width:1800px !important;
    }

    .skj-page .inner-life-field{
        margin-top:-32px;

        /* TOP SPACE */
        padding-top:calc(5vh + 32px);

        /* HEIGHT KAM */
        padding-bottom:4vh;
    }

    .skj-page .inner-life-study-head{
        transform:translateY(-32px);
    }

}


/* =========================================================
   PHOTO GALLERY HERO — MOBILE
   SAME LOOK AS GREAT SHARANAS
========================================================= */

@media(max-width:900px){

    .skj-page .sk-hero{
        height:500px;
        position:relative;
        overflow:hidden;
    }

    .skj-page .sk-hero__image{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:56% center;
        display:block;
    }

    .skj-page .sk-hero::after{
        content:"";
        position:absolute;
        inset:0;

        background:
            linear-gradient(
                90deg,
                rgba(15,12,10,.76) 0%,
                rgba(15,12,10,.42) 37%,
                rgba(15,12,10,.04) 68%
            );

        pointer-events:none;
        z-index:1;
    }

    .skj-page .sk-hero__content{
        position:absolute;
        left:24px;
        right:24px;
        top:34px;
        width:auto;
        transform:none;
        padding:0;
        z-index:2;
    }

    .skj-page .sk-breadcrumb{
        margin-bottom:95px;
        font-size:12px;
    }

    .skj-page .sk-breadcrumb span{
        padding:0 7px;
    }

    .skj-page .sk-hero h1{
        font-family:Georgia,"Times New Roman",serif;
        font-size:42px;
        line-height:1.05;
        font-weight:400;
        margin:0 0 10px;
    }

    .skj-page .sk-hero__descriptor{
        font-family:Georgia,"Times New Roman",serif;
        font-size:20px;
        line-height:1.2;
    }

    .skj-page .sk-gold-rule{
        width:62px;
        height:3px;
        margin-top:24px;
        margin-bottom:0;
    }

    .skj-page .sk-hero__intro{
        width:auto;
        max-width:550px;
        font-family:Georgia,"Times New Roman",serif;
        font-size:16px;
        line-height:1.45;
    }

    .skj-page .desktop-only{
        display:none;
    }


    /* =====================================================
       ARCHIVE — MOBILE HORIZONTAL
    ===================================================== */

    .skj-page .sk-archive{

        background:#ffffff !important;

        padding:
            65px
            20px
            70px;

        overflow:hidden;
    }


    /* =====================================================
       MAIN ROW HORIZONTAL SCROLL
    ===================================================== */

    .skj-page .sk-archive__inner{

        width:max-content;
        max-width:none;

        display:grid !important;

        grid-template-columns:
            repeat(5,120px)
            205px;

        gap:9px;

        margin:0;

        overflow:visible;
    }


    /* =====================================================
       PHOTOS DIRECT GRID ITEMS
    ===================================================== */

    .skj-page .sk-archive__photos{
        display:contents !important;
    }


    /* =====================================================
       FEATURE DIRECT GRID ITEMS
    ===================================================== */

    .skj-page .sk-archive__feature{
        display:contents !important;
    }


    /* =====================================================
       SMALL IMAGES
    ===================================================== */

    .skj-page .sk-archive__photos .archive-photo,
    .skj-page .sk-archive__feature .archive-photo--transmission{

        width:120px !important;
        min-width:120px !important;

        margin:0 !important;

        position:relative !important;

        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        transform:none !important;
    }


    .skj-page .sk-archive__photos .archive-photo img,
    .skj-page .sk-archive__feature .archive-photo--transmission img{

        width:120px !important;

        height:145px !important;

        object-fit:cover !important;

        display:block !important;
    }


    /* =====================================================
       FIFTH IMAGE
    ===================================================== */

    .skj-page .sk-archive__feature .archive-photo--transmission{
        grid-column:5 !important;
    }


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

    .skj-page .sk-archive__statement{

        grid-column:6 !important;

        width:205px !important;
        min-width:205px;

        padding:
            0
            0
            0
            14px !important;

        align-self:center;

        text-align:left;
    }


    .skj-page .sk-archive__statement p{

        font-size:25px !important;

        line-height:1.08 !important;

        white-space:nowrap;
    }


    .skj-page .sk-statement-rule{
        width:52px;
        margin-top:20px;
    }


    /* =====================================================
       OLD MOBILE ARCHIVE RULES DISABLED
    ===================================================== */

    .skj-page .sk-archive__divider{
        display:none !important;
    }
}


@media(max-width:800px){

    .skj-page .journey-line{
        display:none;
    }

    .skj-page .movement{
        padding:12vh 6vw;
    }

    .skj-page .stage-grid,
    .skj-page .seeker-layout,
    .skj-page .teacher-wall,
    .skj-page .curve,
    .skj-page .world{
        grid-template-columns:1fr;
    }

    .skj-page .path{
        display:none;
    }

    .skj-page .seeker .anchor,
    .skj-page .teacher-wall .photo{
        height:auto;
        aspect-ratio:4/5;
    }

    .skj-page .curve .photo:nth-child(2){
        transform:none;
    }

    .skj-page .orbit{
        height:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px;
    }

    .skj-page .orbit:before,
    .skj-page .orbit:after{
        display:none;
    }

    .skj-page .orbit .photo,
    .skj-page .orbit .center,
    .skj-page .o1,
    .skj-page .o2,
    .skj-page .o3,
    .skj-page .o4,
    .skj-page .o5{
        position:relative!important;
        inset:auto!important;
        transform:none!important;
        width:100%!important;
        height:330px!important;
    }

    .skj-page .orbit .center{
        grid-column:1/-1;
        height:480px!important;
    }

    .skj-page .world .photo{
        height:auto;
        aspect-ratio:4/3;
    }

    .skj-page .world-card{
        padding:0;
    }

    .skj-page .continuity-triad{
        display:grid;
        grid-template-columns:1fr;
        gap:7vh;
        margin:8vh auto 0;
    }

    .skj-page .continuity-triad .photo{
        height:auto;
        aspect-ratio:4/5;
    }

    .skj-page .continuity-triad .continuity-caption{
        white-space:normal;
    }

    .skj-page .continuity-pair{
        grid-template-columns:1fr;
    }

    .skj-page .continuity-pair .photo,
    .skj-page .continuity-pair .second{
        height:auto;
        aspect-ratio:4/5;
    }

    .skj-page .continuity-balbhim{
        transform:none!important;
        position:static;
        left:auto;
        margin-left:auto;
        margin-right:auto;
    }

    .skj-page .inner-life-study{
        margin:11vh auto 13vh;
        padding:0 7vw;
    }

    .skj-page .inner-life-study-head{
        margin-bottom:4.5vh;
        transform:none;
    }

    .skj-page .inner-life-field{
        grid-template-columns:1fr;
        gap:30px;
        padding:34px 20px 38px;
        border:2px solid rgba(172,127,67,.34);

        background:
            linear-gradient(
                rgba(16,9,6,.18),
                rgba(16,9,6,.18)
            ) padding-box;
    }

    .skj-page .inner-life-ritual{
        grid-template-columns:1fr;
        gap:22px;
        transform:none;
    }

    .skj-page .inner-life-portraits{
        grid-template-columns:1fr 1fr;
        gap:22px;
        transform:none;
    }

    .skj-page .inner-life-portraits .il-p3{
        grid-column:1/-1;
        width:54%;
        justify-self:center;
    }

    .skj-page .inner-life-portraits .il-p1,
    .skj-page .inner-life-portraits .il-p2,
    .skj-page .inner-life-portraits .il-p3{
        transform:none;
    }

    .skj-page .inner-life-horizon{
        height:5px;
        bottom:0;
    }

    .skj-page .teacher .teacher-minor{
        grid-template-columns:1fr;
        gap:18px;
    }

    .skj-page .teacher .teacher-minor .photo,
    .skj-page .teacher .teacher-minor .photo:nth-child(2),
    .skj-page .teacher .teacher-minor .photo:nth-child(3){
        height:auto;
        aspect-ratio:4/5;
        transform:none;
    }

    .skj-page .presence-constellation{
        height:auto;
        min-height:0;
        max-height:none;
        width:min(88vw,420px);
        margin:8vh auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:24px 18px;
    }

    .skj-page .presence-constellation .photo{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        width:100%!important;
        height:auto!important;
        max-height:none!important;
        aspect-ratio:4/5!important;
    }

    .skj-page .presence-constellation .pc3{
        grid-column:1/-1;
        width:58%!important;
        justify-self:center;
    }

    .skj-page .presence-constellation .pc2,
    .skj-page .presence-constellation .pc5{
        height:auto!important;
    }

    .skj-page .ananda-reel{
        width:90vw;
        margin:12vh auto 8vh;
        padding:58px 44px 52px;
    }

    .skj-page .ananda-reel-track{
        width:100%;
        gap:20px;
        padding-left:0;
        padding-right:0;
        scroll-padding-inline:0;
    }

    .skj-page .ananda-reel-track .photo,
    .skj-page .ananda-reel-track .photo:nth-child(2),
    .skj-page .ananda-reel-track .photo:nth-child(4){
        flex:0 0 72vw;
        width:72vw;
        height:58vh;
    }

    .skj-page .ananda-reel-arrow{
        width:40px;
        height:40px;
    }

    .skj-page .ananda-reel-arrow.prev{
        left:8px;
    }

    .skj-page .ananda-reel-arrow.next{
        right:8px;
    }

    .skj-page .ananda-reel-count{
        right:28px;
        bottom:18px;
    }

    .skj-page .ananda-reel::before,
    .skj-page .ananda-reel::after{
        display:none;
    }

    .skj-page .corridor-nav{
        margin:-3vh 0 1vh;
    }

    .skj-page .corridor-nav button{
        font-size:10px;
        letter-spacing:.18em;
    }

    .skj-page .corridor-nav .corridor-next .arrow{
        font-size:22px;
    }

    .skj-page .finale-presence{
        min-height:72vh;
    }

    .skj-page .presence-silence{
        margin-top:8vh;
        width:68vw;
    }

    .skj-page .samadhi-finale{
        min-height:auto;
        padding:14vh 6vw 16vh;
    }

    .skj-page .samadhi-photo{
        width:88vw;
        margin-top:7vh;
    }

    .skj-page .journey-closure{
        width:82vw;
        margin:2vh auto 9vh;
    }
}


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

@media(max-width:620px){

    .skj-page .sk-hero{
        height:500px;
    }

    .skj-page .sk-hero__image{
        object-position:56% center;
    }

    .skj-page .sk-hero__content{
        left:24px;
        right:24px;
        width:auto;
        top:34px;
        transform:none;
    }

    .skj-page .sk-breadcrumb{
        margin-bottom:95px;
        font-size:12px;
        flex-wrap:wrap;
        row-gap:4px;
    }

    .skj-page .sk-breadcrumb span{
        padding:0 5px;
    }

    .skj-page .sk-hero h1{
        font-family:Georgia,"Times New Roman",serif;
        font-size:42px;
        line-height:1.05;
        font-weight:400;
        margin:0 0 10px;
    }

    .skj-page .sk-hero__descriptor{
        font-family:Georgia,"Times New Roman",serif;
        font-size:20px;
        line-height:1.2;
    }

    .skj-page .sk-gold-rule{
        width:62px;
        height:3px;
        margin-top:24px;
        margin-bottom:0;
    }

    .skj-page .sk-hero__intro{
        max-width:100%;
        font-family:Georgia,"Times New Roman",serif;
        font-size:16px;
        line-height:1.45;
    }


    /* =====================================================
       ARCHIVE — SMALL MOBILE
    ===================================================== */

    .skj-page .sk-archive{
        padding:
            55px
            18px
            60px;
    }

    .skj-page .sk-archive__inner{

        grid-template-columns:
            repeat(5,100px)
            180px;

        gap:8px;
    }

    .skj-page .sk-archive__photos .archive-photo,
    .skj-page .sk-archive__feature .archive-photo--transmission{

        width:100px !important;
        min-width:100px !important;
    }

    .skj-page .sk-archive__photos .archive-photo img,
    .skj-page .sk-archive__feature .archive-photo--transmission img{

        width:100px !important;

        height:125px !important;

        object-fit:cover !important;
    }

    .skj-page .sk-archive__statement{

        width:180px !important;
        min-width:180px;

        padding-left:12px !important;
    }

    .skj-page .sk-archive__statement p{

        font-size:22px !important;

        line-height:1.08 !important;
    }

    .skj-page .sk-statement-rule{
        width:48px;
        margin-top:17px;
    }


    /* =====================================================
       OTHER MOBILE SECTIONS
    ===================================================== */

    .skj-page .va-transition{
        padding:28px 6vw 32px;
    }

    .skj-page .va-transition-label{
        gap:15px;
    }

    .skj-page .va-aum{
        width:56px;
        height:56px;
        font-size:34px;
    }

    .skj-page .va-aumrow .rule{
        width:20vw;
    }

    .skj-page .archival-study{
        margin:12vh auto 13vh;
        padding:0 7vw;
    }

    .skj-page .archival-study-head{
        margin-bottom:5vh;
    }

    .skj-page .archival-study-wall{
        grid-template-columns:1fr 1fr;
        gap:28px 22px;
        padding:32px 22px 38px;
    }

    .skj-page .archival-study-wall .photo{
        height:auto;
        aspect-ratio:3/4;
    }

    .skj-page .archival-study-wall:before{
        display:block;

        background:
            linear-gradient(
                180deg,
                rgba(79,48,22,.78),
                rgba(230,193,119,.88) 38%,
                rgba(72,43,20,.86)
            ) top / 100% 3px no-repeat,

            linear-gradient(
                90deg,
                rgba(68,40,18,.86),
                rgba(222,184,108,.84) 45%,
                rgba(65,39,18,.86)
            ) left / 3px 100% no-repeat,

            linear-gradient(
                270deg,
                rgba(68,40,18,.86),
                rgba(222,184,108,.84) 45%,
                rgba(65,39,18,.86)
            ) right / 3px 100% no-repeat;
    }

    .skj-page .archival-study-wall:after{
        height:5px;
    }
}


/* =========================================================
   FINAL ARCHIVAL / PRESENCE MICRO OVERRIDES
========================================================= */

@media(min-width:801px){

    .skj-page .presence-constellation{
        grid-template-columns:.78fr .92fr 1.18fr .92fr 1.08fr;
    }

    .skj-page .presence-constellation .pc2,
    .skj-page .presence-constellation .pc5{
        height:390px!important;
        width:100%!important;
        overflow:hidden;
    }

    .skj-page .presence-constellation .pc2 img,
    .skj-page .presence-constellation .pc5 img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center;
    }

    .skj-page .ananda-reel-track{
        width:min(1046px,calc(100% - 120px));
        margin:0 auto;
        padding-left:0;
        padding-right:0;
        scroll-padding-inline:0;
    }

    .skj-page .continuity-anchor .photo img{
        width:100%;
        height:calc(100% + 8px);
        max-width:100%;
        object-fit:fill;
        transform:translateY(-8px);
    }

    .skj-page .continuity-balbhim{
        position:static;
        left:auto;
        transform:none;
        margin-left:auto;
        margin-right:auto;
    }
}


/* =========================================================
   FINAL MOBILE CLEANUP
========================================================= */

@media(max-width:800px){

    .skj-page .continuity-anchor .photo img{
        width:100%;
        height:100%;
        object-fit:cover;
        transform:none;
    }

    .skj-page .continuity-balbhim{
        transform:none;
    }

    .skj-page .ananda-reel-track{
        padding-left:0;
        padding-right:0;
        scroll-padding-inline:0;
    }
}


/* =========================================================
   FINAL ARCHIVE OVERRIDE
   Consolidated — old archive positioning cannot break layout
========================================================= */

.skj-page .sk-archive{
    background:#fff !important;
}

.skj-page .sk-archive__inner{
    display:grid !important;
}

.skj-page .sk-archive__photos{
    display:contents !important;
}

.skj-page .sk-archive__feature{
    display:contents !important;
}

.skj-page .sk-archive__divider{
    display:none !important;
}

.skj-page .sk-archive__feature .archive-photo--transmission{
    grid-column:5 !important;
}

.skj-page .sk-archive__statement{
    grid-column:6 !important;
}


/* =========================================================
   FINAL ARCHIVE MOBILE POSITIONING
========================================================= */

@media(max-width:900px){

    .skj-page .sk-archive__inner{
        display:grid !important;
    }

    .skj-page .sk-archive__feature .archive-photo--transmission{
        grid-column:5 !important;
    }

    .skj-page .sk-archive__statement{
        grid-column:6 !important;
    }
}


/* =========================================================
   FORCE INNER LIFE INTRO CENTER
========================================================= */

.skj-page .stillness .stillness-inner {
    position: relative !important;
}

.skj-page .stillness .stillness-inner > .intro {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    align-self: start !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: 160px!important;
}

.skj-page .stillness .stillness-inner > .intro .kicker,
.skj-page .stillness .stillness-inner > .intro .section-title {
    text-align: center !important;
}
/* =========================================================
   CORRIDOR NAV — CLEAN FINAL
========================================================= */

.skj-page .places .corridor-nav {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin: 0 0 28px !important;
    position: relative !important;
    z-index: 999 !important;
}

/* REMOVE EVERY PSEUDO ELEMENT */
.skj-page .places .corridor-nav *,
.skj-page .places .corridor-nav *::before,
.skj-page .places .corridor-nav *::after {
    box-sizing: border-box;
}

.skj-page .places .corridor-prev::before,
.skj-page .places .corridor-prev::after,
.skj-page .places .corridor-next::before,
.skj-page .places .corridor-next::after,
.skj-page .places .corridor-next .arrow::before,
.skj-page .places .corridor-next .arrow::after {
    content: none !important;
    display: none !important;
}

/* LEFT ARROW */
.skj-page .places .corridor-prev {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    box-shadow: none !important;

    color: #c7a66b !important;

    font-family: Georgia, serif !important;
    font-size: 21px !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;

    cursor: pointer !important;
}

/* CONTINUE BUTTON */
.skj-page .places .corridor-next {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    box-shadow: none !important;

    color: #c7a66b !important;

    font-family: Georgia, serif !important;

    opacity: 1 !important;
    visibility: visible !important;

    cursor: pointer !important;
}

/* TEXT */
.skj-page .places .corridor-next > span:first-child {
    display: inline-block !important;

    color: #c7a66b !important;

    font-family: Georgia, serif !important;
    font-size: 11px !important;

    line-height: 1 !important;
    letter-spacing: .14em !important;

    white-space: nowrap !important;
}

/* ONLY REAL RIGHT ARROW */
.skj-page .places .corridor-next > .arrow {
    display: inline-block !important;

    color: #c7a66b !important;

    font-family: Georgia, serif !important;
    font-size: 21px !important;

    line-height: 1 !important;

    /* margin-left: 10px !important; */
    /* padding: 0 !important; */

    transform: translateY(-3px) !important;
    margin-top: -3px;
    /* margin-right: 80px; */
}

/* HOVER */
.skj-page .places .corridor-prev:hover,
.skj-page .places .corridor-next:hover {
    opacity: .7 !important;
}


/* MOBILE */
@media (max-width: 700px) {

    .skj-page .places .corridor-nav {
        gap: 9px !important;
        margin-bottom: 22px !important;
    }

    .skj-page .places .corridor-prev,
    .skj-page .places .corridor-next > .arrow {
        font-size: 19px !important;
    }

    .skj-page .places .corridor-next > span:first-child {
        font-size: 9px !important;
    }
}

/* =========================================================
   ANANDA — CENTER IMAGE FIX
========================================================= */

.skj-page .ananda .orbit{
    position:relative !important;
}


/* MAIN CENTER IMAGE */

.skj-page .ananda .orbit .photo.center{
    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:translate(-50%, -50%) !important;

    margin:0 !important;

    z-index:10 !important;
}


/* CENTER IMAGE ITSELF */

.skj-page .ananda .orbit .photo.center img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    object-position:center !important;
}


/* =========================================================
   PREVENT REVEAL ANIMATION FROM MOVING CENTER IMAGE
========================================================= */

.skj-page .ananda .orbit .photo.center.reveal{
    transform:translate(-50%, -50%) !important;
}

.skj-page .ananda .orbit .photo.center.reveal.on{
    transform:translate(-50%, -50%) !important;
}


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

@media (max-width:700px){

    .skj-page .ananda .orbit .photo.center{
        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;
    }

    .skj-page .ananda .orbit .photo.center.reveal,
    .skj-page .ananda .orbit .photo.center.reveal.on{
        transform:translate(-50%, -50%) !important;
    }

}

/* =========================================================
   ANANDA — CENTER IMAGE FIX
========================================================= */

.skj-page .ananda .orbit{
    position:relative !important;
}


/* MAIN CENTER IMAGE */

.skj-page .ananda .orbit .photo.center{
    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:translate(-50%, -50%) !important;

    margin:0 !important;

    z-index:10 !important;
}


/* CENTER IMAGE ITSELF */

.skj-page .ananda .orbit .photo.center img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    object-position:center !important;
}


/* =========================================================
   PREVENT REVEAL ANIMATION FROM MOVING CENTER IMAGE
========================================================= */

.skj-page .ananda .orbit .photo.center.reveal{
    transform:translate(-50%, -50%) !important;
}

.skj-page .ananda .orbit .photo.center.reveal.on{
    transform:translate(-50%, -50%) !important;
}


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

@media (max-width:700px){

    .skj-page .ananda .orbit .photo.center{
        left:50% !important;
        top:50% !important;

        transform:translate(-50%, -50%) !important;
    }

    .skj-page .ananda .orbit .photo.center.reveal,
    .skj-page .ananda .orbit .photo.center.reveal.on{
        transform:translate(-50%, -50%) !important;
    }

}
/* =========================================================
   LIGHTBOX — CLOSE BUTTON
========================================================= */

.skj-page #lb{
    position:fixed !important;

    inset:0 !important;

    z-index:99999 !important;
}


/* CLOSE / CANCEL BUTTON */

.skj-page #lb > button{
    position:absolute !important;

    top:24px !important;
    right:28px !important;

    width:46px !important;
    height:46px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    background:rgba(0,0,0,.45) !important;

    border:1px solid rgba(201,139,39,.65) !important;
    border-radius:50% !important;

    color:#c98b27 !important;

    font-family:Arial, Helvetica, sans-serif !important;
    font-size:30px !important;
    font-weight:300 !important;

    line-height:1 !important;

    cursor:pointer !important;

    z-index:100001 !important;

    opacity:1 !important;

    visibility:visible !important;

    transform:none !important;

    box-shadow:none !important;
}


/* HOVER */

.skj-page #lb > button:hover{
    color:#f0c76b !important;

    border-color:#c98b27 !important;

    background:rgba(0,0,0,.70) !important;

    transform:scale(1.05) !important;
}


/* =========================================================
   MOBILE LIGHTBOX CLOSE
========================================================= */

@media (max-width:700px){

    .skj-page #lb > button{

        top:16px !important;
        right:16px !important;

        width:40px !important;
        height:40px !important;

        font-size:26px !important;
    }

}
/* =========================================================
   ANANDA CENTER IMAGE — HEIGHT SLIGHTLY REDUCED
========================================================= */

.skj-page .ananda .orbit .photo.center{
    width: 360px !important;
    height: 430px !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;
}

.skj-page .ananda .orbit .photo.center img{
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;
}


/* Keep center position after reveal animation */

.skj-page .ananda .orbit .photo.center.reveal,
.skj-page .ananda .orbit .photo.center.reveal.on{
    transform: translate(-50%, -50%) !important;
}


/* MOBILE */

@media (max-width:700px){

    .skj-page .ananda .orbit .photo.center{
        width: 250px !important;
        height: 310px !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;
    }

    .skj-page .ananda .orbit .photo.center.reveal,
    .skj-page .ananda .orbit .photo.center.reveal.on{
        transform: translate(-50%, -50%) !important;
    }

}

/* =========================================================
   ARCHIVE — FINAL COMPACT SIZE
========================================================= */

.skj-page .sk-archive{
    background:rgb(245, 239, 228) !important;

    padding-top:35px !important;
    padding-bottom:35px !important;

    min-height:0 !important;
}


/* =========================================================
   ARCHIVE MAIN LAYOUT
========================================================= */

.skj-page .sk-archive__inner{
    gap:28px !important;

    align-items:center !important;
}


/* =========================================================
   LEFT IMAGE GROUP
========================================================= */

.skj-page .sk-archive__photos{
    gap:-90px !important;

    /* align-items:center !important; */
}


/* =========================================================
   ALL ARCHIVE IMAGES — SAME SIZE
========================================================= */

.skj-page .sk-archive .archive-photo{
    width:150px !important;
    height:180px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    flex:0 0 150px !important;
}


/* =========================================================
   ALL IMAGES — FULL IMAGE, NO CROP
========================================================= */

.skj-page .sk-archive .archive-photo img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   TRANSMISSION IMAGE — SAME SIZE
========================================================= */

.skj-page .sk-archive .archive-photo--transmission{
    width:150px !important;
    height:180px !important;

    margin:0 !important;
}


.skj-page .sk-archive .archive-photo--transmission img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
}


/* =========================================================
   FEATURE AREA — REDUCE SPACE
========================================================= */

.skj-page .sk-archive__feature{
    gap:18px !important;

    margin:0 !important;
}


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

.skj-page .sk-archive__divider{
    margin:0 !important;
}


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

.skj-page .sk-archive__statement{
    margin:0 !important;
}

.skj-page .sk-archive__statement p{
    margin:0 !important;

    line-height:1.05 !important;
}


/* =========================================================
   CAPTION
========================================================= */

.skj-page .sk-archive .archive-photo figcaption{
    margin-top:6px !important;

    font-size:9px !important;
}


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

@media (max-width:700px){

    .skj-page .sk-archive{
        padding-top:25px !important;
        padding-bottom:25px !important;
    }

    .skj-page .sk-archive__inner{
        gap:18px !important;
    }

    .skj-page .sk-archive__photos{
        gap:6px !important;
    }

    .skj-page .sk-archive .archive-photo,
    .skj-page .sk-archive .archive-photo--transmission{
        width:95px !important;
        height:120px !important;

        flex:0 0 95px !important;
    }

    .skj-page .sk-archive .archive-photo img,
    .skj-page .sk-archive .archive-photo--transmission img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
    }

}

/* =========================================================
   ARCHIVE — FIVE IMAGES + STATEMENT
========================================================= */

.skj-page .sk-archive{

    width:100% !important;

    background:rgb(245, 239, 228) !important;

    padding:35px 4vw !important;

    margin:0 !important;

    overflow:hidden !important;
}


/* =========================================================
   MAIN ROW
========================================================= */

.skj-page .sk-archive__inner{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:center !important;

    gap:35px !important;

    margin:0 auto !important;

    padding:0 !important;
}


/* =========================================================
   FIVE IMAGES ROW
========================================================= */

.skj-page .sk-archive__photos{

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:center !important;

    gap:10px !important;

    margin:0 !important;

    padding:0 !important;

    flex:0 0 auto !important;
}


/* =========================================================
   EVERY IMAGE BOX — EXACT SAME SIZE
========================================================= */

.skj-page .sk-archive__photos .archive-photo{

    width:125px !important;

    height:155px !important;

    min-width:125px !important;

    max-width:125px !important;

    min-height:155px !important;

    max-height:155px !important;

    flex:0 0 125px !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    position:relative !important;

    display:block !important;
}


/* =========================================================
   ALL FIVE ACTUAL IMAGES
========================================================= */
.skj-page .sk-archive__photos .archive-photo img{

    display:block !important;

    width:105% !important;
    height:auto !important;

    max-width:none !important;

    margin:0 !important;
    margin-left:0 !important;

    padding:0 !important;

    object-fit:contain !important;
    object-position:left top !important;

    transform:none !important;
}


/* =========================================================
   RIGHT SIDE STATEMENT
========================================================= */

.skj-page .sk-archive__statement{

    flex:0 0 auto !important;

    width:210px !important;

    margin:0 !important;

    padding:0 0 0 20px !important;

    border-left:1px solid rgba(120,90,45,.35) !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    align-items:flex-start !important;
}


/* =========================================================
   STATEMENT TEXT
========================================================= */

.skj-page .sk-archive__statement p{

    margin:0 !important;

    padding:0 !important;

    color:#1d1711 !important;

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

    font-size:24px !important;

    line-height:1.08 !important;

    letter-spacing:.02em !important;

    font-weight:400 !important;
    /* margin-left: -200px !important; */
}


/* =========================================================
   STATEMENT LINE
========================================================= */

.skj-page .sk-statement-rule{

    width:55px !important;

    height:1px !important;

    background:#8e6b38 !important;

    margin-top:16px !important;
}


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

@media(max-width:900px){

    .skj-page .sk-archive{

        padding:28px 20px !important;

        overflow-x:auto !important;
    }

    .skj-page .sk-archive__inner{

        width:max-content !important;

        justify-content:flex-start !important;

        gap:25px !important;
    }

    .skj-page .sk-archive__photos{

        gap:7px !important;
    }

    .skj-page .sk-archive__photos .archive-photo{

        width:90px !important;

        height:115px !important;

        min-width:90px !important;

        max-width:90px !important;

        min-height:115px !important;

        max-height:115px !important;

        flex:0 0 90px !important;
    }

    .skj-page .sk-archive__statement{

        width:170px !important;

        padding-left:15px !important;
    }

    .skj-page .sk-archive__statement p{

        font-size:18px !important;
    }

}

.skj-page .sk-archive__photos .archive-photo--landscape{
    width:125px !important;
    height:155px !important;
    min-width:125px !important;
    max-width:125px !important;
    min-height:155px !important;
    max-height:155px !important;

    flex:0 0 125px !important;

    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}
.skj-page .sk-archive__photos .archive-photo--landscape img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#ddd5c5 !important;
}
/* =========================================================
   STILLNESS — MOBILE TEXT RESPONSIVE
========================================================= */

@media (max-width: 700px){

    /* Main Inner Life section */
    .skj-page .stillness .stillness-inner{
        width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }


    /* Text wrapper */
    .skj-page .stillness .stillness-inner > .intro{
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        text-align:center !important;

        padding:0 !important;
    }


    /* 04 · Inner Life */
    .skj-page .stillness .stillness-inner > .intro .kicker{
        width:100% !important;

        margin:0 auto 12px !important;
        padding:0 !important;

        text-align:center !important;

        font-size:10px !important;
        line-height:1.4 !important;

        letter-spacing:.22em !important;
    }


    /* Stillness became a way of being. */
    .skj-page .stillness .stillness-inner > .intro .section-title{
        width:100% !important;
        max-width:360px !important;

        margin:0 auto !important;
        padding:0 !important;

        text-align:center !important;

        font-size:34px !important;
        line-height:1.05 !important;

        letter-spacing:-.025em !important;
    }

}


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

@media (max-width:480px){

    .skj-page .stillness .stillness-inner{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .skj-page .stillness .stillness-inner > .intro .kicker{
        font-size:9px !important;
        letter-spacing:.20em !important;
        margin-bottom:10px !important;
    }

    .skj-page .stillness .stillness-inner > .intro .section-title{
        max-width:330px !important;
        font-size:30px !important;
        line-height:1.08 !important;
    }

}

/* =========================================================
   PLACES / CORRIDOR — MOBILE RESPONSIVE
========================================================= */

@media (max-width:700px){

    /* -----------------------------------------------------
       SECTION
    ----------------------------------------------------- */

    .skj-page .places{
        width:100% !important;
        overflow:hidden !important;
    }


    /* -----------------------------------------------------
       INTRO TEXT
    ----------------------------------------------------- */

    .skj-page .places > .intro{
        width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
        text-align:center !important;
    }

    .skj-page .places > .intro .kicker{
        font-size:9px !important;
        line-height:1.4 !important;
        letter-spacing:.20em !important;
        text-align:center !important;
    }

    .skj-page .places > .intro .section-title{
        max-width:340px !important;
        margin:10px auto 0 !important;
        font-size:32px !important;
        line-height:1.08 !important;
        text-align:center !important;
    }

    .skj-page .places > .intro .sub{
        max-width:340px !important;
        margin:14px auto 0 !important;
        font-size:15px !important;
        line-height:1.55 !important;
        text-align:center !important;
    }


    /* -----------------------------------------------------
       ARROW NAVIGATION
    ----------------------------------------------------- */

    .skj-page .places .corridor-nav{

        width:100% !important;

        display:flex !important;

        flex-direction:row !important;

        justify-content:flex-end !important;

        align-items:center !important;

        gap:10px !important;

        padding:0 20px !important;

        margin:22px 0 18px !important;

        position:relative !important;

        z-index:20 !important;
    }


    /* LEFT ARROW */

    .skj-page .places .corridor-prev{

        width:32px !important;
        height:32px !important;

        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;
        margin:0 !important;

        background:transparent !important;

        border:0 !important;

        color:#c7a66b !important;

        font-family:Georgia,"Times New Roman",serif !important;

        font-size:20px !important;

        line-height:1 !important;

        cursor:pointer !important;
    }


    /* RIGHT CONTINUE BUTTON */

    .skj-page .places .corridor-next{

        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        gap:7px !important;

        width:auto !important;
        height:32px !important;

        padding:0 !important;
        margin:0 !important;

        background:transparent !important;

        border:0 !important;

        color:#c7a66b !important;

        cursor:pointer !important;
    }


    .skj-page .places .corridor-next > span:first-child{

        font-family:Georgia,"Times New Roman",serif !important;

        font-size:8px !important;

        line-height:1 !important;

        letter-spacing:.12em !important;

        white-space:nowrap !important;

        color:#c7a66b !important;
    }


    .skj-page .places .corridor-next .arrow{

        display:inline-block !important;

        font-size:20px !important;

        line-height:1 !important;

        color:#c7a66b !important;

        transform:translateY(-1px) !important;
    }


    /* -----------------------------------------------------
       HORIZONTAL IMAGE AREA
    ----------------------------------------------------- */

    .skj-page .places .corridor-wrap{

        width:100% !important;

        overflow-x:auto !important;

        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch !important;

        scroll-behavior:smooth !important;

        scrollbar-width:none !important;

        padding:0 20px !important;

        margin:0 !important;
    }

    .skj-page .places .corridor-wrap::-webkit-scrollbar{
        display:none !important;
    }


    /* -----------------------------------------------------
       CORRIDOR ROW
    ----------------------------------------------------- */

    .skj-page .places .corridor{

        display:flex !important;

        flex-direction:row !important;

        align-items:flex-start !important;

        gap:14px !important;

        width:max-content !important;

        min-width:max-content !important;

        margin:0 !important;

        padding:0 !important;
    }


    /* -----------------------------------------------------
       ALL IMAGE BOXES
    ----------------------------------------------------- */

    .skj-page .places .corridor > .photo,
    .skj-page .places .corridor > .corridor-item{

        flex:0 0 auto !important;

        width:78vw !important;

        max-width:340px !important;

        min-width:280px !important;

        margin:0 !important;
    }


    /* corridor-item ke andar image */

    .skj-page .places .corridor .corridor-item .photo{

        width:100% !important;

        max-width:none !important;

        min-width:0 !important;

        margin:0 !important;
    }


    /* -----------------------------------------------------
       IMAGE
    ----------------------------------------------------- */

    .skj-page .places .corridor .photo{

        height:360px !important;

        overflow:hidden !important;

        margin:0 !important;

        padding:0 !important;
    }


    .skj-page .places .corridor .photo img{

        display:block !important;

        width:100% !important;

        height:100% !important;

        object-fit:cover !important;

        object-position:center !important;
    }


    /* -----------------------------------------------------
       WIDE IMAGES
    ----------------------------------------------------- */

    .skj-page .places .corridor .photo.wide{

        height:300px !important;
    }


    /* -----------------------------------------------------
       TAPOVAN TEXT
    ----------------------------------------------------- */

    .skj-page .places .corridor-note{

        width:100% !important;

        max-width:320px !important;

        margin:14px auto 0 !important;

        padding:0 !important;

        font-size:13px !important;

        line-height:1.55 !important;

        text-align:left !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

    .skj-page .places > .intro{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .skj-page .places > .intro .section-title{
        font-size:29px !important;
        max-width:320px !important;
    }

    .skj-page .places > .intro .sub{
        font-size:14px !important;
        max-width:315px !important;
    }


    .skj-page .places .corridor-nav{
        padding:0 16px !important;
        margin-top:20px !important;
    }


    .skj-page .places .corridor-wrap{
        padding:0 16px !important;
    }


    .skj-page .places .corridor{
        gap:12px !important;
    }


    .skj-page .places .corridor > .photo,
    .skj-page .places .corridor > .corridor-item{

        width:82vw !important;

        min-width:270px !important;

        max-width:310px !important;
    }


    .skj-page .places .corridor .photo{
        height:330px !important;
    }


    .skj-page .places .corridor .photo.wide{
        height:270px !important;
    }


    .skj-page .places .corridor-note{
        font-size:12px !important;
        line-height:1.5 !important;
    }

}

.movement.beyond .horizon{
    display:none !important;
}

/* =========================================================
   ARCHIVE — FINAL OVERRIDE
   5 IMAGES | ZERO GAP | VERTICAL LINE | STATEMENT
========================================================= */

/* MAIN ARCHIVE ROW */
.skj-page .sk-archive__inner{
    width:100% !important;
    max-width:1750px !important;
    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        1px
        250px !important;

    column-gap:22px !important;
    row-gap:0 !important;

    align-items:center !important;
    /* margin-left: 200px !important; */
}


/* =========================================================
   5 IMAGES — NO GAP
========================================================= */

.skj-page .sk-archive__photos{
    grid-column:1 !important;
    grid-row:1 !important;

    display:grid !important;

    grid-template-columns:
        repeat(5,minmax(0,1fr)) !important;

    gap:100px !important;
    column-gap:0 !important;
    row-gap:0 !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    align-items:center !important;
    margin-left: -100px !important;

}


/* =========================================================
   EACH IMAGE BOX
========================================================= */

.skj-page .sk-archive__photos .archive-photo{

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:220px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    overflow:hidden !important;

    position:relative !important;

    display:block !important;

    background:transparent !important;

    transform:none !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    line-height:0 !important;
}


/* =========================================================
   IMAGE — COMPLETE IMAGE, NO CROP
========================================================= */

.skj-page .sk-archive__photos .archive-photo img{

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:100% !important;
    max-height:100% !important;

    /* margin:0 !important; */
    /* padding:0 !important; */

    border:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    background:transparent !important;

    transform:none !important;
    /* gap: 0px !important; */
}


/* =========================================================
   LANDSCAPE IMAGE
========================================================= */

.skj-page .sk-archive__photos .archive-photo--landscape,
.skj-page .sk-archive__photos .archive-photo--landscape img{

    width:100% !important;
    height:220px !important;

    min-width:0 !important;
    max-width:100% !important;

    object-fit:contain !important;
    object-position:center center !important;
    gap:0 px !important;
}


/* =========================================================
   5TH IMAGE
========================================================= */

.skj-page .sk-archive__photos .archive-photo--transmission,
.skj-page .sk-archive__photos .archive-photo--transmission img{

    width:100% !important;
    height:220px !important;

    min-width:0 !important;
    max-width:100% !important;

    object-fit:contain !important;
    object-position:center center !important;
}


/* =========================================================
   VERTICAL LINE
========================================================= */

/* .skj-page .sk-archive__inner::after{

    content:"" !important;

    grid-column:2 !important;
    grid-row:1 !important;

    width:1px !important;
    height:150px !important;

    margin:0 !important;
    padding:0 !important;

    background:#b99354 !important;

    justify-self:center !important;
    align-self:center !important;
    margin-left: -180px !important;
} */


/* =========================================================
   STATEMENT
========================================================= */

.skj-page .sk-archive__statement{

    grid-column:3 !important;
    grid-row:1 !important;

    width:100% !important;

    margin:0 !important;
    padding:0 0 0 18px !important;

    border:0 !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    align-self:center !important;

    text-align:left !important;
}


/* =========================================================
   TEXT
========================================================= */

.skj-page .sk-archive__statement p{

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:#120a07 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:25px !important;

    font-weight:400 !important;

    line-height:1.08 !important;

    letter-spacing:.015em !important;

    white-space:nowrap !important;
    margin-left: -100px !important;
}


/* SPACE BETWEEN TEXT */
.skj-page .sk-archive__statement p + p{

    margin-top:8px !important;
}


/* OLD RULE HIDE */
.skj-page .sk-statement-rule{

    display:none !important;
}


/* REMOVE OLD TRANSMISSION POSITION */
.skj-page .sk-archive__feature .archive-photo--transmission{

    grid-column:auto !important;

    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    transform:none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:900px){

    .skj-page .sk-archive{

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch !important;

        scrollbar-width:none !important;
    }

    .skj-page .sk-archive::-webkit-scrollbar{
        display:none !important;
    }


    .skj-page .sk-archive__inner{

        width:max-content !important;
        max-width:none !important;

        margin:0 !important;

        grid-template-columns:
            repeat(5,90px)
            1px
            170px !important;

        column-gap:18px !important;
        row-gap:0 !important;
    }


    .skj-page .sk-archive__photos{

        grid-column:1 !important;

        display:grid !important;

        grid-template-columns:
            repeat(5,90px) !important;

        gap:0 !important;
        column-gap:0 !important;

        width:450px !important;
        min-width:450px !important;
    }


    .skj-page .sk-archive__photos .archive-photo{

        width:90px !important;
        min-width:90px !important;

        height:120px !important;

        margin:0 !important;
        padding:0 !important;
    }


    .skj-page .sk-archive__photos .archive-photo img{

        width:90px !important;
        max-width:90px !important;

        height:120px !important;

        object-fit:contain !important;
    }


    /* MOBILE LINE */

    .skj-page .sk-archive__inner::after{

        grid-column:2 !important;

        height:120px !important;
    }


    /* MOBILE TEXT */

    .skj-page .sk-archive__statement{

        grid-column:3 !important;

        width:170px !important;

        min-width:170px !important;

        padding-left:15px !important;
    }


    .skj-page .sk-archive__statement p{

        font-size:18px !important;

        line-height:1.08 !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

    .skj-page .sk-archive__inner{

        grid-template-columns:
            repeat(5,80px)
            1px
            155px !important;

        column-gap:15px !important;
    }


    .skj-page .sk-archive__photos{

        grid-template-columns:
            repeat(5,80px) !important;

        width:400px !important;
        min-width:400px !important;

        gap:0 !important;
    }


    .skj-page .sk-archive__photos .archive-photo{

        width:80px !important;
        min-width:80px !important;

        height:105px !important;
    }


    .skj-page .sk-archive__photos .archive-photo img{

        width:80px !important;
        max-width:80px !important;

        height:105px !important;
    }


    .skj-page .sk-archive__inner::after{

        height:105px !important;
    }


    .skj-page .sk-archive__statement{

        width:155px !important;
        min-width:155px !important;

        padding-left:12px !important;
    }


    .skj-page .sk-archive__statement p{

        font-size:17px !important;
    }
}


/* =========================================================
   ARCHIVE — FINAL OVERRIDE
   5 IMAGES | LEFT SIDE | ZERO GAP | NO CROP
========================================================= */


/* =========================================================
   MAIN ARCHIVE ROW
========================================================= */

.skj-page .sk-archive__inner{
    width:100% !important;
    max-width:1350px !important;
    height: 220px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        1px
        250px !important;

    column-gap:22px !important;
    row-gap:0 !important;

    align-items:center !important;
}


/* =========================================================
   5 IMAGES
   LEFT SIDE + ZERO GAP
========================================================= */


.skj-page .sk-archive__photos{

    grid-column:1 !important;
    grid-row:1 !important;

    display:grid !important;

    grid-template-columns:
        repeat(5,minmax(0,1fr)) !important;

    gap:0 !important;
    column-gap:0 !important;
    row-gap:0 !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    margin-left:-70px !important;
    margin-right:0 !important;

    padding:0 !important;

    height:auto !important;

    align-items:start !important;
}


/* =========================================================
   EACH IMAGE BOX
========================================================= */

.skj-page .sk-archive__photos > .archive-photo{

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    overflow:visible !important;

    display:block !important;

    background:transparent !important;

    line-height:0 !important;
}


/* =========================================================
   ALL IMAGES
   FULL IMAGE — NO CROP
========================================================= */

.skj-page .sk-archive__photos > .archive-photo > img{

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    background:transparent !important;

    transform:none !important;
}


/* =========================================================
   FORCE ZERO SPACE BETWEEN FIGURES
========================================================= */

.skj-page .sk-archive__photos > .archive-photo + .archive-photo{

    margin-left:0 !important;
    margin-top:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;
}


/* =========================================================
   LANDSCAPE IMAGE
========================================================= */

.skj-page .sk-archive__photos > .archive-photo--landscape{

    width:100% !important;
    height:auto !important;

    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


.skj-page .sk-archive__photos > .archive-photo--landscape > img{

    width:100% !important;
    height:auto !important;

    max-width:100% !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center center !important;
}


/* =========================================================
   5TH IMAGE
========================================================= */

.skj-page .sk-archive__photos > .archive-photo--transmission{

    width:100% !important;
    height:auto !important;

    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    transform:none !important;
}


.skj-page .sk-archive__photos > .archive-photo--transmission > img{

    width:100% !important;
    height:auto !important;

    max-width:100% !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center center !important;
}


/* =========================================================
   VERTICAL LINE
========================================================= */
/* 
.skj-page .sk-archive__inner::after{

    content:"" !important;

    grid-column:2 !important;
    grid-row:1 !important;

    width:1px !important;
    height:150px !important;

    margin:0 !important;
    padding:0 !important;

    background:#b99354 !important;

    justify-self:center !important;
    align-self:center !important;
    margin-left: -130px !important;
}
 */

/* =========================================================
   STATEMENT
========================================================= */

.skj-page .sk-archive__statement{

    grid-column:3 !important;
    grid-row:1 !important;

    width:100% !important;

    margin:0 !important;

    padding:0 0 0 18px !important;

    border:0 !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    align-self:center !important;

    text-align:left !important;
    margin-left: -80px !important;
}


/* =========================================================
   STATEMENT TEXT
========================================================= */

.skj-page .sk-archive__statement p{

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:#120a07 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:25px !important;

    font-weight:400 !important;

    line-height:1.08 !important;

    letter-spacing:.015em !important;

    white-space:nowrap !important;
}


/* TEXT SPACING */

.skj-page .sk-archive__statement p + p{

    margin-top:8px !important;
}


/* =========================================================
   REMOVE OLD STATEMENT LINE
========================================================= */

.skj-page .sk-statement-rule{

    display:none !important;
}


/* =========================================================
   REMOVE OLD TRANSMISSION POSITION
========================================================= */

.skj-page .sk-archive__feature .archive-photo--transmission{

    grid-column:auto !important;

    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    transform:none !important;
}


/* =========================================================
   MOBILE
========================================================= */
/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 900px){

    /* -----------------------------------------------------
       ARCHIVE SECTION
    ----------------------------------------------------- */

    .skj-page .sk-archive{

        width:100% !important;

        overflow-x:auto !important;
        overflow-y:visible !important;

        -webkit-overflow-scrolling:touch !important;

        scrollbar-width:none !important;
    }

    .skj-page .sk-archive::-webkit-scrollbar{
        display:none !important;
    }


    /* -----------------------------------------------------
       MAIN ROW
    ----------------------------------------------------- */

    .skj-page .sk-archive__inner{

        width:max-content !important;
        max-width:none !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        display:grid !important;

        grid-template-columns:
            390px
            1px
            165px !important;

        column-gap:16px !important;
        row-gap:0 !important;

        align-items:center !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       FIVE IMAGES
       78px EACH
       ZERO GAP
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos{

        grid-column:1 !important;
        grid-row:1 !important;

        display:grid !important;

        grid-template-columns:
            repeat(5,78px) !important;

        grid-template-rows:auto !important;

        gap:0 !important;
        column-gap:0 !important;
        row-gap:0 !important;

        width:390px !important;
        min-width:390px !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        align-items:start !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       EACH IMAGE BOX
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo{

        width:78px !important;
        min-width:78px !important;
        max-width:78px !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        display:block !important;

        overflow:visible !important;

        background:transparent !important;

        line-height:0 !important;
    }


    /* -----------------------------------------------------
       IMAGE
       FULL IMAGE / NO CROP
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo > img{

        display:block !important;

        width:78px !important;
        max-width:78px !important;

        height:auto !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        object-fit:contain !important;
        object-position:center center !important;

        background:transparent !important;

        transform:none !important;
    }


    /* -----------------------------------------------------
       LANDSCAPE IMAGES
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo--landscape,
    .skj-page .sk-archive__photos > .archive-photo--transmission{

        width:78px !important;
        min-width:78px !important;
        max-width:78px !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;
    }


    .skj-page .sk-archive__photos > .archive-photo--landscape > img,
    .skj-page .sk-archive__photos > .archive-photo--transmission > img{

        width:78px !important;
        max-width:78px !important;

        height:auto !important;
        max-height:none !important;

        object-fit:contain !important;
        object-position:center center !important;
    }


    /* -----------------------------------------------------
       ZERO GAP
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo + .archive-photo{

        margin:0 !important;
        padding:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;
        margin-top:0 !important;
        margin-bottom:0 !important;

        border:0 !important;
    }


    /* -----------------------------------------------------
       VERTICAL LINE
    ----------------------------------------------------- */

    /* .skj-page .sk-archive__inner::after{

        grid-column:2 !important;
        grid-row:1 !important;

        width:1px !important;
        height:110px !important;

        margin:0 !important;
        padding:0 !important;

        background:#b99354 !important;

        justify-self:center !important;
        align-self:center !important;

        margin-left:0 !important;
    } */


    /* -----------------------------------------------------
       RIGHT SIDE TEXT
    ----------------------------------------------------- */

    .skj-page .sk-archive__statement{

        grid-column:3 !important;
        grid-row:1 !important;

        width:165px !important;
        min-width:165px !important;
        max-width:165px !important;

        margin:0 !important;

        padding:0 0 0 12px !important;

        border:0 !important;

        display:flex !important;

        flex-direction:column !important;

        align-items:flex-start !important;

        justify-content:center !important;

        align-self:center !important;

        text-align:left !important;
    }


    /* -----------------------------------------------------
       TEXT
    ----------------------------------------------------- */

    .skj-page .sk-archive__statement p{

        display:block !important;

        margin:0 !important;
        padding:0 !important;

        color:#120a07 !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size:18px !important;

        font-weight:400 !important;

        line-height:1.08 !important;

        letter-spacing:.015em !important;

        white-space:nowrap !important;
    }


    .skj-page .sk-archive__statement p + p{

        margin-top:6px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   481px AND BELOW
========================================================= */

@media (max-width:480px){

    .skj-page .sk-archive__inner{

        width:max-content !important;

        grid-template-columns:
            350px
            1px
            150px !important;

        column-gap:14px !important;
    }


    /* -----------------------------------------------------
       FIVE IMAGES
       70px EACH
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos{

        grid-template-columns:
            repeat(5,70px) !important;

        width:350px !important;
        min-width:350px !important;

        gap:0 !important;
        column-gap:0 !important;
        row-gap:0 !important;

        margin:0 !important;
        padding:0 !important;

        height:auto !important;
    }


    /* -----------------------------------------------------
       IMAGE BOX
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo{

        width:70px !important;
        min-width:70px !important;
        max-width:70px !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    /* -----------------------------------------------------
       IMAGE
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo > img{

        width:70px !important;
        max-width:70px !important;

        height:auto !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:contain !important;
        object-position:center center !important;
    }


    /* -----------------------------------------------------
       LANDSCAPE
    ----------------------------------------------------- */

    .skj-page .sk-archive__photos > .archive-photo--landscape,
    .skj-page .sk-archive__photos > .archive-photo--transmission{

        width:70px !important;
        min-width:70px !important;
        max-width:70px !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    .skj-page .sk-archive__photos > .archive-photo--landscape > img,
    .skj-page .sk-archive__photos > .archive-photo--transmission > img{

        width:70px !important;
        max-width:70px !important;

        height:auto !important;
        max-height:none !important;

        object-fit:contain !important;
    }


    /* -----------------------------------------------------
       LINE
    ----------------------------------------------------- */

    .skj-page .sk-archive__inner::after{

        height:95px !important;

        margin-left:0 !important;
    }


    /* -----------------------------------------------------
       TEXT
    ----------------------------------------------------- */

    .skj-page .sk-archive__statement{

        width:150px !important;
        min-width:150px !important;
        max-width:150px !important;

        padding-left:10px !important;

        margin-left:0 !important;
    }


    .skj-page .sk-archive__statement p{

        font-size:16px !important;

        line-height:1.08 !important;
    }


    .skj-page .sk-archive__statement p + p{

        margin-top:5px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   360px AND BELOW
========================================================= */

@media (max-width:360px){

    .skj-page .sk-archive__inner{

        grid-template-columns:
            300px
            1px
            135px !important;

        column-gap:12px !important;
    }


    .skj-page .sk-archive__photos{

        grid-template-columns:
            repeat(5,60px) !important;

        width:300px !important;
        min-width:300px !important;
    }


    .skj-page .sk-archive__photos > .archive-photo{

        width:60px !important;
        min-width:60px !important;
        max-width:60px !important;
    }


    .skj-page .sk-archive__photos > .archive-photo > img{

        width:60px !important;
        max-width:60px !important;

        height:auto !important;
        max-height:none !important;
    }


    .skj-page .sk-archive__photos > .archive-photo--landscape,
    .skj-page .sk-archive__photos > .archive-photo--transmission{

        width:60px !important;
        min-width:60px !important;
        max-width:60px !important;
    }


    .skj-page .sk-archive__photos > .archive-photo--landscape > img,
    .skj-page .sk-archive__photos > .archive-photo--transmission > img{

        width:60px !important;
        max-width:60px !important;

        height:auto !important;
    }


    .skj-page .sk-archive__inner::after{

        height:85px !important;
    }


    .skj-page .sk-archive__statement{

        width:135px !important;
        min-width:135px !important;
        max-width:135px !important;

        padding-left:8px !important;
    }


    .skj-page .sk-archive__statement p{

        font-size:14px !important;
    }
}



/* =========================================
   PLACES GALLERY — UPDATED IMAGE FIX
========================================= */

/* Image wrappers */
.movement.places .corridor .photo,
.movement.places .corridor-item .photo {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f3e9;
}

/* All images */
.movement.places .corridor .photo img,
.movement.places .corridor-item .photo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 280px !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Third image — smaller */
.movement.places .corridor-item:nth-child(3) .photo img {
    width: 65% !important;
    max-width: 65% !important;
    height: auto !important;
    max-height: 200px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Last image — remove clipping from its wrappers */
.movement.places .corridor-item:last-child,
.movement.places .corridor-item:last-child .photo {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Last image — show complete photo */
.movement.places .corridor-item:last-child .photo img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Parent gallery should not cut the last image */
.movement.places .corridor {
    overflow: visible !important;
    align-items: flex-start !important;
}

/* Mobile */
@media (max-width: 600px) {
    .movement.places .corridor .photo img,
    .movement.places .corridor-item .photo img {
        max-height: 200px !important;
    }

    .movement.places .corridor-item:nth-child(3) .photo img {
        width: 65% !important;
        max-width: 65% !important;
        max-height: 160px !important;
    }
}


/* =========================================================
   ARCHIVE GALLERY — FINAL IMAGE SIZE & GAP FIX
   5 images: equal height, 2nd and 5th landscape, no cropping
========================================================= */

.skj-page .sk-archive__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 1px 250px !important;
    column-gap: 22px !important;
    align-items: center !important;
    height: auto !important;
}

/* Five images in one row with equal spacing */
.skj-page .sk-archive__photos {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
}

/* All five image boxes have the same height */
.skj-page .sk-archive__photos > .archive-photo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Show the complete photo without cropping */
.skj-page .sk-archive__photos > .archive-photo > img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Second and fifth photos remain landscape-shaped inside equal-height boxes */
.skj-page .sk-archive__photos > .archive-photo--landscape-second > img,
.skj-page .sk-archive__photos > .archive-photo--landscape-last > img {
    object-fit: contain !important;
    object-position: center center !important;
    height: 800px !important;
}

/* Divider */
.skj-page .sk-archive__inner::after {
    height: 180px !important;
    margin: 0 !important;
    align-self: center !important;
}

/* Statement on the right */
.skj-page .sk-archive__statement {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 250px !important;
    margin: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

.skj-page .sk-archive__statement p {
    line-height: 1.08 !important;
}

/* Tablet and mobile: keep all five photos the same height */
@media (max-width: 768px) {
    .skj-page .sk-archive__inner {
        grid-template-columns: 390px 1px 165px !important;
        column-gap: 12px !important;
        width: max-content !important;
        max-width: none !important;
        height: auto !important;
    }

    .skj-page .sk-archive__photos {
        grid-template-columns: repeat(5, 78px) !important;
        gap: 2px !important;
        width: 398px !important;
        min-width: 398px !important;
    }

    .skj-page .sk-archive__photos > .archive-photo {
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        height: 140px !important;
        min-height: 140px !important;
        max-height: 140px !important;
    }

    .skj-page .sk-archive__photos > .archive-photo > img {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .skj-page .sk-archive__statement {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }
}

@media (max-width: 360px) {
    .skj-page .sk-archive__inner {
        grid-template-columns: 310px 1px 135px !important;
        column-gap: 8px !important;
    }

    .skj-page .sk-archive__photos {
        grid-template-columns: repeat(5, 60px) !important;
        width: 310px !important;
        min-width: 310px !important;
        gap: 2px !important;
    }

    .skj-page .sk-archive__photos > .archive-photo {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        height: 110px !important;
        min-height: 110px !important;
        max-height: 110px !important;
    }

    .skj-page .sk-archive__statement {
        width: 135px !important;
        min-width: 135px !important;
        max-width: 135px !important;
    }
}




















/* PLACES GALLERY — REMOVE WHITE BOX DURING SLIDING */

.skj-page .movement.places .corridor-wrap {
    overflow: hidden !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Track should not expose the neighboring slide's background */
.skj-page .movement.places .corridor {
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove white background from all image frames */
.skj-page .movement.places .corridor figure.photo,
.skj-page .movement.places .corridor-item,
.skj-page .movement.places .corridor-item figure.photo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Images themselves should have no background */
.skj-page .movement.places .corridor figure.photo img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove unwanted glow or overlay */
.skj-page .movement.places .corridor figure.photo .glow {
    display: none !important;
}

/* Prevent wrapper from showing an extra white block */
.skj-page .movement.places .corridor-item {
    padding: 0 !important;
    margin: 0 !important;
}

/* Keep the Saptapur description visible */
.skj-page .movement.places .corridor-item .corridor-note {
    display: block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Places gallery — reduce image gap */
.skj-page .movement.places .corridor {
    gap: 4px !important;
    column-gap: 4px !important;
}

.skj-page .movement.places .corridor > figure.photo,
.skj-page .movement.places .corridor > .corridor-item {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


/* PLACES GALLERY — TIGHT GAP + MOUSE/TOUCH SCROLL */
.skj-page .movement.places .corridor-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    cursor: grab;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 !important;
}

.skj-page .movement.places .corridor-wrap::-webkit-scrollbar {
    display: none;
}

.skj-page .movement.places .corridor {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    column-gap: 2px !important;
    width: max-content !important;
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.skj-page .movement.places .corridor > figure.photo,
.skj-page .movement.places .corridor > .corridor-item {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.skj-page .movement.places .corridor-item .photo,
.skj-page .movement.places .corridor-item figure.photo {
    margin: 0 !important;
    padding: 0 !important;
}

.skj-page .movement.places .corridor-wrap:active {
    cursor: grabbing;
}

.skj-page .movement.places .corridor figure.photo img {
    display: block;
    margin: 0 !important;
}







/* =========================================
   BEYOND TAPOVAN - IMAGE ALIGNMENT OVERRIDE
========================================= */

.skj-page .movement.beyond .world.world-expanded {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 28px !important;
    width: 100% !important;
}

/* All cards start from the same position */
.skj-page .movement.beyond .world-card,
.skj-page .movement.beyond .world-card.reveal11 {
    display: flex !important;
    flex-direction: column !important;
    align-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* All image containers have the same dimensions */
.skj-page .movement.beyond .world-card figure.photo {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Keep every image aligned consistently */
.skj-page .movement.beyond .world-card figure.photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Captions align consistently below each image */
.skj-page .movement.beyond .world-card .caption {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

/* Quote spacing */
.skj-page .movement.beyond .world-card .quote {
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.6 !important;
}

/* Tablet */
@media (max-width: 900px) {
    .skj-page .movement.beyond .world.world-expanded {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    .skj-page .movement.beyond .world-card figure.photo {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .skj-page .movement.beyond .world.world-expanded {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .skj-page .movement.beyond .world-card figure.photo {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
    }
}

/* All images: same frame, complete photo visible */
.skj-page .movement.beyond .world-card figure.photo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.skj-page .movement.beyond .world-card figure.photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet */
@media (max-width: 900px) {
    .skj-page .movement.beyond .world-card figure.photo {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .skj-page .movement.beyond .world-card figure.photo {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
    }
}







/* ////////////////////////////////////////////////////////////////////////////////ishtalinga css////////////////////////////////////////////// */




:root{
    --isht-navy:#073653;
    --isht-navy-deep:#022b44;
    --isht-gold:#c98b27;
    --isht-gold-light:#d9a13a;

    --isht-cream:#f8f3e9;
    --isht-paper:#fcfaf5;
    --isht-white:#ffffff;

    --isht-ink:#263f4d;
    --isht-muted:#687783;

    --isht-line:rgba(7,54,83,.15);
}


/* =========================================================
   PAGE RESET
========================================================= */

.ishtalinga-page{
    width:100%;
    margin:0;
    padding:0;
    background:var(--isht-paper);
    color:var(--isht-ink);
    overflow:visible;
    margin-top: -100px;
}

.ishtalinga-page *,
.ishtalinga-page *::before,
.ishtalinga-page *::after{
    box-sizing:border-box;
    animation:none !important;
    transition:none !important;
}


/* =========================================================
   ARTICLE
========================================================= */

.ishtalinga-article{
    width:100%;
    padding:82px 24px 100px;

    background:
        linear-gradient(
            180deg,
            #f8f3e9 0%,
            #fcfaf5 48%,
            #f8f3e9 100%
        );
}

.ishtalinga-container{
    width:min(100%,1040px);
    margin:0 auto;
}


/* =========================================================
   ARTICLE HEADER
========================================================= */

.ishtalinga-header{
    width:100%;
    max-width:900px;
    margin:0 auto 55px;
    text-align:center;
}

.ishtalinga-eyebrow{
    display:block;

    margin-bottom:16px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;
    font-weight:700;

    letter-spacing:.24em;
    text-transform:uppercase;

    color:var(--isht-gold);
}

.ishtalinga-header h2{
    margin:0;

    /* font-family:
        Georgia,
        "Times New Roman",
        serif; */
        font-family: "Source Serif 4" !important;

    font-size:36px;
    line-height:1.15;
    font-weight:400;

    color:var(--isht-navy);
}

.ishtalinga-header-rule{
    width:52px;
    height:2px;

    margin:22px auto 0;

    background:var(--isht-gold);
}


/* =========================================================
   TEXT CONTENT
========================================================= */

.ishtalinga-section{
    width:100%;
    max-width:900px;
    margin:0 auto;
}

.ishtalinga-section p{
    margin:0 0 25px;

    /* font-family:
        Georgia,
        "Times New Roman",
        serif; */
        font-family: "Source Serif 4" !important;

    font-size:18px;
    line-height:1.92;

    font-weight:400;
    letter-spacing:.003em;

    color:var(--isht-ink);

    text-align:left;
}

.ishtalinga-section p:last-child{
    margin-bottom:0;
}


/* =========================================================
   DROP CAP
========================================================= */

.ishtalinga-lead{
    position:relative;
}

.ishtalinga-dropcap{
    float:left;

    margin:
        7px
        13px
        0
        0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:72px;
    line-height:.72;
    font-weight:400;

    color:var(--isht-gold);
}


/* =========================================================
   FIRST IMAGE GALLERY
========================================================= */

.ishtalinga-gallery-block{
    width:100%;
    margin:58px 0 62px;
}

.ishtalinga-gallery{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:28px;

    align-items:start;
}

.ishtalinga-photo{
    width:100%;
    margin:0;
    padding:0;
}

.ishtalinga-photo-frame{
    width:100%;
    height:260px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eee7dc;

    overflow:hidden;
}

.ishtalinga-photo-frame img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    padding:10px;
}

.ishtalinga-photo figcaption{
    margin:13px 0 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:13px;
    line-height:1.55;

    color:var(--isht-muted);

    text-align:center;
}


/* =========================================================
   PINEAL CONTENT
========================================================= */

.ishtalinga-pineal{
    margin-top:0;
}

.ishtalinga-pineal strong{
    font-weight:700;
    color:var(--isht-navy);
}


/* =========================================================
   VERSE
========================================================= */

.ishtalinga-verse{
    width:100%;

    margin:58px auto 64px;

    display:flex;
    justify-content:center;
}

.ishtalinga-verse-inner{
    position:relative;

    width:100%;
    max-width:680px;

    padding:38px 42px 34px;

    border-top:1px solid rgba(201,139,39,.65);
    border-bottom:1px solid rgba(201,139,39,.65);

    text-align:center;
}

.ishtalinga-quote-mark{
    display:block;

    margin-bottom:9px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:52px;
    line-height:.5;

    color:var(--isht-gold);
}

.ishtalinga-verse-inner p{
    margin:0 0 5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;
    line-height:1.65;

    font-style:italic;
    font-weight:400;

    color:var(--isht-navy);
}

.ishtalinga-verse-inner p:last-of-type{
    margin-bottom:9px;
}

.ishtalinga-quote-close{
    display:block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;
    line-height:.7;

    color:var(--isht-gold);
}


/* =========================================================
   FEATURE IMAGE — 045
========================================================= */

.ishtalinga-feature{
    width:100%;

    margin:0 auto 64px;

    text-align:center;
}

.ishtalinga-feature figure{
    width:100%;
    max-width:760px;

    margin:0 auto;
}

.ishtalinga-feature-frame{
    width:100%;
    height:390px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eee7dc;

    overflow:hidden;
}

.ishtalinga-feature-frame img{
    display:block;

    width:100%;
    height:100%;

    padding:12px;

    object-fit:contain;
    object-position:center;
}

.ishtalinga-feature figcaption{
    max-width:700px;

    margin:15px auto 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:13px;
    line-height:1.6;

    color:var(--isht-muted);

    text-align:center;
}


/* =========================================================
   DIVINE LIGHT
========================================================= */

.ishtalinga-divine{
    width:100%;

    margin:0 auto 62px;
}

.ishtalinga-divine-gallery{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:28px;

    align-items:start;
}

.ishtalinga-divine-gallery .ishtalinga-photo-frame{
    height:285px;
}

.ishtalinga-image-caption{
    width:100%;
    max-width:800px;

    margin:17px auto 0 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:12px !important;
    line-height:1.65 !important;

    color:var(--isht-muted) !important;

    text-align:center !important;
}


/* =========================================================
   CLOSING TEXT
========================================================= */

.ishtalinga-closing{
    margin-top:0;
}


/* =========================================================
   SOURCE
========================================================= */

.ishtalinga-source{
    width:100%;
    max-width:900px;

    margin:64px auto 0;

    padding:24px 0 0;

    border-top:1px solid var(--isht-line);

    text-align:left;
}

.ishtalinga-page .sadhana-closing-reflection {
    margin-top: 10px;
}

.ishtalinga-source-label{
    display:block;

    margin-bottom:8px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:10px;
    font-weight:700;

    letter-spacing:.2em;
    text-transform:uppercase;

    color:var(--isht-gold);
}

.ishtalinga-source p{
    margin:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:15px;
    line-height:1.7;

    color:var(--isht-muted);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .ishtalinga-article{
        padding:
            65px
            22px
            82px;
    }

    .ishtalinga-header{
        margin-bottom:46px;
    }

    .ishtalinga-header h2{
        font-size:42px;
    }

    .ishtalinga-section p{
        font-size:17px;
        line-height:1.88;
    }

    .ishtalinga-gallery{
        gap:20px;
    }

    .ishtalinga-photo-frame{
        height:220px;
    }

    .ishtalinga-feature-frame{
        height:340px;
    }

    .ishtalinga-divine-gallery{
        gap:20px;
    }

    .ishtalinga-divine-gallery
    .ishtalinga-photo-frame{
        height:245px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:650px){

    .ishtalinga-article{
        padding:
            48px
            17px
            62px;
    }

    .ishtalinga-header{
        margin-bottom:38px;
    }

    .ishtalinga-eyebrow{
        font-size:9px;
        letter-spacing:.2em;
    }

    .ishtalinga-header h2{
        font-size:34px;
        line-height:1.2;
    }

    .ishtalinga-header-rule{
        margin-top:18px;
    }

    .ishtalinga-section p{
        margin-bottom:20px;

        font-size:16px;
        line-height:1.82;

        text-align:left;
    }

    .ishtalinga-dropcap{
        font-size:58px;

        margin:
            5px
            10px
            0
            0;
    }


    /* -----------------------------------------
       MAIN IMAGE ROW
    ----------------------------------------- */

    .ishtalinga-gallery-block{
        margin:42px 0 48px;
    }

    .ishtalinga-gallery{
        grid-template-columns:1fr;
        gap:28px;
    }

    .ishtalinga-photo{
        width:100%;
        max-width:500px;
        margin:0 auto;
    }

    .ishtalinga-photo-frame{
        height:270px;
    }


    /* -----------------------------------------
       VERSE
    ----------------------------------------- */

    .ishtalinga-verse{
        margin:
            44px
            auto
            50px;
    }

    .ishtalinga-verse-inner{
        max-width:100%;

        padding:
            30px
            17px
            27px;
    }

    .ishtalinga-quote-mark{
        font-size:43px;
    }

    .ishtalinga-verse-inner p{
        font-size:18px;
        line-height:1.75;
    }

    .ishtalinga-quote-close{
        font-size:28px;
    }


    /* -----------------------------------------
       FEATURE IMAGE
    ----------------------------------------- */

    .ishtalinga-feature{
        margin-bottom:50px;
    }

    .ishtalinga-feature figure{
        max-width:100%;
    }

    .ishtalinga-feature-frame{
        height:285px;
    }

    .ishtalinga-feature-frame img{
        padding:9px;
    }

    .ishtalinga-feature figcaption{
        font-size:12px;
        line-height:1.6;
    }


    /* -----------------------------------------
       DIVINE LIGHT
    ----------------------------------------- */

    .ishtalinga-divine{
        margin-bottom:50px;
    }

    .ishtalinga-divine-gallery{
        grid-template-columns:1fr;
        gap:28px;
    }

    .ishtalinga-divine-gallery
    .ishtalinga-photo-frame{
        height:260px;
    }

    .ishtalinga-image-caption{
        font-size:11.5px !important;
        line-height:1.6 !important;
    }


    /* -----------------------------------------
       SOURCE
    ----------------------------------------- */

    .ishtalinga-source{
        margin-top:50px;
        padding-top:20px;
    }

    .ishtalinga-source p{
        font-size:14px;
        line-height:1.7;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

    .ishtalinga-article{
        padding-left:13px;
        padding-right:13px;
    }

    .ishtalinga-header h2{
        font-size:30px;
    }

    .ishtalinga-section p{
        font-size:15.5px;
        line-height:1.8;
    }

    .ishtalinga-photo-frame{
        height:235px;
    }

    .ishtalinga-feature-frame{
        height:245px;
    }

    .ishtalinga-divine-gallery
    .ishtalinga-photo-frame{
        height:225px;
    }

    .ishtalinga-verse-inner{
        padding-left:12px;
        padding-right:12px;
    }

    .ishtalinga-verse-inner p{
        font-size:16px;
        line-height:1.8;
    }

}
/* =========================================================
   ISHTALINGA — HERO THRESHOLD REFLECTION
   SAME LONG STYLE AS SADHANA PAGE
========================================================= */

.ishtalinga-threshold-reflection{
    width: 100%;
    max-width: 1240px;
    margin: 34px auto 42px;
    padding: 20px 55px 28px;
    text-align: center;
    background: rgba(255,255,255,.14);
    margin-top: 50px;
}


/* =========================================================
   OM ROW
========================================================= */

.ishtalinga-motif-row{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin: 0 auto 18px;
    max-width: 900px;
}

.ishtalinga-motif-row i{
    width: auto;
    flex: 1;
    max-width: 360px;
    height: 1px;
    background: #c99a50;
}


/* =========================================================
   OM MEDALLION
========================================================= */

.ishtalinga-aum-medallion{
    width: 58px;
    height: 58px;
    border: 1px solid rgba(185,130,45,.52);
    border-radius: 50%;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #b9822d;

    background: rgba(255,255,255,.44);

    font-family:
        'Noto Serif Devanagari',
        'Nirmala UI',
        'Mangal',
        serif;

    font-size: 31px;
    line-height: 1;

    box-shadow:
        0 2px 9px rgba(80,55,20,.06);
}


/* =========================================================
   TEXT BELOW OM
========================================================= */

.ishtalinga-threshold-reflection p{
    font-style: italic;
    font-size: 21px;
    line-height: 1.55;

    margin: 0 auto;

    max-width: 900px;

    /* color: var(--isht-ink); */
    color: var(--navy);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px){

    .ishtalinga-threshold-reflection{
        padding: 22px 35px 30px;
        margin-top: -40px;
    }

    .ishtalinga-motif-row{
        gap: 18px;
    }

    .ishtalinga-aum-medallion{
        width: 54px;
        height: 54px;
        font-size: 29px;
    }

    .ishtalinga-threshold-reflection p{
        font-size: 20px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 720px){

    .ishtalinga-threshold-reflection{
        width: 100%;
        margin: 0 auto 34px;
        padding: 22px 12px;
        background: rgba(255,255,255,.14);
    }

    .ishtalinga-motif-row{
        gap: 14px;
        margin-bottom: 18px;
    }

    .ishtalinga-motif-row i{
        max-width: none;
    }

    .ishtalinga-aum-medallion{
        width: 50px;
        height: 50px;
        font-size: 27px;
    }

    .ishtalinga-threshold-reflection p{
        font-size: 18px;
        line-height: 1.55;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px){

    .ishtalinga-threshold-reflection{
        padding: 20px 10px 24px;
    }

    .ishtalinga-motif-row{
        gap: 11px;
    }

    .ishtalinga-aum-medallion{
        width: 48px;
        height: 48px;
        font-size: 26px;
    }

    .ishtalinga-threshold-reflection p{
        font-size: 18px;
    }
}


/* //////////////////////////////////////////////////////////////SHIVAYOGA////////////////////////////////////////////////////////////////////////////// */
/* =========================================================
   SHIVA-YOGA PAGE
   Veerashaiva / Sadhana Theme
========================================================= */

/* =========================================================
   SHIVA-YOGA
   SHARANAS VACHANAS THEME
========================================================= */

.shivayoga-page {
    --shivayoga-navy: #073653;
    --shivayoga-navy-dark: #05304a;
    --shivayoga-ink: #0b3557;
    --shivayoga-gold: #c98b27;
    --shivayoga-gold-light: #e1a532;
    --shivayoga-cream: #f8f3e9;
    --shivayoga-paper: #faf7ef;
    --shivayoga-line: #d5a35a;
    --shivayoga-text: #2c241d;
    --shivayoga-muted: #6f675d;
    --shivayoga-white: #ffffff;

    --shivayoga-serif:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;

    --shivayoga-ui:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: clip;
    background: var(--shivayoga-cream);
    color: var(--shivayoga-text);
    font-family: var(--shivayoga-serif);
}

.shivayoga-page *,
.shivayoga-page *::before,
.shivayoga-page *::after {
    box-sizing: border-box;
}

.shivayoga-page img {
    max-width: 100%;
}


/* =========================================================
   HERO SECTION
========================================================= */

.shivayoga-page .shivayoga-hero {
    position: relative;
    width: 100%;
    min-height: 515px;
    overflow: hidden;
    isolation: isolate;
    background: var(--shivayoga-navy-dark);
}

.shivayoga-page .shivayoga-hero-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center 48%;
}

.shivayoga-page .shivayoga-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(18, 11, 7, 0.82) 0%,
            rgba(18, 11, 7, 0.58) 30%,
            rgba(18, 11, 7, 0.20) 58%,
            rgba(18, 11, 7, 0.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2, 43, 68, 0.08) 0%,
            rgba(2, 43, 68, 0.10) 55%,
            rgba(2, 43, 68, 0.40) 100%
        );
    pointer-events: none;
}

.shivayoga-page .shivayoga-hero-content {
    position: relative;
    z-index: 1;
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 105px 4.2vw 65px;
    color: var(--shivayoga-white);
}


/* =========================================================
   BREADCRUMB
========================================================= */

.shivayoga-page .shivayoga-crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-family: var(--shivayoga-ui);
    font-size: 15px;
    line-height: 1.7;
}

.shivayoga-page .shivayoga-crumbs a {
    color: var(--shivayoga-white);
    text-decoration: none;
    transition: color 0.2s ease;
}

.shivayoga-page .shivayoga-crumbs a:hover {
    color: var(--shivayoga-gold-light);
}

.shivayoga-page .shivayoga-crumbs b {
    padding: 0 10px;
    color: var(--shivayoga-gold-light);
    font-weight: 400;
}

.shivayoga-page .shivayoga-crumbs span {
    color: rgba(255, 255, 255, 0.72);
}


/* =========================================================
   HERO TYPOGRAPHY
========================================================= */

.shivayoga-page .shivayoga-hero h1 {
    margin: 65px 0 10px;
    color: var(--shivayoga-white);
    font-family: var(--shivayoga-serif);
    font-size: 58px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

.shivayoga-page .shivayoga-descriptor {
    margin: 0;
    color: #e5aa3a;
    font-family: var(--shivayoga-serif);
    font-size: clamp(21px, 2.2vw, 28px);
    font-weight: 400;
    line-height: 1.4;
}

.shivayoga-page .shivayoga-gold-stroke {
    display: block;
    width: 84px;
    height: 3px;
    margin-top: 25px;
    background: var(--shivayoga-gold-light);
}


/* =========================================================
   OPENING / OM ORNAMENT
========================================================= */

.shivayoga-page .shivayoga-opening {
    position: relative;
    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
}

.shivayoga-page .shivayoga-opening-inner {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 28px 46px 15px;
}

.shivayoga-page .shivayoga-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
}

.shivayoga-page .shivayoga-ornament > span {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--shivayoga-line);
}

.shivayoga-page .shivayoga-ornament > i {
    display: grid;
    flex: 0 0 54px;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    color: var(--shivayoga-gold);
    font-family: var(--shivayoga-serif);
    font-size: 31px;
    font-style: normal;
    line-height: 1;
}


/* =========================================================
   ARTICLE SECTION
========================================================= */

.shivayoga-page .shivayoga-article {
    padding: 34px 0 68px;
    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
}

.shivayoga-page .shivayoga-container {
    width: min(1040px, calc(100% - 92px));
    margin: 0 auto;
}


/* =========================================================
   ARTICLE HEADER
========================================================= */

.shivayoga-page .shivayoga-header {
    margin: 0 0 36px;
    text-align: center;
}

.shivayoga-page .shivayoga-section-label {
    display: block;
    margin-bottom: 14px;
    color: #a86e1f;
    font-family: var(--shivayoga-ui);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 3px;
    line-height: 1.5;
}

.shivayoga-page .shivayoga-header h2 {
    margin: 0;
    color: var(--shivayoga-ink);
    /* font-family: var(--shivayoga-serif); */
    font-family: "Source Serif 4" !important;
    font-size: clamp(28px, 3.2vw, 36px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.4px;
}

.shivayoga-page .shivayoga-header-rule {
    display: block;
    width: 54px;
    height: 1px;
    margin: 22px auto 0;
    background: var(--shivayoga-line);
}


/* =========================================================
   ARTICLE CONTENT
========================================================= */

.shivayoga-page .shivayoga-content {
    width: min(850px, 100%);
    margin: 0 auto;
}

.shivayoga-page .shivayoga-content p {
    margin: 0 0 22px;
    color: #2c241d;
    /* font-family: var(--shivayoga-serif); */
    font-family: "Source Serif 4" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.82;
    letter-spacing: 0;
    text-align: left;
    text-justify: inter-word;
    overflow-wrap: break-word;
}

.shivayoga-page .shivayoga-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   DROP CAP
========================================================= */

.shivayoga-page .shivayoga-dropcap {
    float: left;
    margin: 8px 10px 0 0;
    color: var(--shivayoga-gold);
    font-family: var(--shivayoga-serif);
    font-size: 72px;
    font-weight: 400;
    line-height: 0.72;
}


/* =========================================================
   TEACHING / SOURCE
========================================================= */

.shivayoga-page .shivayoga-teaching {
    width: min(850px, 100%);
    margin: 42px auto 0;
    padding-top: 25px;
    border-top: 1px solid rgba(201, 139, 39, 0.42);
}

.shivayoga-page .shivayoga-teaching-content {
    position: relative;
    padding-left: 48px;
}

.shivayoga-page .shivayoga-teaching-mark {
    position: absolute;
    top: -10px;
    left: 0;
    color: var(--shivayoga-gold);
    font-family: var(--shivayoga-serif);
    font-size: 62px;
    font-weight: 400;
    line-height: 1;
}

.shivayoga-page .shivayoga-teaching-content p {
    margin: 0;
    color: var(--shivayoga-ink);
    font-family: var(--shivayoga-serif);
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75;
}


/* =========================================================
   CLOSING SECTION
   Appears immediately before the site footer
========================================================= */

.shivayoga-page .shivayoga-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
    text-align: center;
}

.shivayoga-page .shivayoga-closing-inner {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.shivayoga-page .shivayoga-ornament-small {
    gap: 20px;
}

.shivayoga-page .shivayoga-ornament-small > span {
    width: min(300px, 35%);
}

.shivayoga-page .shivayoga-ornament-small > i {
    flex-basis: auto;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 1;
}

.shivayoga-page .shivayoga-closing p {
    max-width: 800px;
    margin: 15px auto 0;
    color: var(--shivayoga-ink);
    font-family: var(--shivayoga-serif);
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.65;
}

.shivayoga-page .shivayoga-closing .shivayoga-gold-stroke {
    width: 60px;
    height: 2px;
    margin: 20px auto 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .shivayoga-page .shivayoga-hero {
        min-height: 500px;
    }

    .shivayoga-page .shivayoga-hero-content {
        padding: 85px 30px 55px;
    }

    .shivayoga-page .shivayoga-hero h1 {
        margin-top: 65px;
        font-size: 58px;
    }

    .shivayoga-page .shivayoga-container {
        width: calc(100% - 60px);
    }

    .shivayoga-page .shivayoga-opening-inner {
        padding: 24px 30px 12px;
    }

    .shivayoga-page .shivayoga-article {
        padding-top: 32px;
        padding-bottom: 55px;
    }

    .shivayoga-page .shivayoga-content p {
        font-size: 19px;
        line-height: 1.78;
    }

    .shivayoga-page .shivayoga-closing p {
        font-size: 20px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .shivayoga-page .shivayoga-hero {
        min-height: 500px;
    }

    .shivayoga-page .shivayoga-hero-image {
        object-position: center center;
    }

    .shivayoga-page .shivayoga-hero-shade {
        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, 0.60) 0%,
                rgba(18, 11, 7, 0.35) 38%,
                rgba(18, 11, 7, 0.75) 100%
            );
    }

    .shivayoga-page .shivayoga-hero-content {
        width: 100%;
        padding: 25px 18px 38px;
    }

    .shivayoga-page .shivayoga-crumbs {
        gap: 0;
        font-size: 13px;
        line-height: 1.7;
    }

    .shivayoga-page .shivayoga-crumbs b {
        padding: 0 6px;
    }

    .shivayoga-page .shivayoga-hero h1 {
        margin-top: 90px;
        margin-bottom: 9px;
        font-size: 48px;
        line-height: 1.05;
        overflow-wrap: anywhere;
    }

    .shivayoga-page .shivayoga-descriptor {
        font-size: 21px;
        line-height: 1.4;
    }

    .shivayoga-page .shivayoga-gold-stroke {
        width: 65px;
        height: 2px;
        margin-top: 20px;
    }

    /* Opening ornament */

    .shivayoga-page .shivayoga-opening-inner {
        padding: 22px 18px 10px;
    }

    .shivayoga-page .shivayoga-ornament {
        gap: 10px;
    }

    .shivayoga-page .shivayoga-ornament > span {
        width: auto;
        flex: 1;
    }

    .shivayoga-page .shivayoga-ornament > i {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    /* Article */

    .shivayoga-page .shivayoga-article {
        padding: 28px 0 42px;
    }

    .shivayoga-page .shivayoga-container {
        width: calc(100% - 36px);
    }

    .shivayoga-page .shivayoga-header {
        margin-bottom: 30px;
    }

    .shivayoga-page .shivayoga-section-label {
        margin-bottom: 11px;
        font-size: 10px;
        letter-spacing: 2.2px;
    }

    .shivayoga-page .shivayoga-header h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .shivayoga-page .shivayoga-header-rule {
        margin-top: 19px;
    }

    .shivayoga-page .shivayoga-content {
        width: 100%;
    }

    .shivayoga-page .shivayoga-content p {
        margin-bottom: 22px;
        font-size: 18px;
        line-height: 1.75;
        text-align: justify;
        text-justify: inter-word;
    }

    .shivayoga-page .shivayoga-dropcap {
        margin: 7px 8px 0 0;
        font-size: 61px;
    }

    /* Teaching */

    .shivayoga-page .shivayoga-teaching {
        margin-top: 35px;
        padding-top: 23px;
    }

    .shivayoga-page .shivayoga-teaching-content {
        padding-left: 37px;
    }

    .shivayoga-page .shivayoga-teaching-mark {
        top: -5px;
        font-size: 47px;
    }

    .shivayoga-page .shivayoga-teaching-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    /* Closing */

    .shivayoga-page .shivayoga-closing {
        padding: 0 18px 28px;
    }

    .shivayoga-page .shivayoga-ornament-small {
        gap: 12px;
    }

    .shivayoga-page .shivayoga-ornament-small > i {
        flex-basis: auto;
        width: auto;
        height: auto;
        font-size: 13px;
    }

    .shivayoga-page .shivayoga-closing p {
        margin-top: 13px;
        font-size: 18px;
        line-height: 1.55;
    }

    .shivayoga-page .shivayoga-closing .shivayoga-gold-stroke {
        margin-top: 17px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .shivayoga-page .shivayoga-hero {
        min-height: 470px;
    }

    .shivayoga-page .shivayoga-hero-content {
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 32px;
    }

    .shivayoga-page .shivayoga-hero h1 {
        margin-top: 75px;
        font-size: 42px;
    }

    .shivayoga-page .shivayoga-descriptor {
        font-size: 18px;
    }

    .shivayoga-page .shivayoga-container {
        width: calc(100% - 30px);
    }

    .shivayoga-page .shivayoga-header h2 {
        font-size: 29px;
    }

    .shivayoga-page .shivayoga-content p {
        font-size: 17px;
        line-height: 1.72;
    }

    .shivayoga-page .shivayoga-closing {
        padding-right: 15px;
        padding-left: 15px;
    }

    .shivayoga-page .shivayoga-closing p {
        font-size: 17px;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .shivayoga-page .shivayoga-crumbs a {
        transition: none;
    }
}












.shivayoga-page .shivayoga-extra-section h3,
.shivayoga-page .shivayoga-extra-emphasis,
.shivayoga-page .shivayoga-quote {
    border-left-color: #7B1E1E !important;
}
/* Remove line above Page 2 */
.shivayoga-page .shivayoga-page-navigation {
    border-top: none !important;
    padding-top: 0;
}
/* PAGE 2 LINK */
.shivayoga-page .shivayoga-page-navigation {
    display: flex;
    justify-content: flex-end;
    margin: 45px 0 25px;
    padding-top: 22px;
    border-top: 1px solid rgba(201, 139, 39, 0.3);
}

.shivayoga-page .shivayoga-page-navigation a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 22px;
    background: #073653;
    color: #f8f3e9;
    border: 1px solid #c98b27;
    text-decoration: none;
    font-size: 15px;
    transition: background 0.2s ease;
}

.shivayoga-page .shivayoga-page-navigation a:hover {
    background: #7B1E1E;
    color: #ffffff;
}

@media (max-width: 600px) {
    .shivayoga-page .shivayoga-page-navigation {
        margin-top: 32px;
    }
}


/* =========================================
   SHIVA-YOGA — REDUCE SPECIFIC GAPS
   ========================================= */

/* SHIVA-YOGA heading aur paragraph */
.shivayoga-page .shivayoga-header {
    margin-bottom: 12px !important;
}

.shivayoga-page .shivayoga-header h2 {
    margin-bottom: 8px !important;
}

/* Main content ke last paragraph ka gap */
.shivayoga-page .shivayoga-content p:last-child {
    margin-bottom: 8px !important;
}

/* Teaching attribution — upar aur neeche ka gap */
.shivayoga-page .shivayoga-teaching {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Attribution ke andar text spacing */
.shivayoga-page .shivayoga-teaching-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 4px !important;
}

.shivayoga-page .shivayoga-teaching-content p {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/* Closing ornament aur Page 3 ke beech ka gap */
.shivayoga-page .shivayoga-closing {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
}

.shivayoga-page .shivayoga-closing-inner {
    margin-bottom: 4px !important;
}

.shivayoga-page .shivayoga-page-navigation {
    margin-top: 4px !important;
    padding-top: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .shivayoga-page .shivayoga-header {
        margin-bottom: 8px !important;
    }

    .shivayoga-page .shivayoga-teaching {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .shivayoga-page .shivayoga-closing {
        padding-top: 4px !important;
        padding-bottom: 6px !important;
    }
}



/* =========================================
   SHIVA-YOGA — QUOTE / HIGHLIGHT STYLE
   ========================================= */

.shivayoga-page .shivayoga-content blockquote,
.shivayoga-page .shivayoga-content p[style*="background"],
.shivayoga-page .shivayoga-content .white-background {
    background: #EEE4D3 !important;
    color: #082E4A !important;
    font-style: italic !important;
    padding: 18px 22px !important;
    border-left: 3px solid #7B1E1E !important;
    border-radius: 0 4px 4px 0;
}

/* Quote ke andar ka text */
.shivayoga-page .shivayoga-content blockquote p,
.shivayoga-page .shivayoga-content blockquote span {
    color: #082E4A !important;
    font-style: italic !important;
}




/* =========================================================
   SHIVA-YOGA — TECHNIQUE OF OPENING THE THIRD EYE
   Additional article styles
   Existing CSS ko replace nahi karna hai.
========================================================= */

.shivayoga-page .shivayoga-extra {
    width: 100%;
    margin-top: 64px;
    padding-top: 42px;
    border-top: 1px solid rgba(201, 139, 39, 0.38);
}

.shivayoga-page .shivayoga-extra-header {
    margin: 0 0 36px;
    text-align: center;
}

.shivayoga-page .shivayoga-extra-header h2 {
    max-width: 850px;
    margin: 0 auto;
    color: var(--shivayoga-ink);
    /* font-family: var(--shivayoga-serif); */
    font-family: "Source Serif 4"!important;
    font-size: clamp(29px, 3.2vw, 36px);
    font-weight: 500;
    line-height: 1.3;
}

.shivayoga-page .shivayoga-extra-section {
    width: 100%;
    margin-top: 54px;
}

.shivayoga-page .shivayoga-extra-section h3 {
    max-width: 850px;
    margin: 0 auto 24px;
    padding-left: 18px;
    border-left: 3px solid var(--shivayoga-gold);
    color: var(--shivayoga-ink);
    /* font-family: var(--shivayoga-serif); */
    font-family: "Source Serif 4" !important;
    font-size: clamp(23px, 2.5vw, 29px);
    font-weight: 500;
    line-height: 1.4;
}

.shivayoga-page .shivayoga-extra-content strong,
.shivayoga-page .shivayoga-extra-section strong {
    color: #183b55;
    font-weight: 700;
}

.shivayoga-page .shivayoga-extra-intro {
    margin-bottom: 24px;
}

.shivayoga-page .shivayoga-extra-emphasis {
    margin-top: 30px !important;
    padding: 20px 24px;
    border-left: 3px solid var(--shivayoga-gold);
    background: rgba(255, 255, 255, 0.48);
}

.shivayoga-page .shivayoga-quote {
    margin: 30px 0;
    padding: 22px 28px;
    border-left: 3px solid var(--shivayoga-gold);
    background: rgba(255, 255, 255, 0.48);
    color: #4b4034;
    font-family: var(--shivayoga-serif);
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.85;
    text-align: justify;
    text-justify: inter-word;
}

.shivayoga-page .shivayoga-image-figure {
    width: min(850px, 100%);
    margin: 36px auto 42px;
}

.shivayoga-page .shivayoga-image-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
}

.shivayoga-page .shivayoga-image-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 700px;
    margin: 0 auto;
}

.shivayoga-page .shivayoga-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 190px;
    padding: 10px;
    border: 1px solid rgba(201, 139, 39, 0.32);
    background: rgba(255, 255, 255, 0.55);
    text-decoration: none;
}

.shivayoga-page .shivayoga-image-link img {
    display: block;
    width: 100%;
    height: 210px;
    max-width: 100%;
    object-fit: contain;
}

.shivayoga-page .shivayoga-image-figure figcaption {
    margin-top: 16px;
    color: var(--shivayoga-muted);
    font-family: var(--shivayoga-ui);
    font-size: 13px;
    font-style: italic;
    line-height: 1.8;
    text-align: center;
}

.shivayoga-page .shivayoga-extra-source {
    margin-top: 45px;
}


/* TABLET */

@media (max-width: 900px) {
    .shivayoga-page .shivayoga-extra {
        margin-top: 50px;
        padding-top: 34px;
    }

    .shivayoga-page .shivayoga-extra-section {
        margin-top: 44px;
    }

    .shivayoga-page .shivayoga-image-grid {
        gap: 14px;
    }

    .shivayoga-page .shivayoga-image-link img {
        height: 180px;
    }

    .shivayoga-page .shivayoga-quote {
        padding: 20px 23px;
        font-size: 18px;
    }
}


/* MOBILE */

@media (max-width: 700px) {
    .shivayoga-page .shivayoga-extra {
        margin-top: 40px;
        padding-top: 28px;
    }

    .shivayoga-page .shivayoga-extra-header {
        margin-bottom: 28px;
    }

    .shivayoga-page .shivayoga-extra-header h2 {
        font-size: 29px;
        line-height: 1.3;
    }

    .shivayoga-page .shivayoga-extra-section {
        margin-top: 38px;
    }

    .shivayoga-page .shivayoga-extra-section h3 {
        margin-bottom: 20px;
        padding-left: 13px;
        font-size: 24px;
        line-height: 1.4;
    }

    .shivayoga-page .shivayoga-extra-emphasis {
        padding: 16px 17px;
    }

    .shivayoga-page .shivayoga-quote {
        margin: 24px 0;
        padding: 17px 18px;
        font-size: 17px;
        line-height: 1.75;
    }

    .shivayoga-page .shivayoga-image-figure {
        margin: 28px auto 32px;
    }

    .shivayoga-page .shivayoga-image-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .shivayoga-page .shivayoga-image-grid-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .shivayoga-page .shivayoga-image-link {
        min-height: 150px;
        padding: 8px;
    }

    .shivayoga-page .shivayoga-image-link img {
        height: 190px;
    }

    .shivayoga-page .shivayoga-image-grid-two .shivayoga-image-link img {
        height: 150px;
    }

    .shivayoga-page .shivayoga-image-figure figcaption {
        font-size: 12px;
        line-height: 1.7;
    }

    .shivayoga-page .shivayoga-extra-source {
        margin-top: 34px;
    }
}


/* SMALL MOBILE */

@media (max-width: 380px) {
    .shivayoga-page .shivayoga-extra-header h2 {
        font-size: 26px;
    }

    .shivayoga-page .shivayoga-extra-section h3 {
        font-size: 22px;
    }

    .shivayoga-page .shivayoga-quote {
        padding: 15px;
        font-size: 16px;
    }

    .shivayoga-page .shivayoga-image-grid-two {
        grid-template-columns: 1fr;
    }

    .shivayoga-page .shivayoga-image-grid-two .shivayoga-image-link img {
        height: 190px;
    }
}

/* SHIVAYOGA — OPENING REFLECTION */
.shivayoga-opening .shivayoga-opening-inner > p {
    font-style: italic;
    font-size: 21px;
    line-height: 1.55;
    color: var(--sadhana-ink);
    /* margin: 0; */
    margin-left: 280px !important;
}

/* SHIVAYOGA — CLOSING REFLECTION */
.shivayoga-closing .shivayoga-closing-inner > p {
    font-style: italic;
    font-size: 21px;
    line-height: 1.55;
    color: var(--sadhana-ink);
    margin: 0;
     margin-left: 130px;
}


/* =========================================================
   ASHTA VIDHAN POOJA
   Laravel Page CSS
========================================================= */


/* =========================================================
   ASHTA VIDHAN POOJA
   SHIVA-YOGA MATCHING THEME
========================================================= */
/* 
.avp-page .sadhana-closing-reflection {
    padding: 45px 20px 55px;
    text-align: center;
    margin-top: -10px;
    margin-left: 50px;
}

.avp-page .sadhana-closing-reflection p {
    font-style: italic;
    font-size: 21px;
    line-height: 1.55;
    color: var(--sadhana-ink);
    margin: 0;
    margin-left: 400px;
}

.avp-page .sadhana-closing-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 22px;
}

.avp-page .sadhana-closing-lines i {
    width: 65px;
    height: 1px;
    background: var(--sadhana-gold);
}

.avp-page .sadhana-five-mark {
    color: var(--sadhana-gold);
    font-size: 19px;
}

.avp-page .sadhana-short-rule {
    display: block;
    width: 55px;
    height: 2px;
    background: var(--sadhana-gold);
    margin: 24px auto 0;
}

@media (max-width: 576px) {
    .avp-page .sadhana-closing-reflection p {
        font-size: 18px;
    }
} */


/* CLOSING REFLECTION - FULL CENTER OVERRIDE */
.avp-page .sadhana-closing-reflection {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 45px 20px 55px !important;
    margin: -10px 0 0 0 !important;
    text-align: center !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.avp-page .sadhana-closing-reflection p {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 900px !important;
    font-style: italic !important;
    font-size: 21px !important;
    line-height: 1.55 !important;
    color: var(--sadhana-ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
}

.avp-page .sadhana-closing-lines {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 auto 22px !important;
}

.avp-page .sadhana-closing-lines i {
    display: block !important;
    width: 65px !important;
    height: 1px !important;
    background: var(--sadhana-gold) !important;
    flex-shrink: 0 !important;
}

.avp-page .sadhana-five-mark {
    display: inline-block !important;
    color: var(--sadhana-gold) !important;
    font-size: 19px !important;
}

.avp-page .sadhana-short-rule {
    display: block !important;
    width: 55px !important;
    height: 2px !important;
    background: var(--sadhana-gold) !important;
    margin: 24px auto 0 !important;
}

@media (max-width: 576px) {
    .avp-page .sadhana-closing-reflection {
        padding: 35px 18px 40px !important;
    }

    .avp-page .sadhana-closing-reflection p {
        font-size: 18px !important;
    }
}


.avp-page {
    --night: #071c2d;
    --navy: #132a46;
    --navy-light: #1b3657;
    --ink: #3e3933;
    --ivory: #f8f4eb;
    --paper: #fffdf8;
    --sand: #f4ecde;
    --gold: #ad843f;
    --gold2: #dbc59a;
    --muted: #746b60;

    background: var(--ivory);
    color: var(--ink);
    font-family:"Source Serif 4" !important;
    font-size: 18px;
    line-height: 1.72;
}

.avp-page *,
.avp-page *::before,
.avp-page *::after {
    box-sizing: border-box;
}

.avp-page img {
    display: block;
    max-width: 100%;
    height: auto;
}

.avp-page h1,
.avp-page h2,
.avp-page h3,
.avp-page h4,
.avp-page h5,
.avp-page figcaption {
    /* font-family: Georgia, "Times New Roman", serif; */
    font-family: "Source Serof 4" !important;
    font-weight: 400;
}

.avp-page p {
    color: var(--muted);
    line-height: 1.75;
    text-align: left;
    text-justify: inter-word;
    font-family: "Source Serif 4" !important;
    font-size: 18px;


}

.avp-page .avp-overline {
    font: 700 12px Arial, sans-serif;
    letter-spacing: .17em;
}

.avp-page .avp-gold {
    color: var(--gold);
}


/* =========================================================
   HERO
   Original hero appearance retained
========================================================= */

.avp-page .avp-hero {
    min-height: 640px;
    background:
        radial-gradient(
            circle at 72% 48%,
            #203e60 0,
            #142d4b 24%,
            #0d1d32 60%
        );
    color: #fff;
    display: grid;
    align-items: center;
    overflow: hidden;
}

.avp-page .avp-hero-inner {
    width: min(1180px, calc(100% - 48px));
    margin: auto;
    position: relative;
}

.avp-page .avp-hero h1 {
    color: #fff;
    font-weight: 400;
    font-size: clamp(3.5rem, 8vw, 7.2rem);
    line-height: .95;
    margin: .35rem 0 1rem;
    max-width: 800px;
}

.avp-page .avp-subtitle {
    font-size: 1.45rem;
    color: #e1d7c6;
}

.avp-page .avp-subtitle span {
    font-size: .9rem;
    color: #bdb09d;
}

.avp-page .avp-orb {
    position: absolute;
    right: 3%;
    top: 50%;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(218, 194, 146, .5);
    box-shadow:
        0 0 0 35px rgba(218, 194, 146, .035),
        0 0 0 80px rgba(218, 194, 146, .02);
}


/* =========================================================
   SACRED SECTION
   OM SECTION BELOW HERO
========================================================= */

.avp-page .sacred-section {
    position: relative;
    background: var(--ivory);
    color: var(--ink);
    padding: 48px 20px;
    overflow: hidden;
}

.avp-page .sacred-divider {
    width: min(760px, 90%);
    margin: 0 auto 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}

.avp-page .sacred-divider .line {
    height: 1px;
    background: var(--gold2);
    flex: 1;
}

.avp-page .om-circle {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border: 1px solid var(--gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
}

.avp-page .sacred-content {
    text-align: center;
    margin-top: 24px;
}

.avp-page .sacred-content h3 {
    color: var(--navy);
    font-size: 21px;
    /* font-weight: 400; */
    line-height: 1.5;
    margin: 0;
    text-align: center;
    font-style: italic;
}

.avp-page .sacred-content h5 {
    color: var(--navy);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.avp-page .sacred-content p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
}

.avp-page .small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 24px;
}

.avp-page .small-divider span {
    width: 55px;
    height: 1px;
    background: var(--gold2);
}

.avp-page .small-divider i {
    color: var(--gold);
    font-size: 16px;
}

.avp-page .lotus {
    position: absolute;
    color: var(--gold2);
    font-size: 2.4rem;
    opacity: .55;
}

.avp-page .lotus-left {
    left: 8%;
    bottom: 25px;
}

.avp-page .lotus-right {
    right: 8%;
    bottom: 25px;
}


/* =========================================================
   LIVING TRANSMISSION
========================================================= */

.avp-page .avp-transmission {
    background: var(--ivory);
    padding: 55px 24px;
    margin: 0;
}

.avp-page .avp-transmission-copy {
    text-align: center;
}

.avp-page .avp-transmission-copy h2 {
    color: var(--navy);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
    margin: 8px 0 0;
    font-family: "Source Serif 4" !important;
}

.avp-page .avp-lineage {
    width: min(980px, 100%);
    margin: 38px auto 0;
    display: grid;
    grid-template-columns: 1fr 120px 1fr;
    align-items: center;
    gap: 28px;
}

.avp-page .avp-lineage figure {
    margin: 0;
}

.avp-page .avp-portrait {
    background: var(--paper);
    border: 1px solid var(--gold2);
    border-radius: 18px;
    padding: 12px;
    overflow: visible;
}

.avp-page .avp-portrait img {
    width: 100%;
    height: 500px;
    object-fit: contain;
    background: #f7f2e8;
    border-radius: 10px;
}

.avp-page .avp-lineage figcaption {
    text-align: center;
    font-size: 21px;
    color: var(--navy);
    margin-top: 18px;
}

.avp-page .avp-lineage figcaption span {
    display: block;
    font: 700 11px Arial, sans-serif;
    letter-spacing: .2em;
    color: var(--gold);
    margin-top: 5px;
}

.avp-page .avp-thread {
    display: flex;
    align-items: center;
    color: var(--gold);
}

.avp-page .avp-thread span {
    height: 1px;
    background: var(--gold2);
    flex: 1;
}

.avp-page .avp-thread b {
    font-size: 1.4rem;
    padding: 0 8px;
}


/* =========================================================
   PROLOGUE
========================================================= */

.avp-page .avp-prologue {
    width: min(1000px, calc(100% - 48px));
    margin: 0 auto;
    padding: 55px 0;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 55px;
}

.avp-page .avp-prologue-mark {
    width: 120px;
    height: 120px;
    border: 1px solid var(--gold2);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--gold);
    font-size: 2.5rem;
    position: sticky;
    top: 30px;
}

.avp-page .avp-prologue-text p:first-child:first-letter {
    font-size: 4.6rem;
    float: left;
    line-height: .75;
    padding: .15em .12em 0 0;
    color: var(--gold);
}

.avp-page .avp-prologue-text p {
    font-size: 18px;
    color: var(--ink);
    margin: 0 0 1.35rem;
    line-height: 1.8;
}


/* =========================================================
   NECESSARY ITEMS
========================================================= */

.avp-page .avp-threshold {
    background: var(--night);
    color: #fff;
    padding: 55px max(24px, calc((100vw - 1180px) / 2));
    display: grid;
    grid-template-columns: 1.1fr 1fr .65fr;
    gap: 55px;
    align-items: center;
}

.avp-page .avp-items-photo img {
    width: 100%;
    border-radius: 180px 180px 20px 20px;
    border: 1px solid #765f3c;
}

.avp-page .avp-items-copy h2 {
    color: var(--ivory);
    font-size: 30px;
    line-height: 1.35;
    margin: .3rem 0 1rem;
}

.avp-page .avp-items-copy p {
    color: #d8cdbc;
    line-height: 1.75;
}

.avp-page .avp-posture {
    align-self: end;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avp-page .avp-posture img {
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: contain;
    background: #f8f3e8;
    border: 1px solid var(--gold2);
    border-radius: 18px;
    padding: 8px;
}


/* =========================================================
   CHAPTERS
========================================================= */

.avp-page .avp-chapter {
    padding: 60px 24px;
    margin: 0;
    background: var(--ivory);
}

.avp-page .avp-chapter:nth-of-type(even) {
    background: var(--ivory);
}

.avp-page .avp-chapter-head {
    text-align: center;
    width: min(760px, 100%);
    margin: 0 auto 38px;
}

.avp-page .avp-chapter-head .avp-roman {
    display: grid;
    place-items: center;
    margin: auto;
    width: 52px;
    height: 52px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
}

.avp-page .avp-chapter-head > p {
    width: 100%;
    font: 700 12px Arial, sans-serif;
    letter-spacing: .16em;
    color: var(--gold);
    margin: 18px 0 5px;
    text-align: center;
}

.avp-page .avp-chapter-head h2 {
    color: var(--navy);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
}


/* =========================================================
   INSTRUCTIONS
========================================================= */

.avp-page .avp-instructions {
    width: min(1050px, 100%);
    margin: auto;
    columns: 2;
    column-gap: 80px;
}

.avp-page .avp-instruction {
    break-inside: avoid;
    background: rgba(255, 253, 248, .75);
    border-top: 1px solid var(--gold2);
    padding: 28px 20px 34px;
    margin: 0 0 32px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
}

.avp-page .avp-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid var(--gold);
    color: var(--navy);
    font: 700 12px Arial, sans-serif;
}

.avp-page .avp-instruction-text p {
    color: var(--ink);
    font-size: 18px;
    line-height: 1.75;
    margin: 0 0 1rem;
    text-align: left;
}

.avp-page .avp-instruction-text p + p {
    margin-top: 18px;
}

.avp-page .avp-archive {
    grid-column: 1 / -1;
    margin: 22px auto 0;
    background: var(--paper);
    padding: 14px;
    border: 1px solid #dfd3bc;
    border-radius: 120px 120px 18px 18px;
    max-width: 290px;
}

.avp-page .avp-archive img {
    max-height: 330px;
    width: auto;
    margin: auto;
}


/* =========================================================
   STEP COLOR IMAGES
========================================================= */

.avp-page .avp-step-color {
    grid-column: 1 / -1;
    margin: 24px 0 0;
    background: var(--paper);
    padding: 10px;
    border: 1px solid var(--gold2);
    border-radius: 16px;
}

.avp-page .avp-step-color img {
    width: 100%;
    height: auto;
    object-fit: contain;
}


/* =========================================================
   ISHTALINGA PAUSE
========================================================= */

.avp-page .avp-ishtalinga-pause {
    width: min(900px, 100%);
    margin: 30px auto 40px;
    background: #0a0b0d;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-radius: 240px 22px 22px 240px;
    overflow: hidden;
}

.avp-page .avp-ishtalinga-pause img {
    width: 100%;
    height: 430px;
    object-fit: contain;
}

.avp-page .avp-ishtalinga-pause div {
    padding: 40px;
}

.avp-page .avp-ishtalinga-pause span {
    font: 700 11px Arial, sans-serif;
    letter-spacing: .2em;
    color: var(--gold2);
}

.avp-page .avp-ishtalinga-pause h3 {
    color: var(--ivory);
    font-size: 25px;
    font-weight: 400;
    line-height: 1.45;
}


/* =========================================================
   CLOSING SECTION ABOVE FOOTER
========================================================= */

.avp-page .avp-coda {
    background: linear-gradient(
        110deg,
        #071c2d,
        #132a46
    );
    color: #fff;
    padding: 65px max(24px, calc((100vw - 1050px) / 2));
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 65px;
    align-items: center;
    margin: 0;
}

.avp-page .avp-coda-light img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #725d3c;
}

.avp-page .avp-coda-copy h2 {
    color: var(--ivory);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    margin: .4rem 0 1.5rem;
}

.avp-page .avp-source-note {
    color: #d8cdbc;
    font-size: 15px;
    line-height: 1.75;
    font-style: italic;
    border-top: 1px solid rgba(219, 197, 154, .4);
    padding-top: 22px;
    text-align: justify;
}


/* =========================================================
   CONTINUE THE INNER JOURNEY
========================================================= */

.avp-page .practice-section {
    background: var(--ivory);
    padding: 55px 0 60px;
    margin: 0;
}

.avp-page .practice-section .section-heading {
    width: 100%;
    text-align: center;
    margin: 0 auto 35px;
}

.avp-page .practice-section .section-heading h3 {
    color: var(--navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    margin: 0;
}

.avp-page .practice-section .title-divider {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 18px auto 0;
}

.avp-page .practice-section .title-divider span,
.avp-page .practice-section .title-divider .text-center span {
    width: 55px;
    height: 1px;
    background: var(--gold2);
    display: block;
    margin: 0;
}

.avp-page .practice-section .title-divider i {
    color: var(--gold);
    font-size: 16px;
    line-height: 1;
    margin: 0;
}


/* =========================================================
   PRACTICE CARDS
========================================================= */

.avp-page .practice-section .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 22px;
}

.avp-page .practice-section .row > .col-lg-3,
.avp-page .practice-section .row > .col-md-6 {
    flex: 1 1 0;
    width: auto;
    max-width: 360px;
    padding-left: 0;
    padding-right: 0;
}

.avp-page .practice-section .practice-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 30px 22px;
    text-align: center;
    text-decoration: none;
    background: var(--paper);
    border: 1px solid #dfd3bc;
    border-radius: 12px;
    color: var(--ink);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.avp-page .practice-section .practice-box:hover {
    color: var(--ink);
    text-decoration: none;
    transform: translateY(-5px);
    border-color: var(--gold2);
    box-shadow: 0 15px 35px rgba(20, 44, 73, .08);
}

.avp-page .practice-section .practice-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 18px;
    border: 1px solid var(--gold2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    font-size: 23px;
    flex-shrink: 0;
}

.avp-page .practice-section .practice-box h3 {
    color: var(--navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    white-space: normal;
}

.avp-page .practice-section .mini-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--gold);
    margin: 15px 0;
    flex-shrink: 0;
}

.avp-page .practice-section .mini-divider span {
    width: 35px;
    height: 1px;
    background: var(--gold2);
    display: block;
}

.avp-page .practice-section .practice-box p {
    width: 100%;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 20px;
}

.avp-page .practice-section .practice-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--gold);
    font: 700 12px Arial, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.avp-page .practice-section .practice-btn i {
    transition: transform .3s ease;
}

.avp-page .practice-section .practice-box:hover .practice-btn i {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    .avp-page .avp-hero {
        min-height: 560px;
        padding: 70px 24px;
    }

    .avp-page .avp-hero-inner {
        width: 100%;
        text-align: center;
    }

    .avp-page .avp-hero h1 {
        font-size: clamp(3rem, 10vw, 5rem);
        max-width: 100%;
    }

    .avp-page .avp-subtitle {
        font-size: 1.2rem;
    }

    .avp-page .avp-orb {
        width: 220px;
        height: 220px;
        right: 50%;
        top: auto;
        bottom: -70px;
        transform: translateX(50%);
    }

    .avp-page .avp-lineage {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .avp-page .avp-portrait img {
        height: 420px;
    }

    .avp-page .avp-thread {
        transform: rotate(90deg);
        width: 90px;
        margin: 0 auto;
    }

    .avp-page .avp-prologue {
        width: min(760px, calc(100% - 40px));
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .avp-page .avp-prologue-mark {
        position: static;
        width: 90px;
        height: 90px;
        margin: auto;
        font-size: 2rem;
    }

    .avp-page .avp-threshold {
        padding: 55px 24px;
        grid-template-columns: 1fr;
        gap: 35px;
        text-align: center;
    }

    .avp-page .avp-items-photo img {
        max-width: 500px;
        margin: auto;
    }

    .avp-page .avp-posture img {
        max-width: 260px;
        margin: auto;
    }

    .avp-page .avp-instructions {
        columns: 1;
    }

    .avp-page .avp-ishtalinga-pause {
        width: min(100%, 700px);
        grid-template-columns: 1fr;
        border-radius: 100px 100px 20px 20px;
    }

    .avp-page .avp-ishtalinga-pause img {
        height: 350px;
    }

    .avp-page .avp-ishtalinga-pause div {
        padding: 35px 30px;
        text-align: center;
    }

    .avp-page .avp-coda {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 55px 24px;
        text-align: center;
    }

    .avp-page .avp-coda-light img {
        width: 220px;
        margin: auto;
    }

    .avp-page .practice-section .row {
        flex-wrap: wrap;
    }

    .avp-page .practice-section .row > .col-lg-3,
    .avp-page .practice-section .row > .col-md-6 {
        flex: 0 0 calc(50% - 11px);
        width: calc(50% - 11px);
        max-width: calc(50% - 11px);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .avp-page {
        font-size: 15px;
    }

    .avp-page .avp-hero {
        min-height: 520px;
        padding: 60px 20px;
    }

    .avp-page .avp-hero h1 {
        font-size: clamp(2.8rem, 13vw, 4.5rem);
    }

    .avp-page .avp-subtitle {
        font-size: 1.05rem;
    }

    .avp-page .avp-subtitle span {
        display: block;
        margin-top: 6px;
    }

    .avp-page .avp-orb {
        width: 180px;
        height: 180px;
        bottom: -55px;
    }

    .avp-page .sacred-section {
        padding: 38px 15px;
    }

    .avp-page .sacred-divider {
        width: 100%;
        gap: 10px;
        margin-bottom: 22px;
    }

    .avp-page .sacred-divider .line {
        min-width: 30px;
    }

    .avp-page .om-circle {
        width: 52px;
        height: 52px;
        font-size: 23px;
    }

    .avp-page .sacred-content {
        margin-top: 20px;
    }

    .avp-page .sacred-content h3 {
        font-size: 21px;
    }

    .avp-page .sacred-content h5 {
        font-size: 17px;
    }

    .avp-page .sacred-content p {
        font-size: 15px;
    }

    .avp-page .lotus {
        display: none;
    }

    .avp-page .avp-transmission {
        padding: 38px 16px;
    }

    .avp-page .avp-transmission-copy h2,
    .avp-page .avp-items-copy h2,
    .avp-page .avp-chapter-head h2,
    .avp-page .avp-coda-copy h2 {
        font-size: 25px;
        line-height: 1.4;
    }

    .avp-page .avp-portrait {
        padding: 8px;
        border-radius: 14px;
    }

    .avp-page .avp-portrait img {
        height: 340px;
    }

    .avp-page .avp-lineage figcaption {
        font-size: 19px;
        margin-top: 14px;
    }

    .avp-page .avp-prologue {
        width: calc(100% - 30px);
        padding: 38px 0;
        gap: 24px;
    }

    .avp-page .avp-prologue-mark {
        width: 75px;
        height: 75px;
        font-size: 1.7rem;
    }

    .avp-page .avp-prologue-text p {
        font-size: 15px;
    }

    .avp-page .avp-threshold {
        padding: 38px 18px;
        gap: 30px;
    }

    .avp-page .avp-items-copy p {
        font-size: 15px;
    }

    .avp-page .avp-posture img {
        max-width: 220px;
    }

    .avp-page .avp-chapter {
        padding: 42px 15px;
    }

    .avp-page .avp-chapter-head {
        margin-bottom: 28px;
    }

    .avp-page .avp-chapter-head .avp-roman {
        width: 46px;
        height: 46px;
    }

    .avp-page .avp-chapter-head > p {
        font-size: 11px;
        margin-top: 16px;
    }

    .avp-page .avp-instruction {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 12px;
        padding: 22px 12px 27px;
        margin-bottom: 24px;
    }

    .avp-page .avp-num {
        width: 38px;
        height: 38px;
        font-size: 11px;
    }

    .avp-page .avp-instruction-text p {
        font-size: 15px;
    }

    .avp-page .avp-archive {
        max-width: 220px;
    }

    .avp-page .avp-archive img {
        max-height: 280px;
    }

    .avp-page .avp-step-color {
        padding: 7px;
        border-radius: 12px;
    }

    .avp-page .avp-ishtalinga-pause {
        width: 100%;
        margin: 0 auto 35px;
        border-radius: 60px 60px 16px 16px;
    }

    .avp-page .avp-ishtalinga-pause img {
        height: 280px;
    }

    .avp-page .avp-ishtalinga-pause div {
        padding: 30px 22px;
    }

    .avp-page .avp-ishtalinga-pause h3 {
        font-size: 20px;
    }

    .avp-page .avp-coda {
        padding: 42px 20px;
        gap: 30px;
    }

    .avp-page .avp-coda-light img {
        width: 180px;
    }

    .avp-page .avp-source-note {
        font-size: 14px;
        padding-top: 18px;
    }

    .avp-page .practice-section {
        padding: 40px 15px;
    }

    .avp-page .practice-section .section-heading {
        margin-bottom: 28px;
    }

    .avp-page .practice-section .section-heading h3 {
        font-size: 23px;
        line-height: 1.35;
        white-space: normal;
        margin: 0;
    }

    .avp-page .practice-section .title-divider {
        gap: 10px;
        margin-top: 15px;
    }

    .avp-page .practice-section .title-divider span,
    .avp-page .practice-section .title-divider .text-center span {
        width: 45px;
    }

    .avp-page .practice-section .row {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .avp-page .practice-section .row > .col-lg-3,
    .avp-page .practice-section .row > .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .avp-page .practice-section .practice-box {
        padding: 26px 20px;
    }

    .avp-page .practice-section .practice-box h3 {
        font-size: 19px;
    }

    .avp-page .practice-section .practice-box p {
        font-size: 14px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    .avp-page .avp-hero {
        min-height: 480px;
        padding: 50px 15px;
    }

    .avp-page .avp-hero h1 {
        font-size: 2.65rem;
    }

    .avp-page .avp-overline {
        font-size: 10px;
        letter-spacing: .15em;
    }

    .avp-page .avp-subtitle {
        font-size: 1rem;
    }

    .avp-page .avp-orb {
        width: 145px;
        height: 145px;
        bottom: -45px;
    }

    .avp-page .sacred-section {
        padding: 34px 12px;
    }

    .avp-page .sacred-divider {
        gap: 7px;
    }

    .avp-page .om-circle {
        width: 48px;
        height: 48px;
        font-size: 21px;
    }

    .avp-page .sacred-content h3 {
        font-size: 19px;
    }

    .avp-page .sacred-content h5 {
        font-size: 16px;
    }

    .avp-page .avp-transmission {
        padding: 34px 12px;
    }

    .avp-page .avp-transmission-copy h2,
    .avp-page .avp-items-copy h2,
    .avp-page .avp-chapter-head h2,
    .avp-page .avp-coda-copy h2 {
        font-size: 22px;
    }

    .avp-page .avp-portrait img {
        height: 280px;
    }

    .avp-page .avp-lineage figcaption {
        font-size: 17px;
    }

    .avp-page .avp-prologue {
        width: calc(100% - 24px);
        padding: 34px 0;
    }

    .avp-page .avp-prologue-text p {
        font-size: 14px;
    }

    .avp-page .avp-threshold {
        padding: 34px 14px;
    }

    .avp-page .avp-items-copy p {
        font-size: 14px;
    }

    .avp-page .avp-posture img {
        max-width: 190px;
    }

    .avp-page .avp-chapter {
        padding: 36px 12px;
    }

    .avp-page .avp-chapter-head {
        margin-bottom: 25px;
    }

    .avp-page .avp-instruction {
        display: block;
        padding: 20px 10px 25px;
    }

    .avp-page .avp-num {
        margin-bottom: 14px;
    }

    .avp-page .avp-instruction-text p {
        font-size: 14px;
    }

    .avp-page .avp-ishtalinga-pause {
        border-radius: 50px 50px 14px 14px;
    }

    .avp-page .avp-ishtalinga-pause img {
        height: 240px;
    }

    .avp-page .avp-ishtalinga-pause div {
        padding: 26px 18px 30px;
    }

    .avp-page .avp-ishtalinga-pause h3 {
        font-size: 18px;
    }

    .avp-page .avp-coda {
        padding: 36px 15px;
    }

    .avp-page .avp-coda-light img {
        width: 155px;
    }

    .avp-page .avp-source-note {
        font-size: 13px;
    }

    .avp-page .practice-section {
        padding: 34px 12px;
    }

    .avp-page .practice-section .section-heading h3 {
        font-size: 21px;
    }

    .avp-page .practice-section .title-divider span,
    .avp-page .practice-section .title-divider .text-center span {
        width: 38px;
    }

    .avp-page .practice-section .practice-box {
        padding: 24px 16px;
    }

    .avp-page .practice-section .practice-icon {
        width: 52px;
        height: 52px;
        font-size: 21px;
    }

    .avp-page .practice-section .practice-box h3 {
        font-size: 18px;
    }

    .avp-page .practice-section .practice-box p {
        font-size: 14px;
        line-height: 1.65;
    }
}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 360px) {
    .avp-page .avp-hero h1 {
        font-size: 2.3rem;
    }

    .avp-page .avp-subtitle {
        font-size: .92rem;
    }

    .avp-page .sacred-content h3 {
        font-size: 18px;
    }

    .avp-page .avp-chapter-head h2 {
        font-size: 20px;
    }

    .avp-page .practice-section .section-heading h3 {
        font-size: 19px;
    }

    .avp-page .practice-section .practice-box {
        padding: 22px 14px;
    }
}


/* =========================================================
   IMAGE SIZE & SQUARE FRAMES
   ========================================================= */

/* Centre of Worship — reduce image width and size */
.avp-page .avp-ishtalinga-pause > img {
    width: 250px !important;
    height: 240px !important;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex: 0 0 140px;
    border-radius: 0 !important;
}

/* Make image backgrounds, borders and frames square */
.avp-page figure,
.avp-page .avp-archive,
.avp-page .avp-step-color,
.avp-page .avp-portrait,
.avp-page .avp-items-photo,
.avp-page .avp-posture,
.avp-page .avp-coda-light,
.avp-page .avp-ishtalinga-pause > img {
    border-radius: 0 !important;
}

/* Instruction 01 image — square frame */
.avp-page #instruction-1 .avp-archive {
    width: 160px !important;
    height: 160px !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex: 0 0 160px;
    border-radius: 0 !important;
}

.avp-page #instruction-1 .avp-archive img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    border-radius: 0 !important;
}

/* All instructional images — square corners */
.avp-page .avp-archive img,
.avp-page .avp-step-color img,
.avp-page .avp-portrait img,
.avp-page .avp-items-photo img,
.avp-page .avp-posture img,
.avp-page .avp-coda-light img {
    border-radius: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .avp-page .avp-ishtalinga-pause > img {
        width: 125px !important;
        height: 125px !important;
        flex-basis: 125px;
    }

    .avp-page #instruction-1 .avp-archive {
        width: 145px !important;
        height: 145px !important;
        flex-basis: 145px;
    }
}

/* =========================================================
   ASHTA VIDHAN POOJA — SECTION SPACING & ALIGNMENT
   ========================================================= */

/* Reduce spacing between sections */
.avp-page .avp-transmission,
.avp-page .avp-prologue,
.avp-page .avp-threshold,
.avp-page .avp-chapter,
.avp-page .avp-coda,
.avp-page .practice-section {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

/* Reduce general sacred section spacing */
.avp-page .sacred-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Centre A LIVING TRANSMISSION section content */
.avp-page .avp-transmission-copy {
    width: 100%;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

.avp-page .avp-transmission-copy .avp-overline,
.avp-page .avp-transmission-copy h2 {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

/* Reduce spacing inside transmission section */
.avp-page .avp-transmission-copy h2 {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

/* Centre Continue the Inner Journey */
.avp-page .practice-section .section-heading {
    width: 100%;
    text-align: center !important;
    margin: 0 auto 14px !important;
}

.avp-page .practice-section .section-heading h3 {
    width: 100%;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Reduce heading-to-content spacing */
.avp-page .avp-chapter-head {
    margin-bottom: 16px !important;
}

.avp-page .avp-instructions {
    gap: 12px !important;
}

.avp-page .avp-instruction {
    margin-bottom: 10px !important;
}

/* Reduce the COMPLETE Centre of Worship section height
   Image height and width remain unchanged */
.avp-page .avp-ishtalinga-pause {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 20px !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
    .avp-page .avp-transmission,
    .avp-page .avp-prologue,
    .avp-page .avp-threshold,
    .avp-page .avp-chapter,
    .avp-page .avp-coda,
    .avp-page .practice-section {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .avp-page .sacred-section {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    .avp-page .avp-ishtalinga-pause {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        gap: 14px !important;
    }

    .avp-page .avp-chapter-head {
        margin-bottom: 12px !important;
    }

    .avp-page .avp-instructions {
        gap: 10px !important;
    }
}



/* Reduce the black Centre of Worship section */
.avp-page .avp-ishtalinga-pause {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    width: 700px !important;
}

/* Reduce extra spacing inside the section */
.avp-page .avp-ishtalinga-pause h2,
.avp-page .avp-ishtalinga-pause h3,
.avp-page .avp-ishtalinga-pause p {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .avp-page .avp-ishtalinga-pause {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* Move Centre of Worship section slightly upward */
.avp-page .avp-ishtalinga-pause {
    margin-top: -20px !important;
    position: relative;
    z-index: 1;
}

/* Add space between Centre of Worship and cards 7–9 */
.avp-page .avp-ishtalinga-pause {
    margin-bottom: 24px !important;
}


/* ///////////////////////////////////////////////////////shivyoga-practice////////////////////////////////////////////////////////// */

/* =========================================================
   SHIVAYOGA PRACTICE PAGE
   PREMIUM + COMPACT DESIGN
========================================================= */

.shivyoga-practice-page {

    --navy: #132a46;
    --navy2: #1b3657;
    --deep: #0d2138;

    --ivory: #f8f4eb;
    --paper: #fffdf8;
    --warm: #f2eadb;

    --gold: #ad843f;
    --gold-light: #d7bf91;
    --gold2: #dfcda5;

    --ink: #37322d;
    --muted: #71685d;

    --line: #e5d7ba;
    --soft-line: rgba(173, 132, 63, .28);

    background: var(--ivory);
    color: var(--ink);

    /* font-family:
        Georgia,
        "Times New Roman",
        serif; */
        font-family: "Source Serif 4"!important;

    line-height: 1.65;
}


/* =========================================================
   GLOBAL
========================================================= */

.shivyoga-practice-page *,
.shivyoga-practice-page *::before,
.shivyoga-practice-page *::after {
    box-sizing: border-box;
}

.shivyoga-practice-page img {
    display: block;
    max-width: 100%;
    height: auto;
}

.shivyoga-practice-page p {
    margin-top: 0;
}

.shivyoga-practice-page h1,
.shivyoga-practice-page h2,
.shivyoga-practice-page h3,
.shivyoga-practice-page h4 {
    /* font-family:
        Georgia,
        "Times New Roman",
        serif; */
        font-family: "Source Serif 4"!important;
}


/* =========================================================
   COMMON WIDTH
========================================================= */

.shivyoga-practice-page .iw-wrap {
    width: min(1120px, calc(100% - 40px));
    margin-inline: auto;
}

.shivyoga-practice-page .iw-narrow {
    width: min(900px, calc(100% - 40px));
}


/* =========================================================
   TOP SPACING
========================================================= */

.shivyoga-practice-page .height-110 {
    height: 80px;
}


/* =========================================================
   HERO SUPPORT
========================================================= */

.shivyoga-practice-page .breadcrumb-area {
    background-size: cover;
    background-position: center;
    position: relative;
}

.shivyoga-practice-page .breadcrumb-area .container {
    position: relative;
    z-index: 2;
}

.shivyoga-practice-page .breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 20px;

    font-size: 13px;
}

.shivyoga-practice-page .breadcrumb-nav a {
    color: inherit;
    text-decoration: none;
}

.shivyoga-practice-page .breadcrumb-nav span {
    opacity: .8;
}

.shivyoga-practice-page .breadcrumb-area h1 {
    color: var(--navy);

    font-size: clamp(2.5rem, 5vw, 4.4rem);

    font-weight: 400;
    line-height: 1.05;

    margin: 0 0 16px;
}

.shivyoga-practice-page .breadcrumb-area h4 {
    color: var(--navy);

    font-size: 1.2rem;
    font-weight: 400;

    margin: 16px 0 10px;
}

.shivyoga-practice-page .breadcrumb-area p {
    color: #4f493f;
    max-width: 600px;
}

.shivyoga-practice-page .breadcrumb-line {
    width: 110px;
    height: 2px;
    background: var(--gold);
}

.shivyoga-practice-page .breadcrumb-line span {
    display: block;
    width: 42px;
    height: 2px;
    background: var(--navy);
}


/* =========================================================
   EYEBROW
========================================================= */

.shivyoga-practice-page .iw-eyebrow,
.shivyoga-practice-page .iw-micro {

    /* font-family: Arial, sans-serif; */
    font-family: "Source Serif 4" !important;

    font-weight: 700;
    letter-spacing: .16em;

    font-size: .69rem;
}

.shivyoga-practice-page .iw-eyebrow {
    margin-bottom: 7px;
}

.shivyoga-practice-page .iw-gold,
.shivyoga-practice-page .iw-micro {
    color: var(--gold);
}


/* =========================================================
   SACRED SECTION
========================================================= */

.shivyoga-practice-page .sacred-section {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #faf6ee 0%,
            var(--ivory) 100%
        );

    color: var(--navy);

    border-bottom: 1px solid var(--soft-line);
}

.shivyoga-practice-page .sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    max-width: 680px;

    margin: 0 auto 20px;
}

.shivyoga-practice-page .sacred-divider .line {
    height: 1px;
    background: var(--gold2);
    flex: 1;
}

.shivyoga-practice-page .om-circle {

    width: 50px;
    height: 50px;

    border: 1px solid var(--gold);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--gold);

    font-size: 1.45rem;

    background: rgba(255,255,255,.45);
}

.shivyoga-practice-page .sacred-content {
    position: relative;
    z-index: 2;

    text-align: center;

    max-width: 850px;

    margin: auto;
}

.shivyoga-practice-page .sacred-content h3 {

    margin: 0;

    color: var(--navy);

    font-size: clamp(1.08rem, 1.7vw, 1.45rem);

    line-height: 1.55;

    font-weight: 400;
    font-style: italic;
}

.shivyoga-practice-page .small-divider {

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    max-width: 220px;

    margin: 17px auto 0;
}

.shivyoga-practice-page .small-divider span {

    height: 1px;

    background: var(--gold2);

    flex: 1;
}

.shivyoga-practice-page .small-divider i {

    color: var(--gold);

    font-size: 12px;
}

.shivyoga-practice-page .lotus {

    position: absolute;

    color: var(--gold2);

    opacity: .55;

    font-size: 1.7rem;
}

.shivyoga-practice-page .lotus-left {
    left: 7%;
    bottom: 18px;
}

.shivyoga-practice-page .lotus-right {
    right: 7%;
    bottom: 18px;
}


/* =========================================================
   LINEAGE
========================================================= */

.shivyoga-practice-page .iw-lineage {

    background:
        linear-gradient(
            135deg,
            #0f253e,
            #1b3657
        );

    color: #fff;

    padding: 68px 0 62px;

    position: relative;
}

.shivyoga-practice-page .iw-lineage::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(215,191,145,.08),
            transparent 40%
        );
}

.shivyoga-practice-page .iw-lineage-head {
    text-align: center;
    position: relative;
    z-index: 1;
}

.shivyoga-practice-page .iw-lineage-head h2 {

    font-weight: 400;

    font-size: clamp(1.7rem, 3vw, 2.35rem);

    line-height: 1.15;

    margin: .35rem 0 .5rem;
}

.shivyoga-practice-page .iw-lineage-head > p:last-child {

    color: #d9cdb8;

    font-size: .95rem;

    margin-bottom: 0;
}

.shivyoga-practice-page .iw-lineage-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        55px
        minmax(0, 1fr);

    gap: 28px;

    align-items: center;

    margin-top: 42px;

    position: relative;
    z-index: 1;
}

.shivyoga-practice-page .iw-lineage-grid figure {
    margin: 0;
}

.shivyoga-practice-page .iw-portrait {

    background: #fff;

    padding: 8px;

    border: 1px solid rgba(215,191,145,.8);

    border-radius: 15px;

    overflow: hidden;

    box-shadow:
        0 18px 45px rgba(0,0,0,.16);
}

.shivyoga-practice-page .iw-portrait img {

    width: 100%;

    height: 360px;

    object-fit: contain;

    background: #eeeae2;

    border-radius: 9px;
}

.shivyoga-practice-page .iw-lineage-grid figcaption {

    text-align: center;

    margin-top: 14px;
}

.shivyoga-practice-page .iw-lineage-grid strong {

    display: block;

    font-size: 1.35rem;

    font-weight: 400;
}

.shivyoga-practice-page .iw-lineage-grid span {

    display: block;

    font-family: Arial, sans-serif;

    font-size: .64rem;

    font-weight: 700;

    letter-spacing: .18em;

    color: var(--gold2);

    margin-top: 4px;
}

.shivyoga-practice-page .iw-lineage-mark {

    text-align: center;

    color: var(--gold2);

    font-size: 1.7rem;
}

.shivyoga-practice-page .iw-lineage-close {

    text-align: center;

    color: var(--gold2);

    font-style: italic;

    font-size: .9rem;

    margin: 38px 0 0;
}


/* =========================================================
   INTRO
========================================================= */

.shivyoga-practice-page .iw-intro {

    padding: 58px 0 40px;

    text-align: center;
}

.shivyoga-practice-page .iw-intro h2,
.shivyoga-practice-page .iw-movement-head h2 {

    color: var(--navy);

    font-size: clamp(1.7rem, 2.8vw, 2.25rem);

    font-weight: 400;

    line-height: 1.18;

    margin: .35rem 0 .8rem;
}

.shivyoga-practice-page .iw-intro p:last-child {

    /* font-size: 1rem; */
    font-size: 18px;

    color: #514a42;

    max-width: 720px;

    margin-inline: auto;
    font-family: "Source Serif 4" !important;
}


/* =========================================================
   PREPARATION
========================================================= */

.shivyoga-practice-page .iw-preparation {

    padding-bottom: 58px;
}

.shivyoga-practice-page .iw-prep-card {

    background:
        linear-gradient(
            135deg,
            #f1e7d6,
            #f6efe3
        );

    border: 1px solid var(--gold2);

    border-radius: 20px;

    padding: 32px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 40px;

    align-items: center;

    box-shadow:
        0 14px 35px rgba(48,38,25,.045);
}

.shivyoga-practice-page .iw-prep-card figure {

    margin: 0;

    background: #fff;

    padding: 9px;

    border-radius: 12px;

    border: 1px solid rgba(173,132,63,.2);
}

.shivyoga-practice-page .iw-prep-card figure img {

    width: 100%;

    max-height: 340px;

    object-fit: contain;
}

.shivyoga-practice-page .iw-prep-card h2 {

    font-weight: 400;

    color: var(--navy);

    font-size: 1.75rem;

    line-height: 1.2;

    margin: 5px 0 12px;
}

.shivyoga-practice-page .iw-prep-card p {

    margin-bottom: 12px;
}

.shivyoga-practice-page .iw-quiet {

    font-size: .88rem;

    color: var(--muted);
}


/* =========================================================
   MOVEMENT
========================================================= */

.shivyoga-practice-page .iw-movement {

    padding: 62px 0 70px;
}

.shivyoga-practice-page .iw-movement.iw-warm {

    background:
        linear-gradient(
            180deg,
            #f4eee2,
            #f1e9dc
        );
}

.shivyoga-practice-page .iw-movement.iw-inward {

    background:
        linear-gradient(
            180deg,
            #faf7f0,
            #f6f0e5
        );
}

.shivyoga-practice-page .iw-movement-head {

    text-align: center;

    margin-bottom: 42px;
}

.shivyoga-practice-page .iw-roman {

    display: grid;

    place-items: center;

    margin: 0 auto 13px;

    width: 42px;
    height: 42px;

    border: 1px solid var(--gold);

    border-radius: 50%;

    color: var(--gold);

    font-size: 1rem;

    background: rgba(255,255,255,.25);
}

.shivyoga-practice-page .iw-movement-head p:last-child {

    color: var(--muted);

    font-size: .98rem;

    max-width: 700px;

    margin: 0 auto;
}


/* =========================================================
   JOURNEY
========================================================= */

.shivyoga-practice-page .iw-journey {

    position: relative;

    padding: 8px 0;
}

.shivyoga-practice-page .iw-journey::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;
    bottom: 0;

    width: 1px;

    background:
        linear-gradient(
            var(--gold2),
            var(--gold),
            var(--gold2)
        );

    transform: translateX(-50%);

    opacity: .85;
}


/* =========================================================
   MOMENT
========================================================= */

.shivyoga-practice-page .iw-moment {

    min-height: 300px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        70px
        minmax(0, 1fr);

    align-items: center;

    position: relative;

    margin: 10px 0 42px;
}

.shivyoga-practice-page .iw-moment .iw-photo {

    background: rgba(255,253,248,.78);

    border: 1px solid var(--line);

    border-radius: 18px;

    padding: 20px;

    min-height: 260px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow:
        0 10px 28px rgba(52,43,30,.035);

    transition: none;
}

.shivyoga-practice-page .iw-moment .iw-photo img {

    max-height: 235px;

    width: auto;

    max-width: 100%;

    object-fit: contain;
}

.shivyoga-practice-page .iw-moment .iw-node {

    grid-column: 2;

    grid-row: 1;

    width: 44px;

    height: 44px;

    border: 1px solid var(--gold);

    background: var(--ivory);

    border-radius: 50%;

    display: grid;

    place-items: center;

    justify-self: center;

    z-index: 2;

    font-family: Arial, sans-serif;

    font-size: .68rem;

    font-weight: 700;

    color: var(--navy);

    box-shadow:
        0 0 0 5px rgba(248,244,235,.7);
}

.shivyoga-practice-page .iw-warm .iw-moment .iw-node {
    background: #f4eee2;

    box-shadow:
        0 0 0 5px rgba(244,238,226,.8);
}

.shivyoga-practice-page .iw-inward .iw-moment .iw-node {
    background: #f7f2e8;

    box-shadow:
        0 0 0 5px rgba(247,242,232,.8);
}

.shivyoga-practice-page .iw-moment .iw-copy {

    max-width: 410px;

    padding: 24px 30px;
}

.shivyoga-practice-page .iw-moment h3 {

    color: var(--navy);

    font-size: 1.55rem;

    line-height: 1.18;

    font-weight: 400;

    margin: .3rem 0 .65rem;
}

.shivyoga-practice-page .iw-moment .iw-copy p:last-child {

    margin: 0;

    color: #514a42;

    font-size: 18px;

    line-height: 1.75;
}


/* =========================================================
   LEFT
========================================================= */

.shivyoga-practice-page .iw-moment.iw-left .iw-photo {

    grid-column: 1;
    grid-row: 1;
}

.shivyoga-practice-page .iw-moment.iw-left .iw-copy {

    grid-column: 3;
    grid-row: 1;
}


/* =========================================================
   RIGHT
========================================================= */

.shivyoga-practice-page .iw-moment.iw-right .iw-copy {

    grid-column: 1;
    grid-row: 1;

    justify-self: end;
}

.shivyoga-practice-page .iw-moment.iw-right .iw-photo {

    grid-column: 3;
    grid-row: 1;
}


/* =========================================================
   FEATURE MOMENT
========================================================= */

.shivyoga-practice-page .iw-moment.iw-feature {

    margin-top: 50px;

    margin-bottom: 52px;
}

.shivyoga-practice-page .iw-moment.iw-feature .iw-photo {

    transform: none;

    border-color: #d8bd87;

    box-shadow:
        0 14px 35px rgba(52,43,30,.055);
}


/* =========================================================
   PAUSE
========================================================= */

.shivyoga-practice-page .iw-pause {

    display: flex;

    align-items: center;

    gap: 18px;

    text-align: center;

    color: var(--gold);

    font-style: italic;

    margin: 10px auto 15px;
}

.shivyoga-practice-page .iw-pause p {

    margin: 0;

    font-size: .9rem;
}

.shivyoga-practice-page .iw-pause span {

    height: 1px;

    background: var(--gold2);

    flex: 1;
}


/* =========================================================
   DETAILS / CANONICAL
========================================================= */

.shivyoga-practice-page .iw-canonical {

    margin-top: 45px;

    border-top: 1px solid var(--gold2);

    border-bottom: 1px solid var(--gold2);

    background: rgba(255,255,255,.16);
}

.shivyoga-practice-page .iw-canonical summary {

    cursor: pointer;

    padding: 19px 6px;

    color: var(--navy);

    font-size: 1rem;

    font-weight: 400;
}

.shivyoga-practice-page .iw-detail-body {

    padding: 0 6px 22px;

    color: #554e45;
}

.shivyoga-practice-page .iw-detail-body p {

    line-height: 1.75;
}

.shivyoga-practice-page .iw-detail-body .text-justify {

    text-align: justify;
}

.shivyoga-practice-page .text-maroon {

    color: #800000;
}

.shivyoga-practice-page .text-navyblue {

    color: #0000a8;
}


/* =========================================================
   DETAIL IMAGES
========================================================= */

.shivyoga-practice-page .iw-detail-image {

    text-align: center;

    margin: 22px auto;
}

.shivyoga-practice-page .iw-detail-image img {

    width: auto;

    max-width: 260px;

    max-height: 300px;

    margin: 0 auto;

    object-fit: contain;

    background: #f1ece2;

    border: 1px solid var(--line);

    padding: 6px;
}

.shivyoga-practice-page .iw-detail-image p {

    text-align: center;

    margin-top: 9px;

    font-size: .84rem;

    color: var(--muted);
}


/* =========================================================
   DETAIL GALLERY
========================================================= */

.shivyoga-practice-page .iw-detail-gallery {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    gap: 18px;

    margin: 24px auto;

    text-align: center;
}

.shivyoga-practice-page .iw-detail-gallery > div {

    width: 260px;

    background: #fff;

    padding: 7px;

    border: 1px solid var(--line);
}

.shivyoga-practice-page .iw-detail-gallery img {

    width: 100%;

    height: 180px;

    object-fit: contain;

    background: #f1ece2;
}

.shivyoga-practice-page .iw-detail-gallery p {

    flex-basis: 100%;

    margin: 0;

    color: var(--muted);

    font-size: .85rem;
}


/* =========================================================
   H-200
========================================================= */

.shivyoga-practice-page .h-200 {

    height: 200px !important;
}


/* =========================================================
   CLOSING
========================================================= */

.shivyoga-practice-page .iw-closing-thought {

    text-align: center;

    margin-top: 50px;

    padding: 38px 0;

    border-top: 1px solid var(--gold2);
}

.shivyoga-practice-page .iw-closing-thought p {

    font-size: 1.3rem;

    color: var(--navy);

    font-style: italic;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .shivyoga-practice-page .iw-lineage {

        padding: 58px 0 54px;
    }

    .shivyoga-practice-page .iw-lineage-grid {

        gap: 20px;

        margin-top: 36px;
    }

    .shivyoga-practice-page .iw-portrait img {

        height: 320px;
    }

    .shivyoga-practice-page .iw-prep-card {

        gap: 28px;

        padding: 28px;
    }

    .shivyoga-practice-page .iw-moment {

        grid-template-columns:
            minmax(0, 1fr)
            60px
            minmax(0, 1fr);

        margin-bottom: 35px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

    .shivyoga-practice-page .height-110 {
        height: 60px;
    }


    /* -----------------------------------------
       WIDTH
    ----------------------------------------- */

    .shivyoga-practice-page .iw-wrap,
    .shivyoga-practice-page .iw-narrow {

        width: min(100% - 30px, 680px);
    }


    /* -----------------------------------------
       SACRED
    ----------------------------------------- */

    .shivyoga-practice-page .sacred-section {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .shivyoga-practice-page .sacred-divider {

        gap: 12px;

        margin-bottom: 15px;
    }

    .shivyoga-practice-page .om-circle {

        width: 45px;
        height: 45px;

        font-size: 1.3rem;
    }

    .shivyoga-practice-page .sacred-content h3 {

        font-size: 1.08rem;

        line-height: 1.5;
    }

    .shivyoga-practice-page .small-divider {

        margin-top: 13px;
    }


    /* -----------------------------------------
       LINEAGE
    ----------------------------------------- */

    .shivyoga-practice-page .iw-lineage {

        padding: 52px 0 48px;
    }

    .shivyoga-practice-page .iw-lineage-head h2 {

        font-size: 1.75rem;
    }

    .shivyoga-practice-page .iw-lineage-grid {

        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 30px;
    }

    .shivyoga-practice-page .iw-lineage-mark {

        transform: rotate(90deg);

        font-size: 1.5rem;

        margin: -3px 0;
    }

    .shivyoga-practice-page .iw-portrait {

        border-radius: 13px;

        padding: 7px;
    }

    .shivyoga-practice-page .iw-portrait img {

        height: auto;

        max-height: 480px;
    }

    .shivyoga-practice-page .iw-lineage-grid figcaption {

        margin-top: 10px;
    }

    .shivyoga-practice-page .iw-lineage-grid strong {

        font-size: 1.2rem;
    }

    .shivyoga-practice-page .iw-lineage-close {

        margin-top: 28px;

        font-size: .84rem;
    }


    /* -----------------------------------------
       INTRO
    ----------------------------------------- */

    .shivyoga-practice-page .iw-intro {

        padding: 44px 0 28px;
    }

    .shivyoga-practice-page .iw-intro h2,
    .shivyoga-practice-page .iw-movement-head h2 {

        font-size: 1.7rem;

        margin-bottom: 10px;
    }

    .shivyoga-practice-page .iw-intro p:last-child {

        font-size: .94rem;

        line-height: 1.75;
    }


    /* -----------------------------------------
       PREPARATION
    ----------------------------------------- */

    .shivyoga-practice-page .iw-preparation {

        padding-bottom: 40px;
    }

    .shivyoga-practice-page .iw-prep-card {

        grid-template-columns: 1fr;

        padding: 20px;

        gap: 20px;

        border-radius: 16px;
    }

    .shivyoga-practice-page .iw-prep-card figure {

        padding: 7px;
    }

    .shivyoga-practice-page .iw-prep-card figure img {

        max-height: 280px;
    }

    .shivyoga-practice-page .iw-prep-card h2 {

        font-size: 1.55rem;

        margin-bottom: 9px;
    }

    .shivyoga-practice-page .iw-prep-card p {

        font-size: .92rem;
    }


    /* -----------------------------------------
       MOVEMENT
    ----------------------------------------- */

    .shivyoga-practice-page .iw-movement {

        padding: 48px 0 52px;
    }

    .shivyoga-practice-page .iw-movement-head {

        margin-bottom: 30px;
    }

    .shivyoga-practice-page .iw-roman {

        width: 39px;
        height: 39px;

        margin-bottom: 10px;
    }

    .shivyoga-practice-page .iw-movement-head p:last-child {

        font-size: .9rem;

        line-height: 1.7;
    }


    /* -----------------------------------------
       JOURNEY
    ----------------------------------------- */

    .shivyoga-practice-page .iw-journey {

        padding: 4px 0;
    }

    .shivyoga-practice-page .iw-journey::before {

        left: 21px;
    }

    .shivyoga-practice-page .iw-moment {

        display: grid;

        grid-template-columns: 43px minmax(0, 1fr);

        min-height: 0;

        margin-bottom: 34px;
    }

    .shivyoga-practice-page .iw-moment .iw-node {

        grid-column: 1 !important;

        grid-row: 1 !important;

        width: 38px;

        height: 38px;

        font-size: .62rem;

        box-shadow:
            0 0 0 4px rgba(248,244,235,.85);
    }

    .shivyoga-practice-page .iw-moment .iw-photo,
    .shivyoga-practice-page .iw-moment.iw-left .iw-photo,
    .shivyoga-practice-page .iw-moment.iw-right .iw-photo {

        grid-column: 2 !important;

        grid-row: 1 !important;

        min-height: 0;

        padding: 12px;

        border-radius: 14px;
    }

    .shivyoga-practice-page .iw-moment .iw-photo img {

        max-height: 230px;
    }

    .shivyoga-practice-page .iw-moment .iw-copy,
    .shivyoga-practice-page .iw-moment.iw-left .iw-copy,
    .shivyoga-practice-page .iw-moment.iw-right .iw-copy {

        grid-column: 2 !important;

        grid-row: 2 !important;

        padding: 16px 5px 0;

        justify-self: start;

        max-width: none;
    }

    .shivyoga-practice-page .iw-moment h3 {

        font-size: 1.4rem;

        margin-bottom: 7px;
    }

    .shivyoga-practice-page .iw-moment .iw-copy p:last-child {

        font-size: .9rem;

        line-height: 1.72;
    }


    /* -----------------------------------------
       FEATURE
    ----------------------------------------- */

    .shivyoga-practice-page .iw-moment.iw-feature {

        margin-top: 30px;

        margin-bottom: 40px;
    }

    .shivyoga-practice-page .iw-moment.iw-feature .iw-photo {

        transform: none;
    }


    /* -----------------------------------------
       PAUSE
    ----------------------------------------- */

    .shivyoga-practice-page .iw-pause {

        gap: 10px;

        margin-top: 3px;
    }

    .shivyoga-practice-page .iw-pause p {

        font-size: .82rem;

        line-height: 1.6;
    }


    /* -----------------------------------------
       DETAILS
    ----------------------------------------- */

    .shivyoga-practice-page .iw-canonical {

        margin-top: 32px;
    }

    .shivyoga-practice-page .iw-canonical summary {

        padding: 16px 4px;

        font-size: .92rem;
    }

    .shivyoga-practice-page .iw-detail-body {

        padding: 0 4px 18px;
    }

    .shivyoga-practice-page .iw-detail-body p {

        font-size: .9rem;

        line-height: 1.75;
    }


    /* -----------------------------------------
       DETAIL IMAGES
    ----------------------------------------- */

    .shivyoga-practice-page .iw-detail-image {

        margin: 18px auto;
    }

    .shivyoga-practice-page .iw-detail-image img {

        max-width: 220px;

        max-height: 270px;
    }

    .shivyoga-practice-page .iw-detail-image p {

        font-size: .78rem;
    }


    /* -----------------------------------------
       DETAIL GALLERY
    ----------------------------------------- */

    .shivyoga-practice-page .iw-detail-gallery {

        gap: 12px;

        margin: 20px auto;
    }

    .shivyoga-practice-page .iw-detail-gallery > div {

        width: calc(50% - 7px);

        padding: 5px;
    }

    .shivyoga-practice-page .iw-detail-gallery img {

        height: 135px;
    }

    .shivyoga-practice-page .iw-detail-gallery p {

        font-size: .78rem;
    }


    /* -----------------------------------------
       CLOSING
    ----------------------------------------- */

    .shivyoga-practice-page .iw-closing-thought {

        margin-top: 35px;

        padding: 30px 0;
    }

    .shivyoga-practice-page .iw-closing-thought p {

        font-size: 1.1rem;
    }


    /* -----------------------------------------
       LOTUS
    ----------------------------------------- */

    .shivyoga-practice-page .lotus {

        display: none;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .shivyoga-practice-page .iw-wrap,
    .shivyoga-practice-page .iw-narrow {

        width: min(100% - 26px, 680px);
    }


    /* Sacred */

    .shivyoga-practice-page .sacred-section {

        padding-top: 3px;
        padding-bottom: 3px;
    }

    .shivyoga-practice-page .sacred-content h3 {

        font-size: 1rem;

        line-height: 1.48;
    }


    /* Lineage */

    .shivyoga-practice-page .iw-lineage {

        padding: 45px 0 42px;
    }

    .shivyoga-practice-page .iw-lineage-head h2 {

        font-size: 1.55rem;
    }

    .shivyoga-practice-page .iw-lineage-head > p:last-child {

        font-size: .82rem;
    }

    .shivyoga-practice-page .iw-lineage-grid {

        margin-top: 25px;
    }

    .shivyoga-practice-page .iw-portrait img {

        max-height: 400px;
    }


    /* Intro */

    .shivyoga-practice-page .iw-intro {

        padding: 38px 0 24px;
    }

    .shivyoga-practice-page .iw-intro h2,
    .shivyoga-practice-page .iw-movement-head h2 {

        font-size: 1.5rem;
    }

    .shivyoga-practice-page .iw-intro p:last-child {

        font-size: .88rem;
    }


    /* Preparation */

    .shivyoga-practice-page .iw-preparation {

        padding-bottom: 32px;
    }

    .shivyoga-practice-page .iw-prep-card {

        padding: 16px;

        gap: 17px;
    }

    .shivyoga-practice-page .iw-prep-card h2 {

        font-size: 1.4rem;
    }


    /* Movement */

    .shivyoga-practice-page .iw-movement {

        padding: 42px 0 44px;
    }

    .shivyoga-practice-page .iw-movement-head {

        margin-bottom: 26px;
    }


    /* Journey */

    .shivyoga-practice-page .iw-journey::before {

        left: 20px;
    }

    .shivyoga-practice-page .iw-moment {

        grid-template-columns: 40px minmax(0, 1fr);

        margin-bottom: 30px;
    }

    .shivyoga-practice-page .iw-moment .iw-node {

        width: 36px;
        height: 36px;
    }

    .shivyoga-practice-page .iw-moment .iw-photo {

        padding: 10px;
    }

    .shivyoga-practice-page .iw-moment .iw-photo img {

        max-height: 210px;
    }

    .shivyoga-practice-page .iw-moment .iw-copy {

        padding-top: 13px;
    }

    .shivyoga-practice-page .iw-moment h3 {

        font-size: 1.3rem;
    }

    .shivyoga-practice-page .iw-moment .iw-copy p:last-child {

        font-size: .86rem;
    }


    /* Feature */

    .shivyoga-practice-page .iw-moment.iw-feature {

        margin-top: 25px;

        margin-bottom: 34px;
    }


    /* Pause */

    .shivyoga-practice-page .iw-pause span {

        display: none;
    }

    .shivyoga-practice-page .iw-pause p {

        font-size: .8rem;
    }


    /* Details */

    .shivyoga-practice-page .iw-canonical {

        margin-top: 27px;
    }

    .shivyoga-practice-page .iw-detail-body p {

        font-size: .86rem;
    }

    .shivyoga-practice-page .iw-detail-image img {

        max-width: 205px;
    }


    /* Gallery */

    .shivyoga-practice-page .iw-detail-gallery {

        gap: 10px;
    }

    .shivyoga-practice-page .iw-detail-gallery > div {

        width: 100%;
    }

    .shivyoga-practice-page .iw-detail-gallery img {

        height: 170px;
    }


    /* Closing */

    .shivyoga-practice-page .iw-closing-thought {

        margin-top: 28px;

        padding: 25px 0;
    }

    .shivyoga-practice-page .iw-closing-thought p {

        font-size: 1rem;
    }
}
/* =========================================================
   SHIVAYOGA PRACTICE HERO - MOBILE
   FULL HEIGHT / PROPER COVER
========================================================= */

@media (max-width: 760px) {

    .shivyoga-practice-page .sadhana-hero {
        position: relative;

        width: 100%;
        height: 520px;
        min-height: 520px;

        overflow: hidden;

        background: #10243d;
    }

    .shivyoga-practice-page .sadhana-hero-image {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
        object-position: center center;
    }

    .shivyoga-practice-page .sadhana-hero-shade {
        position: absolute;
        inset: 0;

        z-index: 1;

        background:
            linear-gradient(
                180deg,
                rgba(7, 24, 40, .05) 0%,
                rgba(7, 24, 40, .18) 42%,
                rgba(7, 24, 40, .82) 100%
            );
    }

    .shivyoga-practice-page .sadhana-hero-copy {
        position: absolute;

        left: 0;
        right: 0;
        bottom: 0;

        z-index: 2;

        width: 100%;

        padding: 0 20px 38px;
    }

    .shivyoga-practice-page .sadhana-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        gap: 6px;

        margin-bottom: 12px;

        font-size: .72rem;
    }

    .shivyoga-practice-page .sadhana-hero-copy h1 {
        font-size: clamp(2rem, 9vw, 2.75rem);

        line-height: 1.08;

        margin: 0 0 8px;
    }

    .shivyoga-practice-page .sadhana-descriptor {
        font-size: .95rem;

        line-height: 1.45;

        margin-bottom: 7px;
    }

    .shivyoga-practice-page .sadhana-hero-intro {
        font-size: .84rem;

        line-height: 1.55;

        max-width: 520px;

        margin-bottom: 13px;
    }

    .shivyoga-practice-page .sadhana-gold-rule {
        width: 65px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .shivyoga-practice-page .sadhana-hero {
        height: 500px;
        min-height: 500px;
    }

    .shivyoga-practice-page .sadhana-hero-image {
        object-fit: cover;

        /*
         * Slightly lower positioning so the important
         * upper part of the image remains visible.
         */
        object-position: center 42%;
    }

    .shivyoga-practice-page .sadhana-hero-copy {
        padding: 0 16px 28px;
    }

    .shivyoga-practice-page .sadhana-hero-copy h1 {
        font-size: 2.05rem;
        margin-top: 100px !important;
    }

    .shivyoga-practice-page .sadhana-descriptor {
        font-size: .88rem;
    }

    .shivyoga-practice-page .sadhana-hero-intro {
        font-size: .8rem;
        line-height: 1.5;
    }
}
/* =========================================================
   SHIVAYOGA PRACTICE
   UNIFORM BACKGROUND THEME
   All sections use the same cream background
========================================================= */

.shivyoga-practice-page {
    --navy: #073653;
    --navy2: #05304a;
    --deep: #05304a;

    --ivory: #f8f3e9;
    --paper: #f8f3e9;
    --warm: #f8f3e9;

    --gold: #c98b27;
    --gold-light: #e1a532;
    --gold2: #d5a35a;

    --ink: #2c241d;
    --muted: #6f675d;

    --line: #d5a35a;
    --soft-line: rgba(201, 139, 39, .28);

    background: #f8f3e9 !important;
    color: var(--ink);
}


/* =========================================================
   ALL MAIN SECTIONS - SAME BACKGROUND
========================================================= */

.shivyoga-practice-page .sacred-section,
.shivyoga-practice-page .iw-lineage,
.shivyoga-practice-page .iw-intro,
.shivyoga-practice-page .iw-preparation,
.shivyoga-practice-page .iw-journey,
.shivyoga-practice-page .iw-movement,
.shivyoga-practice-page .iw-movement.iw-warm,
.shivyoga-practice-page .iw-movement.iw-inward,
.shivyoga-practice-page .iw-canonical,
.shivyoga-practice-page .iw-closing-thought {
    background: #f8f3e9 !important;
    background-image: none !important;
}


/* =========================================================
   LINEAGE SECTION - REMOVE DARK NAVY BACKGROUND
========================================================= */

.shivyoga-practice-page .iw-lineage {
    color: #2c241d !important;
}

.shivyoga-practice-page .iw-lineage::before {
    background: none !important;
}

.shivyoga-practice-page .iw-lineage-head h2,
.shivyoga-practice-page .iw-lineage-grid strong {
    color: #073653 !important;
}

.shivyoga-practice-page .iw-lineage-head > p:last-child,
.shivyoga-practice-page .iw-lineage-close {
    color: #6f675d !important;
}

.shivyoga-practice-page .iw-lineage-grid span {
    color: #a86e1f !important;
}

.shivyoga-practice-page .iw-lineage-mark {
    color: #c98b27 !important;
}


/* =========================================================
   PREPARATION CARD - SAME BACKGROUND
========================================================= */

.shivyoga-practice-page .iw-prep-card {
    background: #f8f3e9 !important;
    background-image: none !important;
    border-color: rgba(201, 139, 39, .4);
    box-shadow: none;
}


/* Keep image frame white only where needed */
.shivyoga-practice-page .iw-prep-card figure {
    background: #f8f3e9;
    border-color: rgba(201, 139, 39, .25);
}


/* =========================================================
   MOVEMENT PHOTO CARDS
========================================================= */

.shivyoga-practice-page .iw-moment .iw-photo {
    background: #f8f3e9 !important;
    border-color: rgba(201, 139, 39, .35);
    box-shadow: none;
}


/* Same timeline node background */
.shivyoga-practice-page .iw-moment .iw-node,
.shivyoga-practice-page .iw-warm .iw-moment .iw-node,
.shivyoga-practice-page .iw-inward .iw-moment .iw-node {
    background: #f8f3e9 !important;
    box-shadow: 0 0 0 5px rgba(248, 243, 233, .85);
}


/* =========================================================
   OM / SACRED ORNAMENT
========================================================= */

.shivyoga-practice-page .om-circle {
    background: #f8f3e9 !important;
    border-color: #c98b27;
    color: #c98b27;
}

.shivyoga-practice-page .sacred-divider .line,
.shivyoga-practice-page .small-divider span,
.shivyoga-practice-page .iw-pause span {
    background-color: #d5a35a;
}


/* =========================================================
   CANONICAL / DETAILS
========================================================= */

.shivyoga-practice-page .iw-canonical {
    border-top-color: rgba(201, 139, 39, .4);
    border-bottom-color: rgba(201, 139, 39, .4);
}

.shivyoga-practice-page .iw-canonical summary {
    color: #073653;
}


/* =========================================================
   CLOSING SECTION
========================================================= */

.shivyoga-practice-page .iw-closing-thought {
    border-top-color: rgba(201, 139, 39, .4);
}

.shivyoga-practice-page .iw-closing-thought p {
    color: #073653;
}


/* =========================================================
   DETAIL IMAGES - KEEP THEIR OWN IMAGE FRAMES
========================================================= */

.shivyoga-practice-page .iw-detail-image img,
.shivyoga-practice-page .iw-detail-gallery > div,
.shivyoga-practice-page .iw-detail-gallery img {
    border-color: rgba(201, 139, 39, .3);
}


/* =========================================================
   HERO - KEEP EXISTING IMAGE AND OVERLAY
========================================================= */

.shivyoga-practice-page .sadhana-hero {
    background-color: #05304a;
}


/* =========================================================
   MOBILE - SAME BACKGROUND FOR EVERY SECTION
========================================================= */

@media (max-width: 760px) {

    .shivyoga-practice-page .sacred-section,
    .shivyoga-practice-page .iw-lineage,
    .shivyoga-practice-page .iw-intro,
    .shivyoga-practice-page .iw-preparation,
    .shivyoga-practice-page .iw-journey,
    .shivyoga-practice-page .iw-movement,
    .shivyoga-practice-page .iw-movement.iw-warm,
    .shivyoga-practice-page .iw-movement.iw-inward,
    .shivyoga-practice-page .iw-canonical,
    .shivyoga-practice-page .iw-closing-thought {
        background: #f8f3e9 !important;
        background-image: none !important;
    }

    .shivyoga-practice-page .iw-lineage {
        color: #2c241d !important;
    }

    .shivyoga-practice-page .iw-prep-card,
    .shivyoga-practice-page .iw-moment .iw-photo {
        background: #f8f3e9 !important;
    }

    .shivyoga-practice-page .iw-moment .iw-node,
    .shivyoga-practice-page .iw-warm .iw-moment .iw-node,
    .shivyoga-practice-page .iw-inward .iw-moment .iw-node {
        background: #f8f3e9 !important;
        box-shadow: 0 0 0 4px rgba(248, 243, 233, .85);
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .shivyoga-practice-page .sacred-section,
    .shivyoga-practice-page .iw-lineage,
    .shivyoga-practice-page .iw-intro,
    .shivyoga-practice-page .iw-preparation,
    .shivyoga-practice-page .iw-journey,
    .shivyoga-practice-page .iw-movement,
    .shivyoga-practice-page .iw-movement.iw-warm,
    .shivyoga-practice-page .iw-movement.iw-inward,
    .shivyoga-practice-page .iw-canonical,
    .shivyoga-practice-page .iw-closing-thought {
        background: #f8f3e9 !important;
        background-image: none !important;
    }
}

/* =========================================
   SHIVAYOGA PRACTICE PAGE
   Cream background for other sections
   Keep blue section blue
========================================= */

.shivyoga-practice-page {
    background: #f8f3e9;
}

/* Cream background for normal sections */
.shivyoga-practice-page .iw-intro,
.shivyoga-practice-page .iw-preparation,
.shivyoga-practice-page .iw-journey,
.shivyoga-practice-page .iw-movement,
.shivyoga-practice-page .iw-canonical,
.shivyoga-practice-page .iw-closing-thought {
    background-color: #f8f3e9 !important;
    background-image: none !important;
}

/* Keep the blue lineage section blue */
.shivyoga-practice-page .iw-lineage {
    background-color: #073653 !important;
    background-image: none !important;
}

/* Keep blue lineage text readable */
.shivyoga-practice-page .iw-lineage,
.shivyoga-practice-page .iw-lineage h2,
.shivyoga-practice-page .iw-lineage h3,
.shivyoga-practice-page .iw-lineage p {
    color: #f8f3e9;
}

/* Preparation card */
.shivyoga-practice-page .iw-preparation-card {
    background-color: #f8f3e9;
}

/* Movement image cards */
.shivyoga-practice-page .iw-movement-photo {
    background-color: #f8f3e9;
}

/* Om medallion */
.shivyoga-practice-page .iw-om-medallion {
    background-color: #f8f3e9;
}

/* Mobile: same background colors */
@media (max-width: 767px) {
    .shivyoga-practice-page .iw-intro,
    .shivyoga-practice-page .iw-preparation,
    .shivyoga-practice-page .iw-journey,
    .shivyoga-practice-page .iw-movement,
    .shivyoga-practice-page .iw-canonical,
    .shivyoga-practice-page .iw-closing-thought {
        background-color: #f8f3e9 !important;
    }

    .shivyoga-practice-page .iw-lineage {
        background-color: #073653 !important;
    }
}
/* Lineage section text white */
.shivyoga-practice-page .iw-lineage .iw-lineage-eyebrow,
.shivyoga-practice-page .iw-lineage h2,
.shivyoga-practice-page .iw-lineage h3,
.shivyoga-practice-page .iw-lineage p,
.shivyoga-practice-page .iw-lineage .iw-lineage-motto,
.shivyoga-practice-page .iw-lineage .iw-lineage-subtitle {
    color: #ffffff !important;
}

/* Om medallion slightly lower */
.shivyoga-practice-page .iw-om-medallion {
    transform: translateY(10px);
}
/* Move the complete Om sacred section slightly downward */
.shivyoga-practice-page .sacred-section {
    padding-top: 20px !important;
    position: relative;
    top: 10px;
}
.shivyoga-practice-page > .sacred-section {
    position: relative;
    top: 10px;
}
/* Om section ke niche wale blue section ko thoda niche karein */
.shivyoga-practice-page .iw-lineage {
    margin-top: 15px;
}

/* ///////////////////////////////////////////////////life sketch/////////////////////////////////////////////// */


/* =========================================================
   SHRI KUMARSWAMIJI — LIFE SKETCH
========================================================= */

.life-sketch-page {
    --ls-navy: #073653;
    --ls-deep: #071c2d;
    --ls-gold: #c98b27;
    --ls-gold-soft: #d9bd82;
    --ls-cream: #f8f3e9;
    --ls-paper: #fffdf8;
    --ls-warm: #f1e7d7;
    --ls-text: #39332c;
    --ls-muted: #746b60;
    --ls-line: #e1d3ba;
    --ls-maroon: #800000;

    background: var(--ls-cream);
    color: var(--ls-text);
    font-family: "Source Serif 4" !important;
    line-height: 1.75;
}

.life-sketch-page *,
.life-sketch-page *::before,
.life-sketch-page *::after {
    box-sizing: border-box;
}

.life-sketch-page img {
    display: block;
    max-width: 100%;
}

.life-sketch-container {
    width: min(1120px, calc(100% - 40px));
    margin-inline: auto;
}

.life-sketch-page p {
    margin-top: 0;
}


/* =========================================================
   HERO — MATCH SADHANA / SHARANAS VACHANAS
========================================================= */

.life-sketch-page .sadhana-hero {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    isolation: isolate;
    color: #fff;
    background: var(--ls-deep);
}

.life-sketch-page .sadhana-hero-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.life-sketch-page .sadhana-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(4, 24, 40, .90) 0%,
            rgba(5, 31, 49, .75) 42%,
            rgba(5, 31, 49, .36) 75%,
            rgba(5, 31, 49, .20) 100%
        );
}

.life-sketch-page .sadhana-hero-copy {
    position: relative;
    z-index: 1;
    width: min(1120px, calc(100% - 48px));
    margin-inline: auto;
    padding: 48px 0 42px;
    text-align: left;
}

.life-sketch-page .sadhana-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 0 0 19px;
    color: #e6dfd2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: .015em;
}

.life-sketch-page .sadhana-breadcrumb a {
    color: #e6dfd2;
    text-decoration: none;
    transition: color .2s ease;
}

.life-sketch-page .sadhana-breadcrumb a:hover {
    color: var(--ls-gold-soft);
}

.life-sketch-page .sadhana-breadcrumb .breadcrumb-arrow {
    color: var(--ls-gold-soft);
    font-size: 15px;
    line-height: 1;
}

.life-sketch-page .sadhana-breadcrumb > span:last-child {
    color: var(--ls-gold-soft);
}

.life-sketch-page .sadhana-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.8rem, 5.5vw, 4.5rem);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.life-sketch-page .sadhana-descriptor {
    max-width: 600px;
    margin: 15px 0 0;
    color: #e8e0d2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
}

.life-sketch-page .sadhana-gold-rule {
    display: block;
    width: 68px;
    height: 2px;
    margin-top: 21px;
    background: var(--ls-gold);
}


/* =========================================================
   SACRED INTRO — OM SECTION
========================================================= */

.life-sketch-page .life-sketch-sacred {
    position: relative;
    padding: 22px 0 23px;
    background: #f8f4ec;
    border: none !important;
    box-shadow: none !important;
}

.life-sketch-page .life-sketch-sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    max-width: 600px;
    margin: 0 auto 10px;
}

.life-sketch-page .life-sketch-sacred-divider > span {
    flex: 1;
    height: 1px;
    background: var(--ls-gold-soft);
}

.life-sketch-page .life-sketch-om {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ls-gold);
    border-radius: 50%;
    color: var(--ls-gold);
    font-size: 23px;
    line-height: 1;
    background: #fffaf1;
}

.life-sketch-page .life-sketch-sacred-content {
    text-align: center;
}

.life-sketch-page .life-sketch-small-label {
    margin-bottom: 4px;
    color: var(--ls-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    line-height: 1.6;
}

.life-sketch-page .life-sketch-sacred-content h2 {
    margin: 0;
    color: var(--ls-navy);
    font-family: Georgia, "Times New Roman", serif;
    /* font-size: clamp(1.45rem, 2.5vw, 1.9rem); */
    font-size: 21px;
    font-weight: 400;
    line-height: 1.35;
    font-style: italic;
}

.life-sketch-page .life-sketch-small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}

.life-sketch-page .life-sketch-small-divider span {
    width: 43px;
    height: 1px;
    background: var(--ls-gold-soft);
}

.life-sketch-page .life-sketch-small-divider i {
    color: var(--ls-gold);
    font-size: 12px;
}


/* =========================================================
   MAIN READING — REDUCED SECTION SPACING
========================================================= */

.life-sketch-page .life-sketch-reading {
    padding: 30px 0 32px;
    background: #f8f4ec;
}


/* =========================================================
   INTRO
========================================================= */

.life-sketch-page .life-sketch-intro {
    max-width: 780px;
    margin: 0 auto 25px;
    text-align: center;
}

.life-sketch-page .life-sketch-section-kicker {
    margin-bottom: 5px;
    color: var(--ls-gold);
    font-family: "source Serif 4" !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    line-height: 1.6;
}

.life-sketch-page .life-sketch-intro h2 {
    margin: 0 0 8px;
    color: var(--ls-navy);
    font-family:"Source Serif 4" !important;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 400;
    line-height: 1.3;
}

.life-sketch-page .life-sketch-intro p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--ls-muted);
    font-size: 1rem;
    line-height: 1.75;
}


/* =========================================================
   STORY SECTIONS — CIRCLE / LINE ALIGNMENT FIX
========================================================= */

.life-sketch-page .life-sketch-story {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 760px);
    column-gap: 20px;
    align-items: start;
    max-width: 830px;
    margin: 0 auto 21px;
}

.life-sketch-page .life-sketch-story::before {
    content: "";
    position: absolute;
    left: 23px;
    top: 40px;
    bottom: -21px;
    width: 1px;
    background: linear-gradient(
        to bottom,
        var(--ls-gold),
        rgba(201, 139, 39, .14)
    );
}

.life-sketch-page .life-sketch-story:last-child::before {
    display: none;
}

.life-sketch-page .life-sketch-story-marker {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    justify-self: center;
    margin: 0;
    padding: 0;
    border: 1px solid var(--ls-gold);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ls-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1;
}

.life-sketch-page .life-sketch-story-content {
    min-width: 0;
    padding: 0 0 2px;
}

.life-sketch-page .life-sketch-story-label {
    margin-bottom: 5px;
    color: var(--ls-gold);
    font-family: "Source Serif 4" !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
    line-height: 1.7;
}

.life-sketch-page .life-sketch-story h3 {
    margin: 0 0 9px;
    color: var(--ls-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 2.3vw, 1.8rem);
    font-weight: 400;
    line-height: 1.35;
}

.life-sketch-page .life-sketch-story p {
    margin-bottom: 9px;
    color: #4d463e;
    font-family: "Source Serif 4" !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    text-align: left;
}

.life-sketch-page .life-sketch-story p:last-child {
    margin-bottom: 0;
}

.life-sketch-page .life-maroon {
    color: var(--ls-maroon);
}


/* =========================================================
   QUOTES — DARK MAROON SIDE LINE
========================================================= */

.life-sketch-page .life-sketch-quote {
    position: relative;
    margin: 16px 0 3px;
    padding: 15px 21px;
    border-left: 3px solid #800000 !important;
    background: #f1e8d9;
    color: var(--ls-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.8;
}

.life-sketch-page .life-sketch-quote-gold {
    color: #6c542a;
    background: #f4ead8;
    border-left-color: #800000 !important;
}

.life-sketch-page .life-mantra {
    color: var(--ls-navy);
    white-space: normal;
}


/* =========================================================
   IMAGE GALLERY
========================================================= */

.life-sketch-page .life-sketch-gallery {
    max-width: 850px;
    margin: 3px auto 9px;
    display: grid;
    gap: 14px;
}

.life-sketch-page .life-sketch-gallery-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.life-sketch-page .life-sketch-gallery figure {
    min-width: 0;
    margin: 0;
    padding: 8px;
    background: #fffdf8;
    border: 1px solid var(--ls-line);
    box-shadow: 0 6px 20px rgba(52, 42, 28, .045);
}

.life-sketch-page .life-sketch-gallery img {
    width: 100%;
    height: 175px;
    object-fit: contain;
    background: #eee6d8;
}


/* =========================================================
   IMAGE CAPTION
========================================================= */

.life-sketch-page .life-sketch-caption {
    max-width: 820px;
    margin: 0 auto 23px;
    color: var(--ls-muted);
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .84rem;
    line-height: 1.7;
}

.life-sketch-page .life-sketch-caption strong {
    color: var(--ls-navy);
}


/* =========================================================
   FEATURE IMAGES
========================================================= */

.life-sketch-page .life-sketch-feature-image {
    max-width: 400px;
    margin: -2px auto 23px;
    padding: 9px;
    background: #fffdf8;
    border: 1px solid var(--ls-line);
    box-shadow: 0 8px 25px rgba(48, 37, 23, .055);
}

.life-sketch-page .life-sketch-feature-image img {
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    background: #eee6d8;
}

.life-sketch-page .life-sketch-feature-image figcaption {
    padding: 10px 7px 2px;
    color: var(--ls-muted);
    text-align: center;
    font-size: .82rem;
    line-height: 1.6;
}

.life-sketch-page .life-sketch-samadhi-image {
    max-width: 440px;
}


/* =========================================================
   SAPTAPUR HIGHLIGHT
========================================================= */

.life-sketch-page .life-sketch-highlight {
    max-width: 820px;
    margin: 13px auto 23px;
    padding: 17px 22px;
    display: flex;
    align-items: center;
    gap: 17px;
    background: linear-gradient(135deg, #efe2cd, #f7efe2);
    border-top: 1px solid var(--ls-gold-soft);
    border-bottom: 1px solid var(--ls-gold-soft);
}

.life-sketch-page .life-sketch-highlight-symbol {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ls-gold);
    border-radius: 50%;
    color: var(--ls-gold);
    font-size: 21px;
}

.life-sketch-page .life-sketch-highlight-label {
    display: block;
    margin-bottom: 4px;
    color: var(--ls-gold);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
}

.life-sketch-page .life-sketch-highlight p {
    margin: 0;
    color: #51483d;
    font-size: .92rem;
    line-height: 1.7;
}


/* =========================================================
   SOURCE NOTE
========================================================= */

.life-sketch-page .life-sketch-source {
    max-width: 850px;
    margin: 23px auto 0;
    padding: 17px 20px;
    text-align: center;
    border-top: 1px solid var(--ls-line);
    border-bottom: 1px solid var(--ls-line);
}

.life-sketch-page .life-sketch-source-symbol {
    margin-bottom: 5px;
    color: var(--ls-gold);
    font-size: 24px;
}

.life-sketch-page .life-sketch-source p {
    max-width: 740px;
    margin: auto;
    color: var(--ls-muted);
    font-size: .85rem;
    line-height: 1.7;
}

.life-sketch-page .life-sketch-source strong {
    color: #63594e;
    font-weight: 400;
}


/* =========================================================
   CLOSING — SAME BACKGROUND, NO OUTER DIVIDER
========================================================= */

.life-sketch-page .life-sketch-closing {
    margin: 0;
    padding: 23px 0 25px;
    background: #f8f4ec;
    color: var(--ls-navy);
    text-align: center;
    border: none !important;
    box-shadow: none !important;
}

.life-sketch-page .life-sketch-closing-symbol {
    margin-bottom: 5px;
    color: var(--ls-gold);
    font-size: 24px;
    line-height: 1.4;
}

.life-sketch-page .life-sketch-closing p {
    max-width: 700px;
    margin: 0 auto 6px;
    color: var(--ls-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.2rem, 2.5vw, 1.7rem);
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
}

.life-sketch-page .life-sketch-closing > .life-sketch-container > span {
    color: var(--ls-muted);
    font-size: .88rem;
}

.life-sketch-page .life-sketch-closing-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 9px;
}

.life-sketch-page .life-sketch-closing-line span {
    width: 48px;
    height: 1px;
    background: var(--ls-gold-soft);
}

.life-sketch-page .life-sketch-closing-line i {
    color: var(--ls-gold);
    font-size: 12px;
}


/* =========================================================
   REMOVE EXTRA DIVIDER LINES FROM OM / CLOSING
========================================================= */

.life-sketch-page .life-sketch-sacred::before,
.life-sketch-page .life-sketch-sacred::after,
.life-sketch-page .life-sketch-closing::before,
.life-sketch-page .life-sketch-closing::after {
    content: none !important;
    display: none !important;
}

.life-sketch-page .life-sketch-sacred > hr,
.life-sketch-page .life-sketch-closing > hr {
    display: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .life-sketch-page .sadhana-hero {
        min-height: 410px;
    }

    .life-sketch-page .sadhana-hero-copy {
        width: calc(100% - 40px);
        padding: 38px 0;
    }

    .life-sketch-page .life-sketch-reading {
        padding: 28px 0 30px;
    }

    .life-sketch-page .life-sketch-story {
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 16px;
    }

    .life-sketch-page .life-sketch-story::before {
        left: 23px;
    }

    .life-sketch-page .life-sketch-story-marker {
        width: 46px;
        height: 46px;
    }

    .life-sketch-page .life-sketch-gallery img {
        height: 155px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .life-sketch-page .life-sketch-container {
        width: calc(100% - 30px);
    }

    /* HERO */

    .life-sketch-page .sadhana-hero {
        min-height: 420px;
        align-items: flex-end;
    }

    .life-sketch-page .sadhana-hero-image {
        object-position: center center;
    }

    .life-sketch-page .sadhana-hero-shade {
        background: linear-gradient(
            180deg,
            rgba(4, 24, 40, .24) 0%,
            rgba(4, 24, 40, .58) 38%,
            rgba(4, 24, 40, .94) 100%
        );
    }

    .life-sketch-page .sadhana-hero-copy {
        width: calc(100% - 30px);
        padding: 0 0 31px;
    }

    .life-sketch-page .sadhana-breadcrumb {
        gap: 6px;
        margin-bottom: 13px;
        font-size: 10px;
        line-height: 1.7;
    }

    .life-sketch-page .sadhana-hero-copy h1 {
        font-size: clamp(2.4rem, 9vw, 3.2rem);
        line-height: 1.12;
    }

    .life-sketch-page .sadhana-descriptor {
        max-width: 100%;
        margin-top: 10px;
        font-size: .91rem;
        line-height: 1.65;
    }

    .life-sketch-page .sadhana-gold-rule {
        width: 52px;
        margin-top: 15px;
    }

    /* OM SECTION */

    .life-sketch-page .life-sketch-sacred {
        padding: 19px 0 20px;
    }

    .life-sketch-page .life-sketch-sacred-divider {
        gap: 12px;
        margin-bottom: 9px;
    }

    .life-sketch-page .life-sketch-om {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 21px;
    }

    .life-sketch-page .life-sketch-small-label {
        font-size: 9px;
    }

    .life-sketch-page .life-sketch-sacred-content h2 {
        font-size: 1.35rem;
        line-height: 1.4;
    }

    .life-sketch-page .life-sketch-small-divider {
        margin-top: 7px;
    }

    /* READING */

    .life-sketch-page .life-sketch-reading {
        padding: 24px 0 26px;
    }

    .life-sketch-page .life-sketch-intro {
        margin-bottom: 23px;
    }

    .life-sketch-page .life-sketch-section-kicker {
        font-size: 9px;
    }

    .life-sketch-page .life-sketch-intro h2 {
        margin-bottom: 8px;
        font-size: 1.65rem;
        line-height: 1.35;
    }

    .life-sketch-page .life-sketch-intro p {
        font-size: .92rem;
        line-height: 1.7;
    }

    /* STORY CIRCLES AND TIMELINE */

    .life-sketch-page .life-sketch-story {
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 11px;
        align-items: start;
        margin-bottom: 21px;
    }

    .life-sketch-page .life-sketch-story::before {
        left: 17px;
        top: 34px;
        bottom: -21px;
    }

    .life-sketch-page .life-sketch-story-marker {
        width: 35px;
        height: 35px;
        min-width: 35px;
        margin: 0;
        padding: 0;
        font-size: 8px;
        letter-spacing: 0;
        line-height: 1;
    }

    .life-sketch-page .life-sketch-story-content {
        min-width: 0;
        padding-top: 1px;
    }

    .life-sketch-page .life-sketch-story-label {
        margin-bottom: 5px;
        font-size: 8px;
        letter-spacing: .11em;
        line-height: 1.7;
    }

    .life-sketch-page .life-sketch-story h3 {
        margin-bottom: 8px;
        font-size: 1.32rem;
        line-height: 1.4;
    }

    .life-sketch-page .life-sketch-story p {
        margin-bottom: 9px;
        font-size: .91rem;
        line-height: 1.78;
        text-align: left;
        overflow-wrap: break-word;
    }

    /* QUOTES */

    .life-sketch-page .life-sketch-quote {
        margin-top: 14px;
        padding: 13px 14px;
        border-left: 3px solid #800000 !important;
        font-size: .91rem;
        line-height: 1.75;
    }

    .life-sketch-page .life-sketch-quote-gold {
        border-left-color: #800000 !important;
    }

    /* GALLERY */

    .life-sketch-page .life-sketch-gallery {
        gap: 11px;
        margin-bottom: 8px;
    }

    .life-sketch-page .life-sketch-gallery-three {
        grid-template-columns: 1fr;
        max-width: 330px;
    }

    .life-sketch-page .life-sketch-gallery figure {
        padding: 7px;
    }

    .life-sketch-page .life-sketch-gallery img {
        height: auto;
        max-height: 235px;
    }

    /* CAPTION */

    .life-sketch-page .life-sketch-caption {
        margin-bottom: 21px;
        font-size: .79rem;
        line-height: 1.65;
    }

    /* FEATURE IMAGES */

    .life-sketch-page .life-sketch-feature-image {
        width: min(100%, 330px);
        margin: 0 auto 21px;
        padding: 7px;
    }

    .life-sketch-page .life-sketch-feature-image img {
        max-height: 300px;
    }

    .life-sketch-page .life-sketch-feature-image figcaption {
        padding-top: 8px;
        font-size: .77rem;
        line-height: 1.6;
    }

    /* HIGHLIGHT */

    .life-sketch-page .life-sketch-highlight {
        align-items: flex-start;
        gap: 12px;
        margin: 4px auto 21px;
        padding: 14px 12px;
    }

    .life-sketch-page .life-sketch-highlight-symbol {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        font-size: 18px;
    }

    .life-sketch-page .life-sketch-highlight-label {
        font-size: 8px;
        line-height: 1.6;
    }

    .life-sketch-page .life-sketch-highlight p {
        font-size: .85rem;
        line-height: 1.7;
    }

    /* SOURCE */

    .life-sketch-page .life-sketch-source {
        margin-top: 21px;
        padding: 15px 10px;
    }

    .life-sketch-page .life-sketch-source-symbol {
        font-size: 22px;
    }

    .life-sketch-page .life-sketch-source p {
        font-size: .79rem;
        line-height: 1.7;
    }

    /* CLOSING */

    .life-sketch-page .life-sketch-closing {
        padding: 19px 0 21px;
    }

    .life-sketch-page .life-sketch-closing-symbol {
        font-size: 22px;
        margin-bottom: 4px;
    }

    .life-sketch-page .life-sketch-closing p {
        font-size: 1.2rem;
        line-height: 1.55;
    }

    .life-sketch-page .life-sketch-closing > .life-sketch-container > span {
        font-size: .82rem;
    }

    .life-sketch-page .life-sketch-closing-line {
        margin-top: 8px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .life-sketch-page .sadhana-hero {
        min-height: 395px;
    }

    .life-sketch-page .sadhana-hero-copy {
        padding-bottom: 27px;
    }

    .life-sketch-page .sadhana-breadcrumb {
        font-size: 9px;
        gap: 5px;
    }

    .life-sketch-page .sadhana-hero-copy h1 {
        font-size: 2.45rem;
    }

    .life-sketch-page .sadhana-descriptor {
        font-size: .87rem;
    }

    .life-sketch-page .life-sketch-sacred {
        padding: 17px 0 18px;
    }

    .life-sketch-page .life-sketch-sacred-content h2 {
        font-size: 1.24rem;
    }

    .life-sketch-page .life-sketch-reading {
        padding: 21px 0 23px;
    }

    .life-sketch-page .life-sketch-intro {
        margin-bottom: 20px;
    }

    .life-sketch-page .life-sketch-intro h2 {
        font-size: 1.48rem;
    }

    .life-sketch-page .life-sketch-story {
        grid-template-columns: 33px minmax(0, 1fr);
        column-gap: 9px;
        margin-bottom: 19px;
    }

    .life-sketch-page .life-sketch-story::before {
        left: 16px;
        top: 32px;
        bottom: -19px;
    }

    .life-sketch-page .life-sketch-story-marker {
        width: 33px;
        height: 33px;
        min-width: 33px;
        font-size: 8px;
    }

    .life-sketch-page .life-sketch-story h3 {
        font-size: 1.23rem;
        line-height: 1.4;
    }

    .life-sketch-page .life-sketch-story p {
        font-size: .88rem;
        line-height: 1.75;
    }

    .life-sketch-page .life-sketch-gallery-three {
        max-width: 100%;
    }

    .life-sketch-page .life-sketch-feature-image {
        width: min(100%, 310px);
    }

    .life-sketch-page .life-sketch-quote {
        padding: 12px;
        font-size: .87rem;
        border-left-color: #800000 !important;
    }

    .life-sketch-page .life-sketch-closing {
        padding: 17px 0 19px;
    }

    .life-sketch-page .life-sketch-closing p {
        font-size: 1.1rem;
    }
}


/* =========================================================
   SHRI KUMARSWAMIJI — ON HIMSELF
   Premium Spiritual Editorial Page
========================================================= */
/* =========================================================
   ON HIMSELF PAGE
   Page-specific styling
   Shared Sadhana Hero + OM styles are NOT overridden
========================================================= */

/* =========================================================
   ON HIMSELF — SHARANAS VACHANAS THEME
   Existing content and layout preserved
========================================================= */

.koh-page {
    --koh-navy: #073653;
    --koh-navy-dark: #071c2d;
    --koh-gold: #c98b27;
    --koh-gold-light: #d9bd82;
    --koh-cream: #f8f4ec;
    --koh-paper: #f8f4ec;
    --koh-ink: #302d29;
    --koh-muted: #746c61;
    --koh-line: rgba(7, 54, 83, .15);

    background: var(--koh-cream);
    color: var(--koh-ink);
    font-family: "Source Serif 4";
    overflow: hidden;
}

.koh-page *,
.koh-page *::before,
.koh-page *::after {
    box-sizing: border-box;
}

/* =========================================================
   OLD HERO — kept for the commented Blade section
========================================================= */

.koh-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
}

.koh-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -3;
}

.koh-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(3, 25, 40, .92) 0%,
        rgba(3, 25, 40, .76) 42%,
        rgba(3, 25, 40, .30) 75%,
        rgba(3, 25, 40, .48) 100%
    );
    z-index: -2;
}

.koh-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    background: linear-gradient(to top, var(--koh-cream), transparent);
    z-index: -1;
}

.koh-hero-content {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 110px 0 95px;
    color: #fff;
}

.koh-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, .72);
    font-family: Arial, sans-serif;
    font-size: .76rem;
    letter-spacing: .06em;
}

.koh-breadcrumb a {
    color: rgba(255, 255, 255, .78);
    text-decoration: none;
}

.koh-breadcrumb span:last-child {
    color: var(--koh-gold-light);
}

.koh-hero-kicker {
    color: var(--koh-gold-light);
    font-family: Arial, sans-serif;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
    margin-bottom: 15px;
}

.koh-hero h1 {
    margin: 0;
    font-size: clamp(3.2rem, 7vw, 6rem);
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.035em;
}

.koh-hero-line {
    width: 72px;
    height: 2px;
    margin: 25px 0 20px;
    background: var(--koh-gold);
}

.koh-hero-quote {
    max-width: 700px;
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.8rem);
    line-height: 1.5;
    font-style: italic;
    color: #f8ead0;
}

.koh-hero-description {
    margin: 13px 0 0;
    max-width: 620px;
    color: rgba(255, 255, 255, .78);
    font-size: .96rem;
    line-height: 1.75;
}

.koh-scroll-indicator {
    position: absolute;
    right: 42px;
    bottom: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .7);
}

.koh-scroll-indicator span {
    display: block;
    width: 1px;
    height: 48px;
    background: var(--koh-gold);
}

.koh-scroll-indicator small {
    font-family: Arial, sans-serif;
    font-size: .6rem;
    letter-spacing: .18em;
}

/* =========================================================
   INTRODUCTION — MATCH MAIN ARTICLE BACKGROUND
========================================================= */

.koh-introduction {
    max-width: 920px;
    margin: 0 auto;
    padding: 34px 24px 32px;
    background: var(--koh-cream);
    text-align: center;
}

.koh-intro-symbol,
.koh-intro-line {
    display: none;
}

.koh-intro-label,
.koh-section-label {
    margin: 0 0 9px;
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .17em;
    line-height: 1.45;
}

.koh-introduction h2 {
    max-width: 760px;
    margin: 0 auto;
    color: var(--koh-navy);
    font-size: clamp(1.75rem, 3.2vw, 2.55rem);
    font-weight: 400;
    line-height: 1.25;
}

.koh-introduction h2 span {
    display: block;
    color: var(--koh-gold);
    font-style: italic;
}

.koh-intro-text {
    max-width: 650px;
    margin: 13px auto 0;
    color: var(--koh-muted);
    font-size: 1.35rem;
    line-height: 1.65;
}

.koh-intro-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 15px;
}

.koh-intro-ornament span {
    width: 48px;
    height: 1px;
    background: var(--koh-line);
}

.koh-intro-ornament i {
    color: var(--koh-gold);
    font-style: normal;
    font-size: .7rem;
}

/* Shared Sadhana OM styling */

.koh-page .sadhana-threshold-reflection {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.koh-page .sadhana-threshold-reflection .sadhana-motif-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.koh-page .sadhana-threshold-reflection .sadhana-aum-medallion {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.koh-page .sadhana-threshold-reflection .sadhana-intro-text,
.koh-page .sadhana-threshold-reflection .koh-intro-text {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.koh-page .sadhana-threshold-reflection .koh-intro-text span {
    display: inline;
}

/* =========================================================
   ARTICLE — SAME CREAM BACKGROUND AND SERIF TYPOGRAPHY
========================================================= */

.koh-article {
    padding: 0 0 42px;
    background: var(--koh-cream);
}

.koh-reading-width {
    width: min(880px, calc(100% - 48px));
    margin: 0 auto;
}

.koh-reading-width > p {
    margin: 0 0 17px;
    color: #403c37;
    font-size: 18px;
    line-height: 1.82;
    text-align: left;
    font-family: "Source Serif 4" !important;
}

.koh-reading-width > p.koh-lead {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--koh-navy);
    font-size: 18px;
    line-height: 1.8;
    font-family: "Source Serif 4" !important;
    text-align: left;
}

.koh-reading-width > p.koh-lead::first-letter {
    float: left;
    padding: 7px 10px 0 0;
    color: var(--koh-gold);
    font-size: 3.5rem;
    line-height: .75;
}

/* =========================================================
   POETRY
========================================================= */

.koh-poetry {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    width: 100%;
    margin: 30px 0;
    padding: 30px 38px;
    background: #f5efe3;
    border-top: 1px solid rgba(201, 139, 39, .35);
    border-bottom: 1px solid rgba(201, 139, 39, .35);
}

/* THE INNER CALL — Simple Source Serif 4 */
.koh-poetry .koh-poetry-content > p {
    font-family: 'Source Serif 4', serif !important;
    font-size: 18 px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
}

.koh-poetry .koh-poetry-content > p strong {
    font-family: 'Source Serif 4', serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
}

/* THE INNER CALL — Dark Red Vertical Line */
.koh-poetry {
    border-left: 3px solid #7B1E1E !important;
}


.koh-poetry-number {
    flex: 0 0 auto;
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .66rem;
    letter-spacing: .12em;
}

.koh-poetry-content {
    padding-left: 23px;
    border-left: 1px solid rgba(201, 139, 39, .45);
}

.koh-poetry-content > span {
    display: block;
    margin-bottom: 10px;
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .16em;
}

.koh-poetry-content p {
    margin: 3px 0;
    color: var(--koh-navy);
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.4;
    font-style: italic;
}

/* =========================================================
   MILESTONE
========================================================= */

.koh-milestone {
    display: grid;
    grid-template-columns: 135px 1fr;
    margin: 30px 0;
    border-top: 1px solid var(--koh-line);
    border-bottom: 1px solid var(--koh-line);
}

.koh-milestone-year {
    padding: 22px 18px;
    background: var(--koh-navy);
    color: #fff;
    text-align: center;
}

.koh-milestone-year span {
    display: block;
    color: var(--koh-gold-light);
    font-size: 2.4rem;
    line-height: 1;
}

.koh-milestone-year strong {
    display: block;
    margin-top: 6px;
    font-family: Arial, sans-serif;
    font-size: .6rem;
    letter-spacing: .15em;
}

.koh-milestone-year small {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .7);
    font-family: Arial, sans-serif;
    font-size: .6rem;
}

.koh-milestone-content {
    padding: 22px 28px;
    background: #f5efe3;
}

.koh-milestone-content h3 {
    margin: 0 0 7px;
    color: var(--koh-navy);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.35;
}

.koh-milestone-content p {
    max-width: 600px;
    margin: 0;
    color: var(--koh-muted);
    font-size: .93rem;
    line-height: 1.7;
}

/* =========================================================
   PURITY — retained for existing markup if enabled
========================================================= */

.koh-purity {
    position: relative;
    margin: 35px 0;
    padding: 38px 32px;
    background: #f5efe3;
    text-align: center;
    border-top: 1px solid rgba(201, 139, 39, .3);
    border-bottom: 1px solid rgba(201, 139, 39, .3);
}

.koh-purity-mark {
    color: var(--koh-gold);
    font-size: 1rem;
    margin-bottom: 9px;
}

.koh-purity > span {
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .17em;
}

.koh-purity h2 {
    max-width: 700px;
    margin: 12px auto;
    color: var(--koh-navy);
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 400;
    line-height: 1.35;
    font-style: italic;
}

.koh-purity p {
    max-width: 600px;
    margin: 0 auto;
    color: var(--koh-muted);
    font-size: .92rem;
    line-height: 1.7;
}

/* =========================================================
   FIVE SOURCES
========================================================= */

.koh-five-sources {
    margin: 32px 0;
    padding: 30px 24px;
    background: #f5efe3;
}

.koh-five-heading {
    margin-bottom: 19px;
}

.koh-five-heading span {
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .17em;
}

.koh-five-heading h3 {
    margin: 6px 0 0;
    color: var(--koh-navy);
    font-size: 1.55rem;
    font-weight: 400;
    line-height: 1.35;
}

.koh-five-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid rgba(7, 54, 83, .14);
    border-bottom: 1px solid rgba(7, 54, 83, .14);
}

.koh-source {
    min-height: 115px;
    padding: 17px 12px;
    border-right: 1px solid rgba(7, 54, 83, .14);
}

.koh-source:last-child {
    border-right: 0;
}

.koh-source b {
    display: block;
    margin-bottom: 14px;
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .6rem;
    letter-spacing: .1em;
}

.koh-source strong {
    display: block;
    color: var(--koh-navy);
    font-size: 1.02rem;
    font-weight: 400;
    font-style: italic;
}

.koh-source small {
    display: block;
    margin-top: 5px;
    color: var(--koh-muted);
    font-family: Arial, sans-serif;
    font-size: .64rem;
    line-height: 1.45;
}

/* =========================================================
   PRANAYAMA
========================================================= */

.koh-pranayama {
    position: relative;
    margin: 34px 0;
    padding: 42px 42px;
    background: var(--koh-navy-dark);
    color: #fff;
    overflow: hidden;
}

.koh-pranayama::before {
    content: "ॐ";
    position: absolute;
    right: 7%;
    top: 25px;
    color: rgba(201, 139, 39, .07);
    font-size: 12rem;
    line-height: 1;
}

.koh-pranayama-top {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 9px;
}

.koh-pranayama-top span {
    color: var(--koh-gold-light);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .17em;
}

.koh-pranayama-top small {
    color: rgba(255, 255, 255, .5);
    font-family: Arial, sans-serif;
    font-size: .57rem;
    letter-spacing: .12em;
}

.koh-pranayama h2 {
    position: relative;
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
    font-weight: 400;
    line-height: 1.3;
}

.koh-pranayama-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.koh-pranayama-grid > div {
    padding: 18px 22px;
    border-left: 1px solid rgba(255, 255, 255, .16);
}

.koh-pranayama-grid > div:first-child {
    padding-left: 0;
    border-left: 0;
}

.koh-pranayama-grid span {
    color: var(--koh-gold-light);
    font-family: Arial, sans-serif;
    font-size: .6rem;
}

.koh-pranayama-grid h3 {
    margin: 8px 0 6px;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.35;
}

.koh-pranayama-grid p {
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: .85rem;
    line-height: 1.65;
}

/* =========================================================
   GALLERY
========================================================= */

.koh-gallery {
    width: min(1180px, calc(100% - 48px));
    margin: 42px auto 40px;
    padding: 0;
}

.koh-gallery-heading {
    max-width: 720px;
    margin-bottom: 22px;
}

.koh-gallery-heading > span {
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .17em;
}

.koh-gallery-heading h2 {
    margin: 7px 0 9px;
    color: var(--koh-navy);
    font-size: clamp(1.3rem, 3vw, 1.95rem);
    font-weight: 400;
    line-height: 1.3;
}

.koh-gallery-heading p {
    margin: 0;
    color: var(--koh-muted);
    font-size: .94rem;
    line-height: 1.7;
}

.koh-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 11px;
}

.koh-gallery-grid figure {
    margin: 0;
}

.koh-gallery-grid img {
    display: block;
    width: 100%;
    height: 245px;
    object-fit: cover;
}

.koh-gallery-grid figcaption {
    padding: 8px 3px 0;
    color: var(--koh-muted);
    font-size: .72rem;
    line-height: 1.5;
}

.koh-gallery-caption {
    max-width: 900px;
    margin: 17px auto 0;
    color: var(--koh-muted);
    font-size: .82rem;
    line-height: 1.7;
    text-align: center;
}

.koh-gallery-caption span {
    color: var(--koh-navy);
    text-decoration: underline;
}

.koh-webmaster-addition {
    margin: 12px 0 0;
    color: #66876b;
    font-size: .72rem;
    font-style: italic;
    text-align: center;
}

/* =========================================================
   BOTTOM ARTICLE
========================================================= */

.koh-reading-bottom {
    padding-bottom: 12px;
}

.koh-om {
    margin: 28px 0;
    color: var(--koh-gold);
    font-size: 1.1rem;
    letter-spacing: .15em;
    text-align: center;
}

/* =========================================================
   WEBMASTER NOTES
========================================================= */

.koh-notes {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid var(--koh-line);
}

.koh-notes-heading span {
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .17em;
}

.koh-notes-heading h2 {
    margin: 6px 0 18px;
    color: var(--koh-navy);
    font-size: 1.55rem;
    font-weight: 400;
    line-height: 1.35;
}

.koh-note-list p {
    margin: 0 0 9px;
    color: #6f685e;
    font-size: 18 px;
    line-height: 1.7;
}

.koh-note-list strong {
    color: var(--koh-navy);
}

/* =========================================================
   CLOSING — SAME BACKGROUND AS MAIN ARTICLE
========================================================= */

.koh-closing {
    position: relative;
    padding: 44px 24px;
    background: var(--koh-cream);
    color: var(--koh-ink);
    text-align: center;
    overflow: hidden;
    border-top: 1px solid rgba(7, 54, 83, .1);
}

.koh-closing::before,
.koh-closing::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(201, 139, 39, .12);
    border-radius: 50%;
    pointer-events: none;
}

.koh-closing::before {
    left: -120px;
    top: -120px;
}

.koh-closing::after {
    right: -120px;
    bottom: -120px;
}

.koh-closing-inner {
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0 auto;
}

.koh-closing-symbol {
    color: var(--koh-gold);
    font-size: 1.55rem;
    margin-bottom: 9px;
}

.koh-closing-inner > span {
    color: var(--koh-gold);
    font-family: Arial, sans-serif;
    font-size: .62rem;
    letter-spacing: .19em;
}

.koh-closing h2 {
    max-width: 720px;
    margin: 14px auto;
    color: var(--koh-navy);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 400;
    line-height: 1.4;
}

.koh-closing-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 17px auto;
}

.koh-closing-line span {
    width: 52px;
    height: 1px;
    background: rgba(201, 139, 39, .5);
}

.koh-closing-line i {
    color: var(--koh-gold);
    font-style: normal;
}

.koh-closing p {
    margin: 0;
    color: var(--koh-muted);
    font-size: .9rem;
    line-height: 1.7;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    .koh-hero {
        min-height: 590px;
    }

    .koh-hero-content {
        width: min(calc(100% - 42px), 760px);
        padding: 95px 0 85px;
    }

    .koh-scroll-indicator {
        display: none;
    }

    .koh-five-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .koh-source:nth-child(3) {
        border-right: 0;
    }

    .koh-source:nth-child(4),
    .koh-source:nth-child(5) {
        border-top: 1px solid rgba(7, 54, 83, .14);
    }

    .koh-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .koh-gallery-grid img {
        height: 260px;
    }

    .koh-page .sadhana-threshold-reflection {
        width: 100%;
        text-align: center;
    }

    .koh-page .sadhana-threshold-reflection .sadhana-motif-row {
        width: 100%;
        justify-content: center;
    }

    .koh-page .sadhana-threshold-reflection .koh-intro-text {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .koh-hero {
        min-height: 520px;
    }

    .koh-hero-content {
        width: calc(100% - 36px);
        padding: 85px 0 65px;
    }

    .koh-breadcrumb {
        gap: 7px;
        margin-bottom: 22px;
        font-size: .68rem;
        line-height: 1.6;
    }

    .koh-hero h1 {
        font-size: clamp(2.7rem, 10vw, 4rem);
    }

    .koh-hero-quote {
        font-size: 1.2rem;
    }

    .koh-hero-description {
        font-size: .9rem;
    }

    /* INTRO */

    .koh-introduction {
        padding: 27px 20px 25px;
    }

    .koh-intro-label,
    .koh-section-label {
        font-size: .6rem;
        letter-spacing: .15em;
    }

    .koh-introduction h2 {
        font-size: 1.65rem;
        line-height: 1.3;
    }

    .koh-intro-text {
        margin-top: 11px;
        font-size: .98rem;
        line-height: 1.7;
    }

    .koh-intro-ornament {
        margin-top: 13px;
    }

    .koh-intro-ornament span {
        width: 40px;
    }

    /* ARTICLE */

    .koh-article {
        padding-bottom: 30px;
    }

    .koh-reading-width {
        width: calc(100% - 34px);
    }

    .koh-reading-width > p {
        margin-bottom: 16px;
        font-size: .94rem;
        line-height: 1.8;
        text-align: left;
    }

    .koh-reading-width > p.koh-lead {
        margin-top: 0;
        margin-bottom: 19px;
        font-size: 1.02rem;
        line-height: 1.78;
    }

    .koh-reading-width > p.koh-lead::first-letter {
        font-size: 2.9rem;
    }

    /* POETRY */

    .koh-poetry {
        display: block;
        margin: 27px 0;
        padding: 25px 21px;
    }

    .koh-poetry-number {
        margin-bottom: 13px;
    }

    .koh-poetry-content {
        padding-left: 0;
        padding-top: 14px;
        border-left: 0;
        border-top: 1px solid rgba(201, 139, 39, .4);
    }

    .koh-poetry-content > span {
        margin-bottom: 9px;
        font-size: .59rem;
    }

    .koh-poetry-content p {
        font-size: 1.05rem;
    }

    /* MILESTONE */

    .koh-milestone {
        grid-template-columns: 1fr;
        margin: 27px 0;
    }

    .koh-milestone-year {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 14px;
    }

    .koh-milestone-year span {
        font-size: 1.9rem;
    }

    .koh-milestone-year strong,
    .koh-milestone-year small {
        margin-top: 0;
    }

    .koh-milestone-content {
        padding: 19px 18px;
    }

    .koh-milestone-content h3 {
        font-size: 1.22rem;
    }

    .koh-milestone-content p {
        font-size: .88rem;
        line-height: 1.65;
    }

    /* PURITY */

    .koh-purity {
        margin: 28px 0;
        padding: 30px 19px;
    }

    .koh-purity h2 {
        font-size: 1.45rem;
        line-height: 1.38;
    }

    .koh-purity p {
        font-size: .86rem;
        line-height: 1.7;
    }

    /* FIVE SOURCES */

    .koh-five-sources {
        margin: 28px 0;
        padding: 25px 16px;
    }

    .koh-five-heading {
        margin-bottom: 17px;
    }

    .koh-five-heading h3 {
        font-size: 1.35rem;
    }

    .koh-five-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .koh-source {
        min-height: 105px;
        padding: 15px 11px;
    }

    .koh-source b {
        margin-bottom: 11px;
    }

    .koh-source strong {
        font-size: .96rem;
    }

    .koh-source small {
        font-size: .62rem;
    }

    .koh-source:nth-child(2) {
        border-right: 0;
    }

    .koh-source:nth-child(3) {
        border-top: 1px solid rgba(7, 54, 83, .14);
        border-right: 1px solid rgba(7, 54, 83, .14);
    }

    .koh-source:nth-child(4) {
        border-right: 0;
        border-top: 1px solid rgba(7, 54, 83, .14);
    }

    .koh-source:nth-child(5) {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(7, 54, 83, .14);
        border-right: 0;
    }

    /* PRANAYAMA */

    .koh-pranayama {
        margin: 29px 0;
        padding: 32px 21px;
    }

    .koh-pranayama::before {
        font-size: 8rem;
        right: -15px;
        top: 15px;
    }

    .koh-pranayama-top {
        margin-bottom: 8px;
    }

    .koh-pranayama h2 {
        margin-bottom: 17px;
        font-size: 1.6rem;
    }

    .koh-pranayama-grid {
        grid-template-columns: 1fr;
    }

    .koh-pranayama-grid > div,
    .koh-pranayama-grid > div:first-child {
        padding: 15px 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
    }

    .koh-pranayama-grid > div:first-child {
        border-top: 0;
    }

    .koh-pranayama-grid h3 {
        font-size: 1.08rem;
    }

    /* GALLERY */

    .koh-gallery {
        width: calc(100% - 34px);
        margin: 34px auto 30px;
    }

    .koh-gallery-heading {
        margin-bottom: 18px;
    }

    .koh-gallery-heading h2 {
        font-size: 1.6rem;
        line-height: 1.3;
    }

    .koh-gallery-heading p {
        font-size: .89rem;
        line-height: 1.7;
    }

    .koh-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .koh-gallery-grid img {
        height: 165px;
    }

    .koh-gallery-grid figcaption {
        padding-top: 7px;
        font-size: .65rem;
    }

    .koh-gallery-caption {
        margin-top: 14px;
        font-size: .76rem;
        line-height: 1.65;
        text-align: left;
    }

    .koh-webmaster-addition {
        margin-top: 11px;
        font-size: .68rem;
    }

    /* BOTTOM ARTICLE */

    .koh-reading-bottom {
        padding-bottom: 8px;
    }

    .koh-om {
        margin: 23px 0;
        font-size: .98rem;
    }

    /* NOTES */

    .koh-notes {
        margin-top: 28px;
        padding-top: 23px;
    }

    .koh-notes-heading h2 {
        margin-bottom: 15px;
        font-size: 1.4rem;
    }

    .koh-note-list p {
        margin-bottom: 8px;
        font-size: .78rem;
        line-height: 1.7;
    }

    /* CLOSING */

    .koh-closing {
        padding: 34px 19px;
    }

    .koh-closing-symbol {
        font-size: 1.35rem;
        margin-bottom: 8px;
    }

    .koh-closing-inner > span {
        font-size: .58rem;
    }

    .koh-closing h2 {
        margin: 12px auto;
        font-size: 1.45rem;
        line-height: 1.4;
    }

    .koh-closing-line {
        margin: 15px auto;
    }

    .koh-closing-line span {
        width: 40px;
    }

    .koh-closing p {
        font-size: .8rem;
        line-height: 1.7;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    .koh-hero {
        min-height: 490px;
    }

    .koh-hero-content {
        width: calc(100% - 30px);
        padding: 78px 0 55px;
    }

    .koh-breadcrumb {
        gap: 6px;
        margin-bottom: 19px;
        font-size: .64rem;
    }

    .koh-hero h1 {
        font-size: 2.65rem;
    }

    .koh-hero-quote {
        font-size: 1.1rem;
    }

    .koh-introduction {
        padding: 24px 16px 22px;
    }

    .koh-introduction h2 {
        font-size: 1.52rem;
    }

    .koh-intro-text {
        font-size: .92rem;
    }

    .koh-reading-width {
        width: calc(100% - 30px);
    }

    .koh-reading-width > p {
        font-size: .91rem;
    }

    .koh-reading-width > p.koh-lead {
        font-size: .99rem;
    }

    .koh-poetry {
        padding: 23px 18px;
    }

    .koh-poetry-content p {
        font-size: 1rem;
    }

    .koh-milestone-content h3 {
        font-size: 1.15rem;
    }

    .koh-purity {
        padding: 28px 17px;
    }

    .koh-purity h2 {
        font-size: 1.34rem;
    }

    .koh-five-heading h3 {
        font-size: 1.25rem;
    }

    .koh-gallery {
        width: calc(100% - 30px);
    }

    .koh-gallery-heading h2 {
        font-size: 1.48rem;
    }

    .koh-gallery-grid img {
        height: 145px;
    }

    .koh-gallery-grid figcaption {
        min-height: 32px;
        font-size: .61rem;
    }

    .koh-closing {
        padding: 30px 17px;
    }

    .koh-closing h2 {
        font-size: 1.34rem;
    }
}


/* =========================================================
   ON HIMSELF — CLOSING SECTION
   Shiva-yoga jaisa theme aur typography
========================================================= */

.koh-page .koh-closing {
    padding: 0 24px 28px !important;
    margin: 0 !important;
    background: linear-gradient(
        90deg,
        #faf7ef,
        #f8f2e6 50%,
        #faf7ef
    ) !important;
    color: #2c241d !important;
    text-align: center;
}

/* Closing content width */
.koh-page .koh-closing-inner {
    width: min(1000px, 100%);
    margin: 0 auto;
}

/* THE INNER CALL */
.koh-page .koh-closing h2,
.koh-page .koh-closing h3 {
    margin: 0 0 10px !important;
    color: #0b3557 !important;
    font-family: "Source Serif 4" !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.04em !important;
    margin-left: 50px !important;
}

/* Closing ki lines — simple font */
.koh-page .koh-closing p {
    max-width: 800px;
    margin: 10px auto 0 !important;
    color: #0b3557 !important;
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif !important;
    font-size: 21px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

/* Bold / italic styling ko simple rakhein */
.koh-page .koh-closing strong,
.koh-page .koh-closing em,
.koh-page .koh-closing i {
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Side decorative lines — dark red, line visible rahegi */
.koh-page .koh-closing span {
    border-color: #8b1e24 !important;
}

/* Closing se pehle article ka gap kam */
.koh-page .koh-article {
    padding-bottom: 28px !important;
    margin-bottom: 0 !important;
}

/* Notes ke neeche extra space kam */
.koh-page .koh-notes {
    margin-bottom: 18px !important;
}

/* Mobile */
@media (max-width: 700px) {
    .koh-page .koh-closing {
        padding: 0 18px 22px !important;
    }

    .koh-page .koh-closing h2,
    .koh-page .koh-closing h3 {
        margin-bottom: 8px !important;
        font-size: 1.15rem !important;
    }

    .koh-page .koh-closing p {
        margin-top: 8px !important;
        font-size: 17px !important;
        line-height: 1.5 !important;
    }

    .koh-page .koh-article {
        padding-bottom: 20px !important;
    }
}
/* Closing section ke pehle wali line remove */
.koh-page .koh-closing {
    border-top: none !important;
}

.koh-page .koh-closing::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   EMINENT VOICES — SHRI KUMARSWAMIJI
   Premium editorial / Veerashaiva theme
========================================================= */


/* =========================================================
   OPENING REFLECTION
========================================================= */

.eminent-voices-page .ev-opening-reflection {
    padding: 55px 20px 50px;
    text-align: center;
    background: var(--sadhana-cream, #f8f3e9);
}

.eminent-voices-page .ev-opening-inner {
    max-width: 900px;
    margin: 0 auto;
}

.eminent-voices-page .ev-opening-lines,
.eminent-voices-page .ev-closing-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 24px;
}

.eminent-voices-page .ev-opening-lines i,
.eminent-voices-page .ev-closing-lines i {
    display: block;
    width: 65px;
    height: 1px;
    background: var(--sadhana-gold, #c98b27);
}

.eminent-voices-page .ev-opening-lines span,
.eminent-voices-page .ev-closing-lines span {
    color: var(--sadhana-gold, #c98b27);
    font-size: 23px;
    line-height: 1;
}

.eminent-voices-page .ev-opening-reflection .ev-section-label {
    display: block;
    margin-bottom: 17px;
}

.eminent-voices-page .ev-opening-inner > p,
.eminent-voices-page .ev-closing-reflection > p {
    max-width: 850px;
    margin: 0 auto;
    color: var(--sadhana-ink, #073653);
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================================
   CLOSING REFLECTION
========================================================= */

.eminent-voices-page .ev-closing-reflection {
    padding: 45px 20px 55px;
    text-align: center;
    background: var(--sadhana-cream, #f8f3e9);
}

.eminent-voices-page .ev-closing-lines {
    margin-bottom: 22px;
}

.eminent-voices-page .ev-closing-lines span {
    font-size: 19px;
}

.eminent-voices-page .ev-short-rule {
    display: block;
    width: 55px;
    height: 2px;
    margin: 24px auto 0;
    background: var(--sadhana-gold, #c98b27);
}

/* OPENING: OM CIRCLE WITH LONG GOLD LINES */

.eminent-voices-page .ev-opening-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-bottom: 24px;
}

.eminent-voices-page .ev-opening-lines i {
    display: block;
    width: 400px;
    height: 1px;
    flex-shrink: 0;
    background: var(--sadhana-gold, #c98b27);
}

.eminent-voices-page .ev-opening-lines .ev-om-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border: 1px solid var(--sadhana-gold, #c98b27);
    border-radius: 50%;
    color: var(--sadhana-gold, #c98b27);
    font-size: 29px;
    line-height: 1;
    box-sizing: border-box;
}

@media (max-width: 576px) {
    .eminent-voices-page .ev-opening-lines {
        gap: 14px;
    }

    .eminent-voices-page .ev-opening-lines i {
        width: 55px;
    }

    .eminent-voices-page .ev-opening-lines .ev-om-circle {
        width: 50px;
        height: 50px;
        font-size: 25px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 576px) {
    .eminent-voices-page .ev-opening-reflection {
        padding: 40px 20px;
    }

    .eminent-voices-page .ev-closing-reflection {
        padding: 35px 20px 42px;
    }

    .eminent-voices-page .ev-opening-inner > p,
    .eminent-voices-page .ev-closing-reflection > p {
        font-size: 18px;
        line-height: 1.6;
    }

    .eminent-voices-page .ev-opening-lines i,
    .eminent-voices-page .ev-closing-lines i {
        width: 45px;
    }
}


.eminent-voices-page {
    --ev-navy: #073653;
    --ev-navy-deep: #041f31;
    --ev-navy-soft: #123f59;
    --ev-gold: #c98b27;
    --ev-gold-light: #dfb15b;
    --ev-cream: #f8f3e9;
    --ev-paper: #faf7ef;
    --ev-ink: #2c241d;
    --ev-muted: #6f675d;
    --ev-line: rgba(7, 54, 83, .14);

    background: var(--ev-cream);
    color: var(--ev-ink);
    overflow: hidden;
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
}

.eminent-voices-page *,
.eminent-voices-page *::before,
.eminent-voices-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   HERO
========================================================= */

.eminent-voices-page .ev-hero {
    position: relative;
    min-height: 570px;
    display: flex;
    align-items: center;
    isolation: isolate;
    overflow: hidden;
    background: var(--ev-navy-deep);
}

.eminent-voices-page .ev-hero-image {
    position: absolute;
    inset: 0;
    z-index: -3;
    background: url("/assets/image/breadcrumb/living-tradition.webp")
        center center / cover no-repeat;
    transform: scale(1.01);
}

.eminent-voices-page .ev-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(
            90deg,
            rgba(4, 31, 49, .94) 0%,
            rgba(4, 31, 49, .82) 38%,
            rgba(4, 31, 49, .46) 72%,
            rgba(4, 31, 49, .66) 100%
        ),
        linear-gradient(
            180deg,
            rgba(4, 31, 49, .22),
            rgba(4, 31, 49, .70)
        );
}

.eminent-voices-page .ev-hero-inner {
    position: relative;
    width: 100%;
    padding-top: 105px;
    padding-bottom: 85px;
}

.eminent-voices-page .ev-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 58px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .70);
}

.eminent-voices-page .ev-breadcrumb a {
    color: rgba(255, 255, 255, .76);
    text-decoration: none;
}

.eminent-voices-page .ev-breadcrumb a:hover {
    color: var(--ev-gold-light);
}

.eminent-voices-page .ev-breadcrumb span:last-child {
    color: var(--ev-gold-light);
}

.eminent-voices-page .ev-hero-copy {
    max-width: 820px;
}

.eminent-voices-page .ev-eyebrow,
.eminent-voices-page .ev-section-label {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.eminent-voices-page .ev-eyebrow {
    margin-bottom: 17px;
    color: var(--ev-gold-light);
}

.eminent-voices-page .ev-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #fffaf0;
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 6vw, 5.7rem);
    line-height: .98;
    font-weight: 400;
    letter-spacing: -.025em;
}

.eminent-voices-page .ev-hero-rule {
    display: flex;
    align-items: center;
    width: 180px;
    height: 1px;
    margin: 28px 0 24px;
    background: rgba(255, 255, 255, .20);
}

.eminent-voices-page .ev-hero-rule span {
    width: 62px;
    height: 2px;
    background: var(--ev-gold);
}

.eminent-voices-page .ev-hero-copy > p {
    max-width: 640px;
    margin: 0;
    color: rgba(255, 250, 240, .78);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.75;
}


/* =========================================================
   INTRO
========================================================= */

.eminent-voices-page .ev-intro {
    position: relative;
    padding: 68px 0 76px;
    background: var(--ev-paper);
    border-bottom: 1px solid var(--ev-line);
}

.eminent-voices-page .ev-sacred-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: min(720px, 90%);
    margin: 0 auto 38px;
}

.eminent-voices-page .ev-sacred-mark > span {
    flex: 1;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(201, 139, 39, .48)
    );
}

.eminent-voices-page .ev-sacred-mark > span:last-child {
    background: linear-gradient(
        90deg,
        rgba(201, 139, 39, .48),
        transparent
    );
}

.eminent-voices-page .ev-sacred-mark > div {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border: 1px solid rgba(201, 139, 39, .58);
    border-radius: 50%;
    color: var(--ev-gold);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1;
}

.eminent-voices-page .ev-intro-copy {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.eminent-voices-page .ev-section-label {
    color: var(--ev-gold);
}

.eminent-voices-page .ev-intro h2,
.eminent-voices-page .ev-section-heading h2,
.eminent-voices-page .ev-closing h2 {
    font-family: "Source Serif 4";
    font-size: 19px;
    font-weight: 400;
    color: var(--ev-navy);
}

.eminent-voices-page .ev-intro h2 {
    max-width: 760px;
    margin: 15px auto 20px;
    font-size: clamp(2rem, 2vw, 3rem);
    line-height: 1.18;
    letter-spacing: -.018em;
}

.eminent-voices-page .ev-mini-rule {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0 auto 24px;
}

.eminent-voices-page .ev-mini-rule span {
    width: 62px;
    height: 1px;
    background: rgba(7, 54, 83, .18);
}

.eminent-voices-page .ev-mini-rule i {
    color: var(--ev-gold);
    font-size: 14px;
    font-style: normal;
}

.eminent-voices-page .ev-intro-copy > p {
    max-width: 700px;
    margin: 0 auto;
    color: var(--ev-muted);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.8;
}


/* =========================================================
   VOICES SECTION
========================================================= */

.eminent-voices-page .ev-voices {
    padding: 95px 0 105px;
    background:
        radial-gradient(
            circle at 8% 8%,
            rgba(201, 139, 39, .055),
            transparent 24%
        ),
        var(--ev-cream);
}

.eminent-voices-page .ev-section-heading {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.eminent-voices-page .ev-section-heading h2 {
    margin: 13px 0 15px;
    font-size: clamp(2.15rem, 2vw, 3rem);
    line-height: 1.12;
}

.eminent-voices-page .ev-list {
    display: grid;
    gap: 24px;
    max-width: 1050px;
    margin: 0 auto;
}


/* =========================================================
   VOICE CARD
========================================================= */

.eminent-voices-page .ev-card {
    position: relative;
    padding: 34px 42px 36px;
    background: rgba(250, 247, 239, .96);
    border: 1px solid rgba(7, 54, 83, .11);

    /* Left-side line: dark red */
    border-left: 3px solid #7b1e24;

    box-shadow: 0 12px 32px rgba(7, 54, 83, .045);
}

.eminent-voices-page .ev-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 19px;
    margin-bottom: 26px;
    border-bottom: 1px solid rgba(7, 54, 83, .09);
}

.eminent-voices-page .ev-number {
    color: var(--ev-gold);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 20px;
    letter-spacing: .05em;
}

.eminent-voices-page .ev-kicker {
    color: var(--ev-muted);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.eminent-voices-page .ev-quote {
    position: relative;
    padding-left: 48px;
}

.eminent-voices-page .ev-quote::before {
    content: "“";
    position: absolute;
    left: 0;
    top: -16px;
    color: rgba(201, 139, 39, .32);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 76px;
    line-height: 1;
}

.eminent-voices-page .ev-quote p {
    margin: 0 0 17px;
    color: var(--ev-ink);
    font-family: "Source Serif 4";
    font-size: 18px;
    line-height: 1.82;
    text-align: left;
}

.eminent-voices-page .ev-quote p:last-child {
    margin-bottom: 0;
}

.eminent-voices-page .ev-attribution {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 28px 0 0 48px;
    padding-top: 20px;
    border-top: 1px solid rgba(201, 139, 39, .24);
}

.eminent-voices-page .ev-attribution strong {
    color: var(--ev-navy);
    font-family: "Source Serif 4"!important;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.eminent-voices-page .ev-attribution span {
    color: #817970;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.65;
    letter-spacing: .025em;
}


/* =========================================================
   CLOSING — SHIVA-YOGA THEME
========================================================= */

.eminent-voices-page .ev-closing {
    position: relative;
    background: linear-gradient(
        90deg,
        #faf7ef 0%,
        #f8f2e6 50%,
        #faf7ef 100%
    );
    padding: 38px 24px;
    text-align: center;
    border-top: none;
}

.eminent-voices-page .ev-closing-mark {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    margin: 0 auto 16px;
    border: 1px solid rgba(201, 139, 39, .58);
    border-radius: 50%;
    color: var(--ev-gold);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 2rem;
    line-height: 1;
}

.eminent-voices-page .ev-closing .ev-section-label {
    color: #8a682d;
    font-size: .72rem;
    letter-spacing: .18em;
}

.eminent-voices-page .ev-closing h2 {
    max-width: 700px;
    margin: 12px auto 18px;
    color: var(--ev-navy);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: clamp(1.7rem, 2vw, 2rem);
    font-weight: 400;
    line-height: 1.35;
}

.eminent-voices-page .ev-closing .ev-mini-rule {
    margin-top: 14px;
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 991.98px) {
    .eminent-voices-page .ev-hero {
        min-height: 520px;
    }

    .eminent-voices-page .ev-hero-inner {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .eminent-voices-page .ev-breadcrumb {
        margin-bottom: 44px;
    }

    .eminent-voices-page .ev-voices {
        padding: 75px 0 85px;
    }

    .eminent-voices-page .ev-card {
        padding-left: 32px;
        padding-right: 32px;
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 767.98px) {
    .eminent-voices-page {
        width: 100%;
        overflow-x: hidden;
    }

    .eminent-voices-page .ev-hero {
        min-height: 0;
        height: auto;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .eminent-voices-page .ev-hero-image {
        inset: 0;
        background-position: 62% center;
        background-size: cover;
        transform: scale(1.02);
    }

    .eminent-voices-page .ev-hero-overlay {
        inset: 0;
        background: linear-gradient(
            180deg,
            rgba(4, 31, 49, .76) 0%,
            rgba(4, 31, 49, .86) 48%,
            rgba(4, 31, 49, .96) 100%
        );
    }

    .eminent-voices-page .ev-hero-inner {
        width: 100%;
        padding: 72px 18px 55px;
    }

    .eminent-voices-page .ev-breadcrumb {
        width: 100%;
        gap: 5px;
        margin-bottom: 32px;
        font-size: 9px;
        line-height: 1.5;
        letter-spacing: .045em;
        flex-wrap: wrap;
    }

    .eminent-voices-page .ev-breadcrumb a,
    .eminent-voices-page .ev-breadcrumb span {
        white-space: normal;
    }

    .eminent-voices-page .ev-hero-copy {
        width: 100%;
        max-width: 100%;
    }

    .eminent-voices-page .ev-eyebrow {
        margin-bottom: 13px;
        font-size: 9px;
        line-height: 1.4;
        letter-spacing: .15em;
    }

    .eminent-voices-page .ev-hero h1 {
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: clamp(2.5rem, 11vw, 3.8rem);
        line-height: 1.02;
        letter-spacing: -.02em;
        overflow-wrap: break-word;
    }

    .eminent-voices-page .ev-hero-rule {
        width: 125px;
        margin: 22px 0 19px;
    }

    .eminent-voices-page .ev-hero-rule span {
        width: 45px;
    }

    .eminent-voices-page .ev-hero-copy > p {
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: 15px;
        line-height: 1.68;
    }

    .eminent-voices-page .ev-intro {
        padding: 45px 18px 52px;
    }

    .eminent-voices-page .ev-sacred-mark {
        width: 100%;
        max-width: 520px;
        gap: 10px;
        margin: 0 auto 27px;
    }

    .eminent-voices-page .ev-sacred-mark > span {
        min-width: 0;
    }

    .eminent-voices-page .ev-sacred-mark > div {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        font-size: 23px;
    }

    .eminent-voices-page .ev-intro-copy {
        width: 100%;
        max-width: 100%;
    }

    .eminent-voices-page .ev-section-label {
        font-size: 9px;
        line-height: 1.4;
        letter-spacing: .16em;
    }

    .eminent-voices-page .ev-intro h2 {
        width: 100%;
        max-width: 100%;
        margin: 11px auto 17px;
        font-size: clamp(1.75rem, 8vw, 2.15rem);
        line-height: 1.2;
        letter-spacing: -.015em;
    }

    .eminent-voices-page .ev-mini-rule {
        gap: 9px;
        margin-bottom: 20px;
    }

    .eminent-voices-page .ev-mini-rule span {
        width: 45px;
    }

    .eminent-voices-page .ev-mini-rule i {
        font-size: 12px;
    }

    .eminent-voices-page .ev-intro-copy > p {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        line-height: 1.72;
        text-align: left;
    }

    .eminent-voices-page .ev-voices {
        padding: 55px 18px 62px;
    }

    .eminent-voices-page .ev-section-heading {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 34px;
    }

    .eminent-voices-page .ev-section-heading h2 {
        width: 100%;
        max-width: 100%;
        margin: 10px 0 14px;
        font-size: clamp(1.8rem, 8vw, 2.15rem);
        line-height: 1.18;
    }

    .eminent-voices-page .ev-list {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 0;
    }

    .eminent-voices-page .ev-card {
        width: 100%;
        max-width: 100%;
        padding: 22px 18px 25px;
        border-left: 2px solid #7b1e24;
        overflow: hidden;
    }

    .eminent-voices-page .ev-card-top {
        width: 100%;
        gap: 10px;
        padding-bottom: 13px;
        margin-bottom: 19px;
        align-items: flex-start;
    }

    .eminent-voices-page .ev-number {
        flex: 0 0 auto;
        font-size: 16px;
        line-height: 1.4;
    }

    .eminent-voices-page .ev-kicker {
        max-width: 70%;
        font-size: 8px;
        line-height: 1.45;
        letter-spacing: .11em;
        text-align: right;
        overflow-wrap: break-word;
    }

    .eminent-voices-page .ev-quote {
        width: 100%;
        padding-left: 0;
    }

    .eminent-voices-page .ev-quote::before {
        display: none;
    }

    .eminent-voices-page .ev-quote p {
        width: 100%;
        max-width: 100%;
        margin: 0 0 14px;
        font-size: 15px;
        line-height: 1.72;
        text-align: left;
        overflow-wrap: break-word;
    }

    .eminent-voices-page .ev-quote p:last-child {
        margin-bottom: 0;
    }

    .eminent-voices-page .ev-attribution {
        width: 100%;
        margin: 21px 0 0;
        padding-top: 15px;
        gap: 5px;
    }

    .eminent-voices-page .ev-attribution strong {
        font-size: 14.5px;
        line-height: 1.45;
        overflow-wrap: break-word;
    }

    .eminent-voices-page .ev-attribution span {
        font-size: 9.5px;
        line-height: 1.55;
        overflow-wrap: break-word;
    }

    .eminent-voices-page .ev-closing {
        width: 100%;
        padding: 28px 18px;
        text-align: center;
    }

    .eminent-voices-page .ev-closing-mark {
        width: 52px;
        height: 52px;
        margin: 0 auto 13px;
        font-size: 1.65rem;
    }

    .eminent-voices-page .ev-closing .ev-section-label {
        font-size: 8px;
        letter-spacing: .15em;
    }

    .eminent-voices-page .ev-closing h2 {
        width: 100%;
        max-width: 100%;
        margin: 10px auto 14px;
        font-size: clamp(1.45rem, 7vw, 1.8rem);
        line-height: 1.28;
    }

    .eminent-voices-page .ev-closing .ev-mini-rule {
        margin-top: 10px;
        margin-bottom: 0;
    }
}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
    .eminent-voices-page .ev-hero-inner {
        padding: 65px 16px 48px;
    }

    .eminent-voices-page .ev-breadcrumb {
        margin-bottom: 28px;
        font-size: 8px;
    }

    .eminent-voices-page .ev-hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.25rem);
    }

    .eminent-voices-page .ev-hero-copy > p {
        font-size: 14px;
        line-height: 1.65;
    }

    .eminent-voices-page .ev-intro {
        padding: 40px 16px 48px;
    }

    .eminent-voices-page .ev-sacred-mark {
        gap: 8px;
        margin-bottom: 24px;
    }

    .eminent-voices-page .ev-sacred-mark > div {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
        font-size: 21px;
    }

    .eminent-voices-page .ev-intro h2 {
        font-size: 1.75rem;
    }

    .eminent-voices-page .ev-intro-copy > p {
        font-size: 14px;
        line-height: 1.7;
    }

    .eminent-voices-page .ev-voices {
        padding: 48px 16px 55px;
    }

    .eminent-voices-page .ev-section-heading {
        margin-bottom: 28px;
    }

    .eminent-voices-page .ev-section-heading h2 {
        font-size: 1.8rem;
    }

    .eminent-voices-page .ev-list {
        gap: 14px;
    }

    .eminent-voices-page .ev-card {
        padding: 20px 15px 22px;
    }

    .eminent-voices-page .ev-card-top {
        margin-bottom: 17px;
        padding-bottom: 12px;
    }

    .eminent-voices-page .ev-number {
        font-size: 15px;
    }

    .eminent-voices-page .ev-kicker {
        font-size: 7.5px;
    }

    .eminent-voices-page .ev-quote p {
        font-size: 14px;
        line-height: 1.7;
    }

    .eminent-voices-page .ev-attribution {
        margin-top: 18px;
        padding-top: 13px;
    }

    .eminent-voices-page .ev-attribution strong {
        font-size: 14px;
    }

    .eminent-voices-page .ev-attribution span {
        font-size: 9px;
    }

    .eminent-voices-page .ev-closing {
        padding: 26px 16px;
    }

    .eminent-voices-page .ev-closing-mark {
        width: 48px;
        height: 48px;
        font-size: 1.55rem;
    }

    .eminent-voices-page .ev-closing h2 {
        font-size: 1.45rem;
    }
}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width: 360px) {
    .eminent-voices-page .ev-hero-inner {
        padding-left: 14px;
        padding-right: 14px;
    }

    .eminent-voices-page .ev-hero h1 {
        font-size: 2.25rem;
    }

    .eminent-voices-page .ev-hero-copy > p {
        font-size: 13.5px;
    }

    .eminent-voices-page .ev-intro,
    .eminent-voices-page .ev-voices {
        padding-left: 14px;
        padding-right: 14px;
    }

    .eminent-voices-page .ev-intro h2 {
        font-size: 1.65rem;
    }

    .eminent-voices-page .ev-section-heading h2 {
        font-size: 1.7rem;
    }

    .eminent-voices-page .ev-card {
        padding-left: 14px;
        padding-right: 14px;
    }

    .eminent-voices-page .ev-card-top {
        align-items: flex-start;
    }

    .eminent-voices-page .ev-kicker {
        max-width: 65%;
        font-size: 7px;
    }

    .eminent-voices-page .ev-quote p {
        font-size: 13.5px;
    }

    .eminent-voices-page .ev-closing h2 {
        font-size: 1.35rem;
    }
}


/* =========================================================
   EMINENT VOICES — SECTION SPACING OVERRIDE
========================================================= */

.eminent-voices-page section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.eminent-voices-page .ev-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.eminent-voices-page .ev-intro {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.eminent-voices-page .ev-voices {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.eminent-voices-page .ev-closing {
    margin-top: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Reduce gaps between section content */
.eminent-voices-page .ev-section h2,
.eminent-voices-page .ev-intro h2,
.eminent-voices-page .ev-voices h2,
.eminent-voices-page .ev-closing h2 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
    .eminent-voices-page .ev-section {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .eminent-voices-page .ev-intro,
    .eminent-voices-page .ev-voices,
    .eminent-voices-page .ev-closing {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }
}


/* =========================================================
   EMINENT VOICES — UNIFORM BACKGROUND OVERRIDE
   All sections use the same Shiva-yoga background
========================================================= */

.eminent-voices-page {
    background-color: #f8f4eb !important;
}

/* Same background for every section */
.eminent-voices-page section,
.eminent-voices-page .ev-hero,
.eminent-voices-page .ev-intro,
.eminent-voices-page .ev-section,
.eminent-voices-page .ev-voices,
.eminent-voices-page .ev-closing {
    background-color: #f8f4eb !important;
    background-image: none !important;
}

/* Keep inner content areas consistent */
.eminent-voices-page .container,
.eminent-voices-page .ev-section-inner {
    background-color: transparent !important;
}

/* Remove only the long horizontal line after the intro section */
.eminent-voices-page .ev-intro {
    border-bottom: none !important;
    box-shadow: none !important;
}

.eminent-voices-page .ev-intro::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   PEARLS OF WISDOM PAGE
========================================================= */

/* =========================================================
   PEARLS OF WISDOM — COMPLETE UPDATED CSS
   Shiva-yoga inspired theme
========================================================= */

.pearls-of-wisdom-page {
    --pearls-navy: #132a46;
    --pearls-navy-dark: #04101d;
    --pearls-gold: #ad843f;
    --pearls-gold-dark: #b8860b;
    --pearls-cream: #f8f4eb;
    --pearls-paper: #f8f4eb;
    --pearls-text: #555;

    background-color: var(--pearls-cream);
    color: var(--pearls-text);
    font-family: Georgia, "Times New Roman", serif;
}

/* =========================================================
   HERO / BREADCRUMB
========================================================= */

.pearls-of-wisdom-page .breadcrumb-area {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.pearls-of-wisdom-page .breadcrumb-area::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(4, 16, 29, 0.82) 0%,
        rgba(4, 16, 29, 0.62) 42%,
        rgba(4, 16, 29, 0.30) 100%
    );
    pointer-events: none;
}

.pearls-of-wisdom-page .breadcrumb-area .container {
    position: relative;
    z-index: 2;
}

.pearls-of-wisdom-page .breadcrumb-margin {
    padding-top: 55px;
    padding-bottom: 55px;
}

.pearls-of-wisdom-page .breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 0.92rem;
}

.pearls-of-wisdom-page .breadcrumb-nav a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pearls-of-wisdom-page .breadcrumb-nav a:hover {
    color: var(--pearls-gold);
}

.pearls-of-wisdom-page .breadcrumb-nav span {
    color: rgba(255, 255, 255, 0.75);
}

.pearls-of-wisdom-page .breadcrumb-area h1 {
    color: #fff;
    font-family: "Cinzel", Georgia, serif;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 1px;
    margin: 0 0 15px;
}

.pearls-of-wisdom-page .breadcrumb-line {
    width: 75px;
    height: 2px;
    background: var(--pearls-gold);
    margin: 0 0 20px;
}

.pearls-of-wisdom-page .breadcrumb-line span {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--pearls-gold);
}

.pearls-of-wisdom-page .breadcrumb-area h4 {
    color: #fff;
    font-family: Georgia, serif;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}

.pearls-of-wisdom-page .breadcrumb-area p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 0;
}

/* =========================================================
   SACRED SECTION — BELOW HERO
========================================================= */

.pearls-of-wisdom-page .sacred-section {
    position: relative;
    overflow: hidden;
    background: var(--pearls-cream);
    padding-top: 35px;
    padding-bottom: 35px;
}

/* =========================================================
   OM DIVIDER
   Keep horizontal lines on both sides of Om
========================================================= */

.pearls-of-wisdom-page .sacred-divider {
    width: min(720px, 90%);
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.pearls-of-wisdom-page .sacred-divider .line {
    height: 1px;
    background: rgba(173, 132, 63, 0.55);
    flex: 1;
}

.pearls-of-wisdom-page .om-circle {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background-color: var(--pearls-cream);
    border: 1px solid var(--pearls-gold);
    color: var(--pearls-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Georgia, serif;
    font-size: 2rem;
    line-height: 1;
    box-shadow: none;
}

/* =========================================================
   SACRED CONTENT
========================================================= */

.pearls-of-wisdom-page .sacred-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.pearls-of-wisdom-page .sacred-content h3 {
    color: var(--pearls-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 400;
    line-height: 1.65;
    margin: 0 0 10px;
    font-style: italic !important;
}

.pearls-of-wisdom-page .sacred-content > span {
    display: block;
    color: #716f6a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.95rem;
    font-style: italic;
}

.pearls-of-wisdom-page .small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 15px auto 0;
}

.pearls-of-wisdom-page .small-divider span {
    width: 45px;
    height: 1px;
    background: var(--pearls-gold);
}

.pearls-of-wisdom-page .small-divider i {
    color: var(--pearls-gold);
    font-size: 0.9rem;
    font-style: normal;
}

/* =========================================================
   LOTUS DECORATION
========================================================= */

.pearls-of-wisdom-page .lotus {
    position: absolute;
    color: rgba(173, 132, 63, 0.18);
    font-size: 4.5rem;
    line-height: 1;
    z-index: 1;
    pointer-events: none;
}

.pearls-of-wisdom-page .lotus-left {
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.pearls-of-wisdom-page .lotus-right {
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

/* =========================================================
   PEARLS CARDS SECTION
========================================================= */

.pearls-of-wisdom-page .pearls-cards-section {
    background-color: var(--pearls-cream);
    padding-top: 35px;
    padding-bottom: 40px;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.pearls-of-wisdom-page .pearls-heading {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    text-align: center;
}

.pearls-of-wisdom-page .pearls-heading img {
    display: block !important;
    width: 40px !important;
    height: auto !important;
    margin: 0 auto 12px !important;
    filter:
        invert(71%)
        sepia(31%)
        saturate(718%)
        hue-rotate(352deg)
        brightness(91%)
        contrast(87%);
}

.pearls-of-wisdom-page .pearls-heading h2 {
    color: var(--pearls-navy);
    font-family: "Source Serif 4"!important;
    /* font-size: clamp(1.7rem, 1vw, 1rem); */
    font-size: 28px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 1px;
    margin: 0;
    text-align: center;
}

.pearls-of-wisdom-page .pearls-heading-divider {
    width: 80px;
    height: 2px;
    background-color: var(--pearls-gold);
    margin: 12px auto 8px;
}

.pearls-of-wisdom-page .pearls-heading p {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    color: #5d5a55;
    font-family: "Source Serif 4" !important;
    font-size: 18px;
    line-height: 1.8;
}

/* =========================================================
   BOOTSTRAP GRID
========================================================= */

.pearls-of-wisdom-page .pearls-cards-section .row.g-4 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}

/* =========================================================
   PEARL CARDS GRID — THREE PER ROW
========================================================= */

.pearls-of-wisdom-page .pearl-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 24px !important;
    width: 100% !important;
    max-width: 1250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pearls-of-wisdom-page .pearl-grid-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* =========================================================
   PEARL CARD
========================================================= */

.pearls-of-wisdom-page .pearl-card {
    background-color: var(--pearls-cream);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    position: relative;
    height: 100%;
    transition: transform 0.3s ease;
    border: 1px solid rgba(173, 132, 63, 0.15);
}

.pearls-of-wisdom-page .pearl-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* =========================================================
   CARD IMAGE
========================================================= */

.pearls-of-wisdom-page .pearl-card-img-container {
    height: 250px;
    overflow: hidden;
}

.pearls-of-wisdom-page .pearl-card-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =========================================================
   CARD ICON
========================================================= */

.pearls-of-wisdom-page .pearl-card-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}

.pearls-of-wisdom-page .pearl-card-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    background-color: var(--pearls-navy);
    border: 3px solid var(--pearls-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.pearls-of-wisdom-page .pearl-card-icon img {
    width: 62px !important;
    height: 62px !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: fill !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* =========================================================
   CARD BODY
========================================================= */

.pearls-of-wisdom-page .pearl-card-body {
    padding: 28px 20px;
    text-align: center;
}

.pearls-of-wisdom-page .pearl-card-title {
    font-family: "Source Serif 4" !important;
    font-size: 1.25rem;
    color: var(--pearls-navy);
    margin-bottom: 5px;
    letter-spacing: 1px;
    line-height: 1.4;
}

.pearls-of-wisdom-page .pearl-card-divider {
    width: 50px;
    height: 2px;
    background-color: var(--pearls-gold);
    margin: 10px auto 15px;
}

.pearls-of-wisdom-page .pearl-card-divider-three {
    margin-top: 5px;
}

.pearls-of-wisdom-page .pearl-card-text {
    font-family: "Source Serif 4" !important;
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.6;
}

.pearls-of-wisdom-page .pearl-card-link {
    color: var(--pearls-gold-dark);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
    letter-spacing: 1px;
    transition: color 0.3s;
    display: inline-block;
}

.pearls-of-wisdom-page .pearl-card-link:hover {
    color: var(--pearls-navy);
}

.pearls-of-wisdom-page .pearl-card-link span {
    display: inline-block;
}

/* =========================================================
   CLOSING SECTION — ABOVE FOOTER
   Supports the common closing class names
========================================================= */

.pearls-of-wisdom-page .ev-closing,
.pearls-of-wisdom-page .closing-section {
    background: var(--pearls-cream) !important;
    background-image: none !important;
    padding: 35px 20px !important;
    margin: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-align: center;
}

.pearls-of-wisdom-page .ev-closing h2,
.pearls-of-wisdom-page .closing-section h2 {
    color: var(--pearls-navy) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin: 0 0 12px !important;
}

.pearls-of-wisdom-page .ev-closing p,
.pearls-of-wisdom-page .closing-section p {
    color: #555 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    margin-bottom: 0 !important;
}

/* Remove decorative line in the closing section only */
.pearls-of-wisdom-page .ev-closing .ev-mini-rule,
.pearls-of-wisdom-page .closing-section .ev-mini-rule {
    display: none !important;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .pearls-of-wisdom-page .breadcrumb-area {
        min-height: 460px;
    }

    .pearls-of-wisdom-page .breadcrumb-margin {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pearls-of-wisdom-page .pearl-card-img-container {
        height: 230px;
    }

    .pearls-of-wisdom-page .lotus {
        font-size: 3.5rem;
    }

    .pearls-of-wisdom-page .lotus-left {
        left: 2%;
    }

    .pearls-of-wisdom-page .lotus-right {
        right: 2%;
    }

    .pearls-of-wisdom-page .pearl-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .pearls-of-wisdom-page .breadcrumb-area {
        min-height: 500px;
        background-position: center;
    }

    .pearls-of-wisdom-page .breadcrumb-area::before {
        background: rgba(4, 16, 29, 0.62);
    }

    .pearls-of-wisdom-page .breadcrumb-margin {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pearls-of-wisdom-page .breadcrumb-nav {
        gap: 7px;
        font-size: 0.82rem;
        margin-bottom: 18px;
    }

    .pearls-of-wisdom-page .breadcrumb-area h1 {
        font-size: clamp(2.2rem, 9vw, 3.2rem);
    }

    .pearls-of-wisdom-page .breadcrumb-area h4 {
        font-size: 1.15rem;
    }

    .pearls-of-wisdom-page .breadcrumb-area p {
        font-size: 0.92rem;
        line-height: 1.7;
    }

    .pearls-of-wisdom-page .breadcrumb-area p br {
        display: none;
    }

    /* OM DIVIDER */

    .pearls-of-wisdom-page .sacred-section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pearls-of-wisdom-page .sacred-divider {
        width: 100%;
        gap: 12px;
        margin-bottom: 20px;
    }

    .pearls-of-wisdom-page .om-circle {
        width: 55px;
        height: 55px;
        min-width: 55px;
        font-size: 1.55rem;
    }

    /* SACRED CONTENT */

    .pearls-of-wisdom-page .sacred-content {
        padding: 0 15px;
    }

    .pearls-of-wisdom-page .sacred-content h3 {
        font-size: 1.25rem;
        line-height: 1.55;
    }

    .pearls-of-wisdom-page .sacred-content h3 br {
        display: none;
    }

    .pearls-of-wisdom-page .lotus {
        display: none;
    }

    /* CARDS SECTION */

    .pearls-of-wisdom-page .pearls-cards-section {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .pearls-of-wisdom-page .pearls-heading {
        margin-bottom: 22px;
        top: 0;
    }

    .pearls-of-wisdom-page .pearls-heading img {
        width: 40px !important;
        margin-bottom: 12px !important;
    }

    .pearls-of-wisdom-page .pearls-heading h2 {
        font-size: 1.65rem;
    }

    .pearls-of-wisdom-page .pearls-heading p {
        font-size: 0.93rem;
        line-height: 1.7;
        padding: 0 10px;
        white-space: normal;
        width: 100%;
        text-align: center;
    }

    /* SINGLE COLUMN ON MOBILE */

    .pearls-of-wisdom-page .pearl-grid {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 24px !important;
    }

    /* CARD */

    .pearls-of-wisdom-page .pearl-card-img-container {
        height: 240px;
    }

    .pearls-of-wisdom-page .pearl-card-body {
        padding: 28px 18px;
    }

    .pearls-of-wisdom-page .pearl-card-title {
        font-size: 1.15rem;
    }

    .pearls-of-wisdom-page .pearl-card-text {
        font-size: 0.92rem;
    }

    /* CLOSING */

    .pearls-of-wisdom-page .ev-closing,
    .pearls-of-wisdom-page .closing-section {
        padding: 25px 16px !important;
    }

    .pearls-of-wisdom-page .ev-closing h2,
    .pearls-of-wisdom-page .closing-section h2 {
        font-size: 1.35rem !important;
        line-height: 1.5 !important;
    }

    .pearls-of-wisdom-page .ev-closing p,
    .pearls-of-wisdom-page .closing-section p {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
    }

}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .pearls-of-wisdom-page .breadcrumb-area {
        min-height: 520px;
    }

    .pearls-of-wisdom-page .breadcrumb-margin {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pearls-of-wisdom-page .breadcrumb-area h1 {
        font-size: 2.1rem;
    }

    .pearls-of-wisdom-page .breadcrumb-area h4 {
        font-size: 1.05rem;
    }

    /* OM */

    .pearls-of-wisdom-page .om-circle {
        width: 55px;
        height: 55px;
        min-width: 55px;
        font-size: 1.55rem;
    }

    .pearls-of-wisdom-page .sacred-divider {
        gap: 10px;
    }

    .pearls-of-wisdom-page .small-divider span {
        width: 35px;
    }

    /* CARD */

    .pearls-of-wisdom-page .pearl-card-img-container {
        height: 220px;
    }

    .pearls-of-wisdom-page .pearl-card-body {
        padding: 25px 15px;
    }

}


/* =========================================================
   PEARLS OF WISDOM — ONE UNIFORM SHIVA-YOGA BACKGROUND
========================================================= */

.pearls-of-wisdom-page {
    --pearls-cream: #f8f4eb;
    --pearls-paper: #f8f4eb;

    background-color: #f8f4eb !important;
}

/* Same background throughout all content sections */
.pearls-of-wisdom-page .sacred-section,
.pearls-of-wisdom-page .pearls-cards-section,
.pearls-of-wisdom-page .ev-closing,
.pearls-of-wisdom-page .closing-section,
.pearls-of-wisdom-page main,
.pearls-of-wisdom-page section {
    background-color: #f8f4eb !important;
    background-image: none !important;
}

/* Remove visible section boundaries */
.pearls-of-wisdom-page .sacred-section,
.pearls-of-wisdom-page .pearls-cards-section,
.pearls-of-wisdom-page .ev-closing,
.pearls-of-wisdom-page .closing-section {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Keep cards and images unchanged */
.pearls-of-wisdom-page .pearl-card {
    background-color: #f8f4eb !important;
}

/* Keep inner containers transparent */
.pearls-of-wisdom-page .container {
    background-color: transparent !important;
}

/* Mobile: same uniform background */
@media (max-width: 767px) {
    .pearls-of-wisdom-page .sacred-section,
    .pearls-of-wisdom-page .pearls-cards-section,
    .pearls-of-wisdom-page .ev-closing,
    .pearls-of-wisdom-page .closing-section,
    .pearls-of-wisdom-page main,
    .pearls-of-wisdom-page section {
        background-color: #f8f4eb !important;
        background-image: none !important;
    }
}

/* Om section ke niche ka gap kam karein */
.pearls-of-wisdom-page .om-section {
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
}

/* Om ke baad wale section ka top gap kam karein */
.pearls-of-wisdom-page .sacred-section,
.pearls-of-wisdom-page .pearls-cards-section {
    margin-top: 0 !important;
    padding-top: 15px !important;
}



/* =========================================================
   A DEVOTEE REFLECTS
   SHIVA-YOGA MATCHING THEME
========================================================= */


/* Opening and Closing Paragraph Styling */

.a-devotee-reflects-page .devotee-section-heading > p,
.a-devotee-reflects-page .closing > p {
    font-style: italic;
    font-size: 21px;
    line-height: 1.55;
    color: var(--sadhana-ink, #073653);
    margin: 0;
}

/* Closing author name italic nahi hoga */
.a-devotee-reflects-page .closing > p.devotee-quote-author {
    font-style: normal;
    margin-top: 16px;
}

@media (max-width: 576px) {
    .a-devotee-reflects-page .devotee-section-heading > p,
    .a-devotee-reflects-page .closing > p {
        font-size: 18px;
        line-height: 1.6;
    }
}

.a-devotee-reflects-page {
    --adr-indigo: #132a46;
    --adr-deep: #071c2d;
    --adr-navy: #132a46;
    --adr-ivory: #f8f4eb;
    --adr-sand: #e8dfd0;
    --adr-gold: #ad843f;
    --adr-gold-light: #d5b57a;
    --adr-copper: #8b4c37;
    --adr-text: #302d29;
    --adr-muted: #746c61;

    color: var(--adr-text);
    background: var(--adr-ivory);
    font-family: Georgia, "Times New Roman", serif;
}


/* =========================================================
   COMMON SECTION BACKGROUND
========================================================= */

.a-devotee-reflects-page .devotee-featured-section,
.a-devotee-reflects-page .devotee-more-section,
.a-devotee-reflects-page .sacred-section {
    background-color: var(--adr-ivory) !important;
    color: var(--adr-text);
}


/* =========================================================
   TOP SPACE
========================================================= */

.a-devotee-reflects-page .height-110 {
    height: 110px;
    background: var(--adr-deep);
}


/* =========================================================
   HERO / BREADCRUMB
========================================================= */

.a-devotee-reflects-page .breadcrumb-area {
    position: relative;
    min-height: 600px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.a-devotee-reflects-page .breadcrumb-overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(4, 20, 34, 0.78) 0%,
        rgba(4, 20, 34, 0.48) 48%,
        rgba(4, 20, 34, 0.20) 100%
    );
}

.a-devotee-reflects-page .breadcrumb-area .container {
    position: relative;
    z-index: 2;
    margin-top: -40px;
}

.a-devotee-reflects-page .min-vh-50 {
    min-height: 420px;
}

.a-devotee-reflects-page .breadcrumb-margin {
    margin-left: -20px;
}


/* =========================================================
   BREADCRUMB NAVIGATION
========================================================= */

.a-devotee-reflects-page .breadcrumb-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 25px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
}

.a-devotee-reflects-page .breadcrumb-nav a {
    color: #dedbd4;
    text-decoration: none;
    transition: color 0.3s ease;
}

.a-devotee-reflects-page .breadcrumb-nav a:hover {
    color: var(--adr-gold-light);
}

.a-devotee-reflects-page .breadcrumb-nav span {
    color: var(--adr-gold-light);
}


/* =========================================================
   HERO TYPOGRAPHY
========================================================= */

.a-devotee-reflects-page .breadcrumb-area h1 {
    margin-bottom: 15px;

    color: #fffdf8;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 60px;
    line-height: 1.15;
    font-weight: 400;
}

.a-devotee-reflects-page .breadcrumb-line {
    position: relative;

    width: 150px;
    height: 1px;

    margin: 20px 0;

    background: rgba(213, 181, 122, 0.65);
}

.a-devotee-reflects-page .breadcrumb-line span {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: var(--adr-gold-light);

    transform: translate(-50%, -50%);
}

.a-devotee-reflects-page .breadcrumb-area h4 {
    margin-bottom: 15px;

    color: var(--adr-gold-light);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 400;
}

.a-devotee-reflects-page .breadcrumb-area p {
    max-width: 480px;
    margin-bottom: 0;

    color: #e3e0d9;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.a-devotee-reflects-page .devotee-section-heading {
    margin-bottom: 35px;
    text-align: center;
}

.a-devotee-reflects-page .devotee-section-heading h2 {
    margin-bottom: 10px;

    color: var(--adr-navy);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-align: center;
}

.a-devotee-reflects-page .devotee-section-heading p {
    margin-bottom: 0;

    /* color: var(--adr-muted); */
    color: var(--sadhana-ink);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
   line-height: 1.55;
    text-align: center;
    font-style: italic;
}


/* =========================================================
   OM HEADING
========================================================= */

.a-devotee-reflects-page .devotee-heading-om {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    margin-bottom: 12px;
}

.a-devotee-reflects-page .devotee-heading-om .line {
    display: block;

    width: 70px;
    height: 1px;

    background: var(--adr-gold-light);
}

.a-devotee-reflects-page .devotee-heading-om .om-circle {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    color: var(--adr-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1;

    border: 1px solid var(--adr-gold);
    border-radius: 50%;

    background: var(--adr-ivory);

    box-shadow: 0 0 0 4px rgba(173, 132, 63, 0.06);
}


/* =========================================================
   FEATURED SECTION
========================================================= */

.a-devotee-reflects-page .devotee-featured-section {
    padding: 55px 0 65px !important;
    margin-bottom: 0;
}

.a-devotee-reflects-page .devotee-featured-section
.devotee-section-heading {
    margin-top: -5px;
    margin-bottom: 35px !important;
}


/* =========================================================
   FEATURED GRID
   DESKTOP: 2 CARDS PER ROW
========================================================= */

.a-devotee-reflects-page .devotee-featured-grid {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 600px)) !important;

    justify-content: center;
    gap: 24px !important;

    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.a-devotee-reflects-page .devotee-featured-grid > div {
    width: 100% !important;
    max-width: 600px !important;

    flex: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   COMMON PRACTICE CARD
========================================================= */

.a-devotee-reflects-page .practice-box {
    display: block;

    width: 100%;
    height: 100%;
    padding: 20px;

    color: var(--adr-text);
    text-decoration: none;
    text-align: center;

    background: #fffdf8;
    border: 1px solid #e8dfd0;
    border-radius: 12px;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.a-devotee-reflects-page .practice-box:hover {
    color: var(--adr-text);
    text-decoration: none;

    border-color: var(--adr-gold);

    transform: translateY(-4px);

    box-shadow: 0 10px 26px rgba(19, 42, 70, 0.09);
}


/* =========================================================
   FEATURED CARDS
========================================================= */

.a-devotee-reflects-page .devotee-featured-grid .practice-box {
    padding: 0 !important;
    text-align: left;
}

.a-devotee-reflects-page .practice-image {
    width: 100%;
    overflow: hidden;
}

.a-devotee-reflects-page .practice-image img {
    display: block;

    width: 100% !important;
    height: 260px !important;

    object-fit: cover;

    border-radius: 12px 12px 0 0;

    transition: transform 0.4s ease;
}

.a-devotee-reflects-page .practice-box:hover .practice-image img {
    transform: scale(1.03);
}

.a-devotee-reflects-page
.devotee-featured-grid .practice-box > .p-4 {
    padding: 22px !important;
}

.a-devotee-reflects-page .devotee-author {
    color: var(--adr-gold) !important;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}

.a-devotee-reflects-page .devotee-featured-grid .practice-box h5 {
    margin-bottom: 10px;

    color: var(--adr-navy);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    line-height: 1.45;
    font-weight: 400;
}

.a-devotee-reflects-page .practice-box p {
    color: #5d574e;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   FIXED HEIGHT TEXT
========================================================= */

.a-devotee-reflects-page .mh-30 {
    min-height: 30px !important;
}

.a-devotee-reflects-page .mh-55 {
    min-height: 55px !important;
}

.a-devotee-reflects-page .mh-81 {
    min-height: 81px !important;
}


/* =========================================================
   READ BUTTON
========================================================= */

.a-devotee-reflects-page .practice-btn {
    color: var(--adr-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.5;

    transition: color 0.3s ease;
}

.a-devotee-reflects-page .practice-btn i {
    display: inline-block;
    margin-left: 5px;

    transition: transform 0.3s ease;
}

.a-devotee-reflects-page .practice-box:hover .practice-btn {
    color: var(--adr-navy);
}

.a-devotee-reflects-page .practice-box:hover .practice-btn i {
    transform: translateX(4px);
}


/* =========================================================
   MORE REFLECTIONS SECTION
========================================================= */

.a-devotee-reflects-page .devotee-more-section {
    padding: 55px 0 65px !important;
    margin-bottom: 0;
}

.a-devotee-reflects-page .devotee-more-section
.devotee-section-heading {
    margin-top: -5px;
    margin-bottom: 35px !important;
}


/* =========================================================
   MORE REFLECTIONS GRID
   DESKTOP: ALL 4 CARDS IN ONE ROW
========================================================= */

.a-devotee-reflects-page .devotee-more-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    justify-content: center;
    align-items: stretch;
    gap: 16px !important;

    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.a-devotee-reflects-page .devotee-more-grid > div {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;

    flex: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   MORE REFLECTION CARDS
========================================================= */

.a-devotee-reflects-page .devotee-more-grid .practice-box {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    height: 100%;
    min-width: 0;

    padding: 22px 16px;

    text-align: center;

    background: #fffdf8;
    border: 1px solid #e8dfd0;
    border-radius: 12px;

    overflow: visible;
}

.a-devotee-reflects-page
.devotee-more-grid .practice-box:hover {
    border-color: var(--adr-gold);

    transform: translateY(-4px);

    box-shadow: 0 10px 26px rgba(19, 42, 70, 0.09);
}


/* =========================================================
   SMALLER CARD ICONS
========================================================= */

.a-devotee-reflects-page .practice-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    flex: 0 0 62px;

    margin: 0 auto 16px;

    color: var(--adr-gold);
    font-size: 28px;
    line-height: 1;

    border: 1px solid var(--adr-gold);
    border-radius: 50%;

    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease;
}

.a-devotee-reflects-page
.devotee-more-grid .practice-box:hover .practice-icon {
    transform: scale(1.04);
    background-color: rgba(173, 132, 63, 0.08);
}


/* =========================================================
   MORE CARD AUTHOR
========================================================= */

.a-devotee-reflects-page
.devotee-more-grid .devotee-author {
    width: 100%;
    height: auto;
    min-height: 0 !important;

    margin: 0 0 6px;

    color: var(--adr-gold) !important;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}


/* =========================================================
   MORE CARD HEADING
========================================================= */

.a-devotee-reflects-page
.devotee-more-grid .practice-box h3 {
    width: 100%;
    max-width: 100%;

    height: auto;
    min-height: 0;

    margin: 0 0 10px;

    color: var(--adr-navy);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;

    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: normal;
}


/* =========================================================
   MORE CARD DESCRIPTION
========================================================= */

.a-devotee-reflects-page
.devotee-more-grid .practice-box p {
    width: 100%;
    margin-bottom: 0;

    color: #5d574e;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   MINI DIVIDER
========================================================= */

.a-devotee-reflects-page .mini-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin: 12px 0;

    color: var(--adr-gold);
}

.a-devotee-reflects-page .mini-divider span {
    display: block;

    width: 32px;
    height: 1px;

    background: var(--adr-gold-light);
}


/* =========================================================
   SMALL READ BUTTON
========================================================= */

.a-devotee-reflects-page .devotee-read-small {
    display: inline-block;

    margin-top: auto;
    padding-top: 12px;

    color: var(--adr-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 1.5;
}


/* =========================================================
   SACRED SECTION
========================================================= */

.a-devotee-reflects-page .sacred-section {
    position: relative;

    padding: 50px 0;

    background: var(--adr-ivory) !important;

    border-top: 1px solid var(--adr-sand);
    border-bottom: 0;

    overflow: hidden;
}

.a-devotee-reflects-page .sacred-content {
    max-width: 760px;
    margin: 0 auto;

    text-align: center;
}

.a-devotee-reflects-page .sacred-content h5 {
    position: relative;
    z-index: 1;

    margin-top: 14px;
    margin-bottom: 0;

    color: var(--adr-navy);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    line-height: 1.65;
    font-weight: 400;
}

.a-devotee-reflects-page .devotee-quote-author {
    margin-top: 14px;

    color: var(--adr-gold);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
}


/* =========================================================
   SACRED SECTION DIVIDER
========================================================= */

.a-devotee-reflects-page .small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    margin-top: 20px;
}

.a-devotee-reflects-page .small-divider span {
    display: block;

    width: 65px;
    height: 1px;

    background: var(--adr-gold-light);
}

.a-devotee-reflects-page .small-divider i {
    color: var(--adr-gold);
    font-size: 16px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .a-devotee-reflects-page .breadcrumb-area {
        min-height: 400px;
    }

    .a-devotee-reflects-page .breadcrumb-area h1 {
        font-size: 48px;
    }

    .a-devotee-reflects-page .breadcrumb-area h4 {
        font-size: 25px;
    }

    .a-devotee-reflects-page .breadcrumb-area p {
        font-size: 15px;
    }

    /* Featured: 2 cards per row */

    .a-devotee-reflects-page .devotee-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .a-devotee-reflects-page .devotee-featured-grid > div {
        max-width: none !important;
    }

    /* More reflections: 2 cards per row on tablet */

    .a-devotee-reflects-page .devotee-more-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .a-devotee-reflects-page .devotee-more-grid > div {
        max-width: none !important;
    }

    .a-devotee-reflects-page .devotee-featured-section,
    .a-devotee-reflects-page .devotee-more-section {
        padding-top: 45px !important;
        padding-bottom: 50px !important;
    }

    .a-devotee-reflects-page .devotee-section-heading {
        margin-bottom: 30px !important;
    }

    .a-devotee-reflects-page .devotee-more-grid .practice-box h3 {
        font-size: 20px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .a-devotee-reflects-page .height-110 {
        height: 90px;
    }

    /* Hero */

    .a-devotee-reflects-page .breadcrumb-area {
        min-height: 320px;
        text-align: center;
        background-position: center;
    }

    .a-devotee-reflects-page .breadcrumb-area::after {
        content: "";

        position: absolute;
        inset: 0;

        background: rgba(4, 20, 34, 0.24);
        z-index: 1;
    }

    .a-devotee-reflects-page .breadcrumb-area .container {
        position: relative;
        z-index: 2;
        margin-top: 0;
    }

    .a-devotee-reflects-page .min-vh-50 {
        min-height: 300px;
    }

    .a-devotee-reflects-page .breadcrumb-margin {
        margin-left: 0;
    }

    /* Breadcrumb */

    .a-devotee-reflects-page .breadcrumb-nav {
        justify-content: center;
        gap: 7px;

        margin-bottom: 16px;
        font-size: 12px;
    }

    /* Hero typography */

    .a-devotee-reflects-page .breadcrumb-area h1 {
        font-size: 38px;
        line-height: 1.2;
    }

    .a-devotee-reflects-page .breadcrumb-line {
        margin: 15px auto;
    }

    .a-devotee-reflects-page .breadcrumb-area h4 {
        font-size: 21px;
        line-height: 1.4;
    }

    .a-devotee-reflects-page .breadcrumb-area p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }

    /* Featured: one card per row */

    .a-devotee-reflects-page .devotee-featured-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .a-devotee-reflects-page .devotee-featured-grid > div {
        width: 100% !important;
        max-width: 100% !important;
    }

    .a-devotee-reflects-page
    .devotee-featured-grid .practice-image img {
        height: 230px !important;
    }

    /* More reflections: one card per row */

    .a-devotee-reflects-page .devotee-more-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .a-devotee-reflects-page .devotee-more-grid > div {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Smaller icons on mobile */

    .a-devotee-reflects-page .practice-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;

        margin-bottom: 14px;
        font-size: 26px;
    }

    .a-devotee-reflects-page
    .devotee-more-grid .practice-box {
        padding: 20px 18px;
    }

    .a-devotee-reflects-page
    .devotee-more-grid .practice-box h3 {
        font-size: 21px;
        line-height: 1.4;
    }

    /* Om heading */

    .a-devotee-reflects-page .devotee-heading-om {
        gap: 11px;
        margin-bottom: 10px;
    }

    .a-devotee-reflects-page .devotee-heading-om .line {
        width: 48px;
    }

    .a-devotee-reflects-page .devotee-heading-om .om-circle {
        width: 44px;
        height: 44px;
        font-size: 23px;
    }

    /* Section spacing */

    .a-devotee-reflects-page .devotee-featured-section,
    .a-devotee-reflects-page .devotee-more-section {
        padding-top: 40px !important;
        padding-bottom: 45px !important;
    }

    .a-devotee-reflects-page .devotee-section-heading {
        margin-top: 0 !important;
        margin-bottom: 28px !important;
    }

    .a-devotee-reflects-page .devotee-section-heading h2 {
        font-size: 1.3rem;
    }

    .a-devotee-reflects-page .devotee-section-heading p {
        font-size: 14px;
    }

    /* Sacred section */

    .a-devotee-reflects-page .sacred-section {
        padding: 40px 15px;
    }

    .a-devotee-reflects-page .sacred-content h5 {
        font-size: 1.1rem;
        line-height: 1.65;
    }

    .a-devotee-reflects-page .small-divider {
        gap: 12px;
        margin-top: 18px;
    }

    .a-devotee-reflects-page .small-divider span {
        width: 48px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .a-devotee-reflects-page .breadcrumb-area h1 {
        font-size: 32px;
    }

    .a-devotee-reflects-page .breadcrumb-area h4 {
        font-size: 19px;
    }

    .a-devotee-reflects-page .breadcrumb-area p {
        font-size: 14px;
    }

    /* Featured image */

    .a-devotee-reflects-page
    .devotee-featured-grid .practice-image img {
        height: 205px !important;
    }

    /* Featured card content */

    .a-devotee-reflects-page
    .devotee-featured-grid .practice-box > .p-4 {
        padding: 18px !important;
    }

    /* More cards */

    .a-devotee-reflects-page
    .devotee-more-grid .practice-box {
        padding: 18px 16px;
    }

    .a-devotee-reflects-page
    .devotee-more-grid .practice-box h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .a-devotee-reflects-page .practice-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;

        margin-bottom: 12px;
        font-size: 24px;
    }

    /* Sacred quote */

    .a-devotee-reflects-page .sacred-content h5 {
        font-size: 1.05rem;
    }

    /* Section headings */

    .a-devotee-reflects-page .devotee-section-heading h2 {
        font-size: 1.2rem;
        letter-spacing: 1px;
    }
}

/* Restore More Reflections card width */
.a-devotee-reflects-page .devotee-more-grid {
    grid-template-columns: repeat(4, minmax(0, 300px)) !important;
    justify-content: center;
    gap: 16px !important;
}

.a-devotee-reflects-page .devotee-more-grid > div {
    width: 100% !important;
    max-width: 300px !important;
    min-width: 0;
}

/* Remove horizontal line above closing section */
.a-devotee-reflects-page .sacred-section {
    border-top: none !important;
}

/* Tablet: 2 cards per row */
@media (max-width: 991px) {
    .a-devotee-reflects-page .devotee-more-grid {
        grid-template-columns: repeat(2, minmax(0, 330px)) !important;
    }

    .a-devotee-reflects-page .devotee-more-grid > div {
        max-width: 330px !important;
    }
}

/* Mobile: 1 card per row */
@media (max-width: 767px) {
    .a-devotee-reflects-page .devotee-more-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .a-devotee-reflects-page .devotee-more-grid > div {
        max-width: 100% !important;
    }
}

/* Align all card content neatly */
.a-devotee-reflects-page .devotee-more-grid > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Keep card headings aligned */
.a-devotee-reflects-page .devotee-more-grid h3,
.a-devotee-reflects-page .devotee-more-grid h4 {
    line-height: 1.4 !important;
    min-height: 2.8em;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* Arrange descriptions consistently */
.a-devotee-reflects-page .devotee-more-grid p {
    line-height: 1.7 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    overflow-wrap: anywhere;
}

/* Keep links aligned at the bottom */
.a-devotee-reflects-page .devotee-more-grid a {
    margin-top: auto;
    align-self: flex-start;
}

/* Consistent spacing and sizing */
.a-devotee-reflects-page .devotee-more-grid * {
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .a-devotee-reflects-page .devotee-more-grid h3,
    .a-devotee-reflects-page .devotee-more-grid h4 {
        min-height: 0;
    }
}


/* =========================================
   MORE REFLECTIONS - FIX CARD ALIGNMENT
========================================= */

.a-devotee-reflects-page .devotee-more-grid {
    align-items: stretch !important;
}

.a-devotee-reflects-page .devotee-more-grid > div {
    display: flex !important;
    align-items: stretch !important;
}

.a-devotee-reflects-page .devotee-more-grid > div > a.practice-box {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Author name: same space in every card */
.a-devotee-reflects-page .devotee-more-grid .devotee-author {
    width: 100%;
    min-height: 24px;
    line-height: 1.5 !important;
    margin: 0 0 8px !important;
}

/* Headings: same height */
.a-devotee-reflects-page .devotee-more-grid h3 {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4 !important;
    margin: 0 0 12px !important;
}

/* Decorative divider: consistent position */
.a-devotee-reflects-page .devotee-more-grid .mini-divider {
    width: 100%;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 12px !important;
}

/* Description: reserve equal space */
.a-devotee-reflects-page .devotee-more-grid p.mh-81 {
    width: 100%;
    min-height: 81px;
    line-height: 1.7 !important;
    margin: 0 0 12px !important;
}

/* Blue Read text: align at the same bottom position */
.a-devotee-reflects-page .devotee-more-grid .practice-btn {
    width: 100%;
    min-height: 28px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    line-height: 1.5 !important;
    margin-top: auto !important;
    padding-top: 8px;
}

/* Keep icons consistent */
.a-devotee-reflects-page .devotee-more-grid .practice-icon {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

/* Mobile: prevent excessive empty space */
@media (max-width: 767px) {
    .a-devotee-reflects-page .devotee-more-grid h3 {
        min-height: 0;
    }

    .a-devotee-reflects-page .devotee-more-grid p.mh-81 {
        min-height: 0;
    }
}


/* Fix: Equal heading area in all More Reflections cards */
.a-devotee-reflects-page .devotee-more-grid h3 {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    line-height: 1.4 !important;
    margin: 0 0 12px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
}

/* Keep divider at the same level */
.a-devotee-reflects-page .devotee-more-grid .mini-divider {
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 0 12px !important;
}

/* Keep descriptions aligned */
.a-devotee-reflects-page .devotee-more-grid p.mh-81 {
    height: 81px !important;
    min-height: 81px !important;
    margin: 0 0 12px !important;
    line-height: 1.7 !important;
}

/* Mobile adjustment */
@media (max-width: 767px) {
    .a-devotee-reflects-page .devotee-more-grid h3 {
        height: auto !important;
        min-height: 56px !important;
        max-height: none !important;
    }

    .a-devotee-reflects-page .devotee-more-grid p.mh-81 {
        height: auto !important;
        min-height: 0 !important;
    }
}

/* Make the lines beside Om longer */
.devotee-heading-om .line {
    width: 300px !important;
    max-width: 300px !important;
}



/* /////////////////////////////////////////////akka mahadevi image content page///////////////////////////////////////// */

.buddha-article-content img {
    width: 180px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
}



/* //////////////////////////////////////////////////basava vachanas hero section////////////////////////////////////////// */

/* =====================================================
   BASAVA VACHANAS - HERO CONTENT MOVE UP
===================================================== */

.basava-vachanas-page .great-sharanas-hero-content {
    /* position: relative !important; */
    top: 250px !important;
}

/* Mobile */
@media (max-width: 768px) {
    .basava-vachanas-page .great-sharanas-hero-content {
        top: 25px !important;
    }
}


/* .basava-vachanas-page mark.basava-blue-text {
    color: #073653 !important;
    background: transparent !important;
    -webkit-text-fill-color: #073653 !important;
    font-weight: 700 !important;
    padding: 0 !important;
    font-style: italic;
} */



/* sadhana guide  */



/* =========================================================
   SADHANA GUIDE
   Theme matched with Shiva-yoga
========================================================= */

/* =========================================================
   SADHANA GUIDE
   Theme matched with Shiva-yoga
========================================================= */

.sadhana-guide-page {
    --sg-navy: #082e4a;
    --sg-deep: #061f34;
    --sg-gold: #b9822d;
    --sg-cream: #f5f0e6;
    --sg-paper: #faf7f0;
    --sg-text: #484943;
    --sg-muted: #77756e;
    --sg-border: #e4d9c5;

    background: var(--sg-cream);
    color: var(--sg-text);
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    overflow: hidden;
}

.sadhana-guide-page *,
.sadhana-guide-page *::before,
.sadhana-guide-page *::after {
    box-sizing: border-box;
}

.sadhana-guide-page a {
    text-decoration: none;
}

/* =========================
   HERO
========================= */

.sadhana-guide-page .sg-hero {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--sg-deep);
}

.sadhana-guide-page .sg-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 48%;
}

.sadhana-guide-page .sg-hero-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(4, 27, 45, .94) 0%,
        rgba(4, 27, 45, .78) 48%,
        rgba(4, 27, 45, .34) 100%
    );
}

.sadhana-guide-page .sg-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 85px 35px 80px;
}

.sadhana-guide-page .sg-crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 32px;
    color: rgba(255, 255, 255, .82);
    font-family: Arial, sans-serif;
    font-size: 13px;
    letter-spacing: .25px;
}

.sadhana-guide-page .sg-crumbs a {
    color: #e6bd79;
}

.sadhana-guide-page .sg-crumbs a:hover {
    color: #fff;
}

.sadhana-guide-page .sg-crumbs b {
    color: var(--sg-gold);
    font-size: 19px;
    font-weight: 400;
}

.sadhana-guide-page .sg-hero h1 {
    margin: 0;
    color: #fffaf0;
    font-size: clamp(42px, 5.2vw, 66px);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -.5px;
}

.sadhana-guide-page .sg-hero-descriptor {
    margin: 17px 0 0;
    color: #f0d5a5;
    font-size: clamp(20px, 2.4vw, 27px);
    font-weight: 400;
    line-height: 1.5;
}

.sadhana-guide-page .sg-gold-stroke {
    display: block;
    width: 75px;
    height: 2px;
    margin-top: 25px;
    background: var(--sg-gold);
}

/* =========================
   OM OPENING
========================= */

.sadhana-guide-page .sg-opening {
    padding: 38px 20px 24px;
    background: var(--sg-cream);
}

.sadhana-guide-page .sg-opening-inner {
    max-width: 650px;
    margin: 0 auto;
}

.sadhana-guide-page .sg-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.sadhana-guide-page .sg-ornament span {
    display: block;
    width: min(30%, 190px);
    height: 1px;
    background: linear-gradient(90deg, transparent, #c7a46b);
}

.sadhana-guide-page .sg-ornament span:last-child {
    background: linear-gradient(90deg, #c7a46b, transparent);
}

.sadhana-guide-page .sg-ornament i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    border: 1px solid #c6a46b;
    border-radius: 50%;
    outline: 5px solid rgba(185, 130, 45, .08);
    background: #faf7f0;
    color: var(--sg-navy);
    font-size: 34px;
    font-style: normal;
    line-height: 1;
}

/* =========================
   ARTICLE INTRO
========================= */

.sadhana-guide-page .sg-article {
    padding: 25px 0 70px;
    background: var(--sg-cream);
}

.sadhana-guide-page .sg-container {
    width: min(100% - 40px, 1000px);
    margin: 0 auto;
}

.sadhana-guide-page .sg-header {
    margin: 0 auto 38px;
    text-align: center;
}

.sadhana-guide-page .sg-section-label {
    display: block;
    margin-bottom: 13px;
    color: var(--sg-gold);
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.sadhana-guide-page .sg-header h2 {
    margin: 0;
    color: var(--sg-navy);
    font-size: clamp(30px, 3.5vw, 32px);
    font-weight: 400;
    line-height: 1.3;
}

.sadhana-guide-page .sg-header-rule {
    display: block;
    width: 65px;
    height: 2px;
    margin: 23px auto 0;
    background: var(--sg-gold);
}

.sadhana-guide-page .sg-intro-text {
    max-width: 750px;
    margin: 0 auto 35px;
    color: var(--sg-muted);
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.9;
    text-align: center;
}

/* =========================
   QUESTIONS AND ANSWERS
========================= */

.sadhana-guide-page .sg-faq-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sadhana-guide-page .sg-faq-item {
    margin: 0;
    border: 1px solid var(--sg-border);
    border-left: 3px solid var(--sg-gold);
    border-radius: 3px;
    background: rgba(250, 247, 240, .82);
    box-shadow: 0 3px 13px rgba(8, 46, 74, .025);
}

.sadhana-guide-page .sg-question {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 19px 22px;
    color: var(--sg-navy);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.65;
    list-style: none;
    cursor: pointer;
}

.sadhana-guide-page .sg-question::-webkit-details-marker {
    display: none;
}

.sadhana-guide-page .sg-question::marker {
    content: "";
}

.sadhana-guide-page .sg-question::after {
    content: "+";
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 8px;
    color: var(--sg-gold);
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
}

.sadhana-guide-page details[open] > .sg-question::after {
    content: "−";
}

.sadhana-guide-page .sg-question-number {
    flex-shrink: 0;
    padding-top: 5px;
    color: var(--sg-gold);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
}

.sadhana-guide-page .sg-answer {
    padding: 0 24px 22px 52px;
    color: #50514b;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.95;
}

.sadhana-guide-page .sg-answer p {
    margin: 0 0 14px;
    text-align: justify;
}

.sadhana-guide-page .sg-answer p:last-child {
    margin-bottom: 0;
}

.sadhana-guide-page .sg-answer .sg-verse {
    margin: 20px 0;
    color: var(--sg-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    line-height: 2;
    text-align: center;
}

.sadhana-guide-page .sg-faq-note {
    margin-top: 38px;
    padding: 27px 30px;
    border: 1px solid #ddc89f;
    background: #eee5d4;
    text-align: center;
}

.sadhana-guide-page .sg-faq-note h3 {
    margin: 0 0 10px;
    color: var(--sg-navy);
    font-size: 21px;
    font-weight: 400;
}

.sadhana-guide-page .sg-faq-note p {
    margin: 0;
    color: #625949;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.9;
}

/* =========================
   CLOSING — ABOVE FOOTER
========================= */

.sadhana-guide-page .sg-closing {
    position: relative;
    padding: 42px 20px;
    overflow: hidden;
    background: var(--sg-navy);
}

.sadhana-guide-page .sg-closing::before,
.sadhana-guide-page .sg-closing::after {
    position: absolute;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(201, 163, 98, .15);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.sadhana-guide-page .sg-closing::before {
    top: -135px;
    left: -70px;
}

.sadhana-guide-page .sg-closing::after {
    right: -70px;
    bottom: -135px;
}

.sadhana-guide-page .sg-closing-inner {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0 auto;
}

.sadhana-guide-page .sg-closing .sg-ornament i {
    border-color: rgba(201, 163, 98, .65);
    outline-color: rgba(201, 163, 98, .08);
    background: #0a3552;
    color: #e3bb77;
}

.sadhana-guide-page .sg-closing .sg-ornament span {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(201, 163, 98, .75)
    );
}

.sadhana-guide-page .sg-closing .sg-ornament span:last-child {
    background: linear-gradient(
        90deg,
        rgba(201, 163, 98, .75),
        transparent
    );
}

/* =========================
   CONTINUE THE INNER JOURNEY
========================= */

.sadhana-guide-page .sg-practice-section {
    padding: 68px 0 78px;
    background: var(--sg-cream);
}

.sadhana-guide-page .sg-practice-heading {
    margin-bottom: 38px;
    text-align: center;
}

.sadhana-guide-page .sg-practice-heading .sg-section-label {
    margin-bottom: 12px;
}

.sadhana-guide-page .sg-practice-heading h2 {
    margin: 0;
    color: var(--sg-navy);
    font-size: clamp(28px, 3.5vw, 39px);
    font-weight: 400;
    line-height: 1.4;
}

.sadhana-guide-page .sg-practice-heading .sg-header-rule {
    margin-top: 20px;
}

/* Three cards close together and centered */

.sadhana-guide-page .sg-practice-section > .container > .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;

    width: 100%;
    max-width: 970px;
    gap: 12px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* Card columns */

.sadhana-guide-page .sg-practice-section > .container > .row > div[class*="col-"] {
    display: flex !important;
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Main card */

.sadhana-guide-page .sg-practice-section .sg-practice-box {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;

    width: 100% !important;
    max-width: none !important;
    height: 100%;
    min-height: 340px;

    margin: 0 !important;
    padding: 34px 24px;

    overflow: hidden;
    border: 1px solid var(--sg-border);
    border-radius: 0;
    background: var(--sg-paper);
    box-shadow: 0 5px 18px rgba(8, 46, 74, .04);

    color: var(--sg-text);
    text-decoration: none;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background-color .35s ease;
}

/* Remove gold line */

.sadhana-guide-page .sg-practice-section .sg-practice-box::before,
.sadhana-guide-page .sg-practice-section .sg-practice-box::after {
    content: none !important;
    display: none !important;
}

/* Card hover */

.sadhana-guide-page .sg-practice-section .sg-practice-box:hover {
    transform: translateY(-4px) !important;
    border-color: var(--sg-border) !important;
    background: var(--sg-paper) !important;
    box-shadow: 0 8px 18px rgba(8, 46, 74, .08) !important;
    outline: none !important;
}

/* Icon */

.sadhana-guide-page .sg-practice-section .sg-practice-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 53px;
    height: 53px;
    flex-shrink: 0;

    margin: 0 auto 21px !important;

    border: 1px solid #d9c29a;
    border-radius: 50%;
    background: transparent;
    color: var(--sg-gold);
    font-size: 23px;

    transition:
        transform .35s ease,
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease;
}

.sadhana-guide-page .sg-practice-section .sg-practice-box:hover .sg-practice-icon {
    transform: none !important;
    background: transparent !important;
    border-color: #d9c29a !important;
    color: var(--sg-gold) !important;
}

/* Card heading */

.sadhana-guide-page .sg-practice-section .sg-practice-box h3,
.sadhana-guide-page .sg-practice-section .sg-practice-box h4 {
    width: 100% !important;
    margin: 0 0 14px;

    color: var(--sg-navy);
    font-size: 22px;
    font-weight: 400;
    line-height: 1.45;

    text-align: center !important;
    transition: color .3s ease;
}

.sadhana-guide-page .sg-practice-section .sg-practice-box:hover h3,
.sadhana-guide-page .sg-practice-section .sg-practice-box:hover h4 {
    color: var(--sg-navy) !important;
}

/* Card description */

.sadhana-guide-page .sg-practice-section .sg-practice-box p {
    flex: 1;
    width: 100%;
    margin: 0 0 22px;

    color: var(--sg-muted);
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.9;
    text-align: center;
}

/* Explore link */

.sadhana-guide-page .sg-practice-section .sg-practice-link,
.sadhana-guide-page .sg-practice-section .sg-practice-explore {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;

    width: 100% !important;
    margin: auto 0 0 !important;
    gap: 8px;

    color: var(--sg-navy);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center !important;
}

.sadhana-guide-page .sg-practice-section .sg-practice-link span,
.sadhana-guide-page .sg-practice-section .sg-practice-link i {
    display: inline-block;
    color: var(--sg-gold);
    transition: transform .3s ease;
}

.sadhana-guide-page .sg-practice-section .sg-practice-box:hover .sg-practice-link span,
.sadhana-guide-page .sg-practice-section .sg-practice-box:hover .sg-practice-link i {
    transform: none !important;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) and (min-width: 768px) {
    .sadhana-guide-page .sg-practice-section > .container > .row {
        max-width: 760px;
        gap: 10px !important;
    }

    .sadhana-guide-page .sg-practice-section .sg-practice-box {
        padding: 28px 17px;
    }

    .sadhana-guide-page .sg-practice-section .sg-practice-box h3,
    .sadhana-guide-page .sg-practice-section .sg-practice-box h4 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .sadhana-guide-page .sg-hero {
        min-height: 390px;
    }

    .sadhana-guide-page .sg-hero-image {
        object-position: 58% center;
    }

    .sadhana-guide-page .sg-hero-shade {
        background: linear-gradient(
            90deg,
            rgba(4, 27, 45, .91),
            rgba(4, 27, 45, .64)
        );
    }

    .sadhana-guide-page .sg-hero-content {
        padding: 55px 22px;
    }

    .sadhana-guide-page .sg-crumbs {
        gap: 8px;
        margin-bottom: 28px;
        font-size: 12px;
    }

    .sadhana-guide-page .sg-hero h1 {
        font-size: 43px;
    }

    .sadhana-guide-page .sg-opening {
        padding: 30px 16px 20px;
    }

    .sadhana-guide-page .sg-ornament {
        gap: 16px;
    }

    .sadhana-guide-page .sg-ornament i {
        width: 57px;
        height: 57px;
        font-size: 29px;
    }

    .sadhana-guide-page .sg-article {
        padding: 20px 0 48px;
    }

    .sadhana-guide-page .sg-container {
        width: calc(100% - 30px);
    }

    .sadhana-guide-page .sg-header {
        margin-bottom: 28px;
    }

    .sadhana-guide-page .sg-faq-list {
        gap: 12px;
    }

    .sadhana-guide-page .sg-question {
        gap: 10px;
        padding: 15px 13px;
        font-size: 15px;
        line-height: 1.65;
    }

    .sadhana-guide-page .sg-question-number {
        padding-top: 3px;
        font-size: 11px;
    }

    .sadhana-guide-page .sg-question::after {
        padding-left: 2px;
        font-size: 21px;
    }

    .sadhana-guide-page .sg-answer {
        padding: 0 15px 18px;
        font-size: 13px;
        line-height: 1.85;
    }

    .sadhana-guide-page .sg-answer p {
        text-align: left;
    }

    .sadhana-guide-page .sg-faq-note {
        margin-top: 27px;
        padding: 22px 17px;
    }

    .sadhana-guide-page .sg-closing {
        padding: 34px 16px;
    }

    .sadhana-guide-page .sg-practice-section {
        padding: 48px 0 55px;
    }

    /* One card per row on mobile */

    .sadhana-guide-page .sg-practice-section > .container > .row {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100%;
        max-width: 100%;
        gap: 14px !important;
    }

    .sadhana-guide-page .sg-practice-section > .container > .row > div[class*="col-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 340px !important;
    }

    .sadhana-guide-page .sg-practice-section .sg-practice-box {
        width: 100% !important;
        min-height: 300px;
        padding: 28px 24px;
    }
}

/* =========================
   REDUCED MOTION
========================= */

@media (prefers-reduced-motion: reduce) {
    .sadhana-guide-page *,
    .sadhana-guide-page *::before,
    .sadhana-guide-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }

    .sadhana-guide-page .sg-practice-section .sg-practice-box:hover,
    .sadhana-guide-page .sg-practice-section .sg-practice-box:hover .sg-practice-icon,
    .sadhana-guide-page .sg-practice-section .sg-practice-box:hover .sg-practice-link span,
    .sadhana-guide-page .sg-practice-section .sg-practice-box:hover .sg-practice-link i {
        transform: none !important;
    }
}


/* =========================================
   SADHANA GUIDE — REDUCE SECTION SPACING
   ========================================= */

/* Article section: top and bottom space */
.sadhana-guide-page .sg-article {
    padding-top: 12px;
    padding-bottom: 38px;
}

/* Main article heading */
.sadhana-guide-page .sg-header {
    margin-bottom: 22px;
}

.sadhana-guide-page .sg-section-label {
    margin-bottom: 8px;
}

.sadhana-guide-page .sg-header-rule {
    margin-top: 15px;
}

/* Intro paragraph */
.sadhana-guide-page .sg-intro-text {
    margin-bottom: 22px;
}

/* FAQ questions spacing */
.sadhana-guide-page .sg-faq-list {
    gap: 10px;
}

/* FAQ note spacing */
.sadhana-guide-page .sg-faq-note {
    margin-top: 24px;
    padding-top: 21px;
    padding-bottom: 21px;
}

/* Continue the Inner Journey section */
.sadhana-guide-page .sg-practice-section {
    padding-top: 38px;
    padding-bottom: 42px;
}

/* Reduce heading spacing */
.sadhana-guide-page .sg-practice-heading {
    margin-bottom: 24px;
}

.sadhana-guide-page .sg-practice-heading .sg-section-label {
    margin-bottom: 8px;
}

/* Continue the Inner Journey heading font size */
.sadhana-guide-page .sg-practice-heading h2 {
    font-size: clamp(24px, 2.8vw, 32px);
    line-height: 1.3;
}

.sadhana-guide-page .sg-practice-heading .sg-header-rule {
    margin-top: 14px;
}

/* Slightly reduce card height and inner spacing */
.sadhana-guide-page .sg-practice-section .sg-practice-box {
    min-height: 300px;
    padding: 27px 22px;
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .sadhana-guide-page .sg-article {
        padding-top: 10px;
        padding-bottom: 32px;
    }

    .sadhana-guide-page .sg-practice-section {
        padding-top: 32px;
        padding-bottom: 36px;
    }

    .sadhana-guide-page .sg-practice-heading h2 {
        font-size: 28px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .sadhana-guide-page .sg-article {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .sadhana-guide-page .sg-header {
        margin-bottom: 20px;
    }

    .sadhana-guide-page .sg-intro-text {
        margin-bottom: 18px;
    }

    .sadhana-guide-page .sg-faq-list {
        gap: 9px;
    }

    .sadhana-guide-page .sg-faq-note {
        margin-top: 20px;
        padding: 19px 16px;
    }

    .sadhana-guide-page .sg-practice-section {
        padding-top: 30px;
        padding-bottom: 34px;
    }

    .sadhana-guide-page .sg-practice-heading {
        margin-bottom: 20px;
    }

    .sadhana-guide-page .sg-practice-heading h2 {
        font-size: 25px;
        line-height: 1.35;
    }

    .sadhana-guide-page .sg-practice-heading .sg-header-rule {
        margin-top: 12px;
    }

    .sadhana-guide-page .sg-practice-section > .container > .row {
        gap: 12px !important;
    }

    .sadhana-guide-page .sg-practice-section .sg-practice-box {
        min-height: 270px;
        padding: 24px 20px;
    }
}

/* Dark red vertical line beside FAQ questions */
.sadhana-guide-page .sg-faq-item {
    border-left: 3px solid #7b1717 !important;
}

/* Move article heading slightly upward */
.sadhana-guide-page .sg-header {
    margin-top: -60px;
}

/* saying of wisdom */


/* =========================================================
   SAYINGS OF WISDOM
   All styles are scoped to this page.
========================================================= */

.sayings-wisdom-page {
    --sw-navy: #073653;
    --sw-navy-dark: #041f31;
    --sw-gold: #c98b27;
    --sw-gold-light: #d9ad63;
    --sw-cream: #f8f3e9;
    --sw-paper: #fffdf8;
    --sw-ink: #302d29;
    --sw-muted: #746d64;
    --sw-border: rgba(201, 139, 39, 0.25);

    color: var(--sw-ink);
    background: var(--sw-cream);
    font-family: Georgia, "Times New Roman", serif;
    overflow: hidden;
}

.sayings-wisdom-page *,
.sayings-wisdom-page *::before,
.sayings-wisdom-page *::after {
    box-sizing: border-box;
}

.sayings-wisdom-page .sw-top-space {
    height: 0;
}

/* =========================================================
   HERO
========================================================= */

.sayings-wisdom-page .sw-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 420px;
    padding: 76px 0 82px;
    background-image: url("../image/hero-clean.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sayings-wisdom-page .sw-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(248, 243, 233, 0.97) 0%,
            rgba(248, 243, 233, 0.92) 43%,
            rgba(248, 243, 233, 0.62) 100%
        );
}

.sayings-wisdom-page .sw-hero-content {
    position: relative;
    z-index: 1;
}

.sayings-wisdom-page .sw-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
    color: var(--sw-muted);
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.7;
}

.sayings-wisdom-page .sw-breadcrumb a {
    color: var(--sw-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.sayings-wisdom-page .sw-breadcrumb a:hover {
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-breadcrumb span[aria-current="page"] {
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-hero h1 {
    margin: 0;
    color: var(--sw-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.2px;
}

.sayings-wisdom-page .sw-title-divider {
    display: flex;
    align-items: center;
    width: 100px;
    height: 2px;
    margin: 23px 0 22px;
    background: var(--sw-gold);
}

.sayings-wisdom-page .sw-title-divider span {
    display: block;
    width: 34px;
    height: 4px;
    background: var(--sw-navy);
}

.sayings-wisdom-page .sw-hero h4 {
    margin: 0 0 14px;
    color: var(--sw-navy);
    font-size: clamp(21px, 2.4vw, 29px);
    font-weight: 500;
    line-height: 1.45;
}

.sayings-wisdom-page .sw-hero p {
    margin: 0;
    color: #514b43;
    font-size: 16px;
    line-height: 1.9;
}

.sayings-wisdom-page .sw-desktop-break {
    display: initial;
}

/* =========================================================
   SACRED QUOTE
========================================================= */

.sayings-wisdom-page .sw-sacred-section {
    position: relative;
    padding: 52px 0 58px;
    overflow: hidden;
    background: #faf7f1;
    border-top: 1px solid rgba(201, 139, 39, 0.2);
    border-bottom: 1px solid rgba(201, 139, 39, 0.2);
}

.sayings-wisdom-page .sw-sacred-container {
    position: relative;
}

.sayings-wisdom-page .sw-sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin: 0 auto 28px;
}

.sayings-wisdom-page .sw-sacred-divider .sw-line {
    width: min(150px, 24%);
    height: 1px;
    background: var(--sw-gold-light);
}

.sayings-wisdom-page .sw-om-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    border: 1px solid var(--sw-gold);
    border-radius: 50%;
    color: var(--sw-gold);
    background: var(--sw-paper);
    box-shadow: 0 0 0 6px rgba(201, 139, 39, 0.07);
    font-size: 31px;
    line-height: 1;
}

.sayings-wisdom-page .sw-sacred-content {
    position: relative;
    z-index: 1;
    max-width: 830px;
    margin: 0 auto;
    text-align: center;
}

.sayings-wisdom-page .sw-sacred-content h2 {
    margin: 0 auto 17px;
    color: var(--sw-navy-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(23px, 3vw, 34px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

.sayings-wisdom-page .sw-sacred-content > p {
    margin: 0;
    color: var(--sw-gold);
    font-size: 17px;
    line-height: 1.8;
}

.sayings-wisdom-page .sw-small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-small-divider span {
    width: 48px;
    height: 1px;
    background: var(--sw-gold-light);
}

.sayings-wisdom-page .sw-small-divider i {
    font-size: 19px;
}

.sayings-wisdom-page .sw-lotus {
    position: absolute;
    top: 50%;
    color: rgba(201, 139, 39, 0.13);
    font-size: 95px;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.sayings-wisdom-page .sw-lotus-left {
    left: 1%;
}

.sayings-wisdom-page .sw-lotus-right {
    right: 1%;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.sayings-wisdom-page .sw-themes-section {
    padding: 65px 0 58px;
    background: var(--sw-cream);
}

.sayings-wisdom-page .sw-section-heading {
    margin: 0 auto;
    text-align: center;
}

.sayings-wisdom-page .sw-section-heading > img {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 13px;
    object-fit: contain;
    opacity: 0.82;
}

.sayings-wisdom-page .sw-eyebrow {
    margin: 0 0 10px;
    color: var(--sw-gold);
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    line-height: 1.8;
}

.sayings-wisdom-page .sw-section-heading h2 {
    margin: 0;
    color: var(--sw-navy);
    font-size: clamp(29px, 3.5vw, 39px);
    font-weight: 500;
    line-height: 1.3;
}

.sayings-wisdom-page .sw-heading-description {
    margin: 13px auto 0;
    color: var(--sw-muted);
    font-size: 15px;
    line-height: 1.8;
}

/* =========================================================
   THEME CARDS
========================================================= */

.sayings-wisdom-page .sw-theme-grid {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 13px;
    margin: 36px 0 22px;
}

.sayings-wisdom-page .sw-theme-card {
    display: flex;
    min-width: 0;
    min-height: 166px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 9px 17px;
    border: 1px solid var(--sw-border);
    border-radius: 7px;
    background: var(--sw-paper);
    color: var(--sw-ink);
    text-align: center;
    cursor: pointer;
    font-family: Georgia, "Times New Roman", serif;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.sayings-wisdom-page .sw-theme-card:hover {
    border-color: var(--sw-gold);
    background: #fffaf0;
    box-shadow: 0 5px 16px rgba(4, 31, 49, 0.07);
    transform: translateY(-3px);
}

.sayings-wisdom-page .sw-theme-card.active {
    border-color: var(--sw-navy);
    background: var(--sw-navy);
    box-shadow: 0 6px 18px rgba(7, 54, 83, 0.14);
}

.sayings-wisdom-page .sw-theme-card img {
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 13px;
    object-fit: contain;
    opacity: 0.75;
}

.sayings-wisdom-page .sw-theme-card.active img {
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

.sayings-wisdom-page .sw-theme-card strong {
    display: block;
    margin-bottom: 8px;
    color: var(--sw-gold);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.sayings-wisdom-page .sw-theme-card.active strong {
    color: #f0c77f;
}

.sayings-wisdom-page .sw-theme-card span {
    display: block;
    color: #625b52;
    font-size: 12px;
    line-height: 1.55;
}

.sayings-wisdom-page .sw-theme-card.active span {
    color: #fffdf8;
}

.sayings-wisdom-page .sw-theme-card:focus-visible,
.sayings-wisdom-page .sw-page-btn:focus-visible {
    outline: 3px solid rgba(201, 139, 39, 0.55);
    outline-offset: 3px;
}

.sayings-wisdom-page .sw-theme-note {
    margin: 0;
    color: var(--sw-muted);
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
}

/* =========================================================
   SAYINGS READING SECTION
========================================================= */

.sayings-wisdom-page .sw-reading-section {
    scroll-margin-top: 35px;
    padding: 62px 0 66px;
    background: #faf7f1;
    border-top: 1px solid rgba(201, 139, 39, 0.16);
    border-bottom: 1px solid rgba(201, 139, 39, 0.16);
}

.sayings-wisdom-page .sw-range-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0 0 32px;
    text-align: center;
}

.sayings-wisdom-page .sw-range-title img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.sayings-wisdom-page .sw-range-title h2 {
    margin: 0;
    color: var(--sw-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(17px, 2vw, 22px);
    font-weight: 600;
    letter-spacing: 1.4px;
    line-height: 1.5;
}

.sayings-wisdom-page .sw-saying-row {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-bottom: 17px;
    padding: 24px 27px;
    border: 1px solid rgba(201, 139, 39, 0.21);
    border-radius: 7px;
    background: var(--sw-paper);
    box-shadow: 0 3px 13px rgba(4, 31, 49, 0.025);
}

.sayings-wisdom-page .sw-saying-meta {
    display: flex;
    flex: 0 0 86px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    gap: 13px;
    padding-right: 24px;
    border-right: 1px solid rgba(201, 139, 39, 0.25);
}

.sayings-wisdom-page .sw-saying-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid var(--sw-gold);
    border-radius: 50%;
    background: var(--sw-cream);
    color: var(--sw-navy);
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.sayings-wisdom-page .sw-saying-icon img {
    display: block;
    width: 29px;
    height: 29px;
    object-fit: contain;
    opacity: 0.65;
}

.sayings-wisdom-page .sw-saying-text {
    min-width: 0;
    flex: 1;
}

.sayings-wisdom-page .sw-saying-text p {
    margin: 0;
    color: #393630;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

/* =========================================================
   PAGINATION
========================================================= */

.sayings-wisdom-page .sw-pagination {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    margin-top: 37px;
    padding-top: 27px;
    border-top: 1px solid rgba(201, 139, 39, 0.3);
}

.sayings-wisdom-page .sw-page-btn {
    justify-self: start;
    min-height: 43px;
    padding: 10px 19px;
    border: 1px solid var(--sw-gold);
    border-radius: 4px;
    background: transparent;
    color: var(--sw-navy);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.sayings-wisdom-page #sw-next-btn {
    justify-self: end;
}

.sayings-wisdom-page .sw-page-btn:hover:not(:disabled) {
    border-color: var(--sw-navy);
    background: var(--sw-navy);
    color: #fff;
}

.sayings-wisdom-page .sw-page-btn:disabled {
    border-color: #d8d1c7;
    background: #f3efe8;
    color: #a7a097;
    cursor: not-allowed;
}

.sayings-wisdom-page .sw-page-indicator {
    color: var(--sw-navy);
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

/* =========================================================
   CLOSING MESSAGE
========================================================= */

.sayings-wisdom-page .sw-closing {
    padding: 36px 0 42px;
    background: var(--sw-cream);
    text-align: center;
}

.sayings-wisdom-page .sw-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 17px;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-closing-divider span {
    width: 50px;
    height: 1px;
    background: var(--sw-gold-light);
}

.sayings-wisdom-page .sw-closing-divider i {
    font-size: 17px;
    font-style: normal;
}

.sayings-wisdom-page .sw-closing p {
    margin: 0;
    color: var(--sw-muted);
    font-size: 15px;
    line-height: 1.9;
}

.sayings-wisdom-page .sw-closing strong {
    color: var(--sw-navy);
    font-weight: 600;
}

.sayings-wisdom-page .sw-data-warning {
    margin: 20px 0;
    padding: 18px;
    border: 1px solid #d9ad63;
    background: #fffaf0;
    color: var(--sw-navy);
    text-align: center;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {
    .sayings-wisdom-page .sw-theme-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .sayings-wisdom-page .sw-theme-card {
        min-height: 155px;
    }

    .sayings-wisdom-page .sw-lotus {
        font-size: 70px;
    }
}

@media (max-width: 767px) {
    .sayings-wisdom-page .sw-hero {
        min-height: 390px;
        padding: 54px 0 58px;
        background-position: 58% center;
    }

    .sayings-wisdom-page .sw-hero-overlay {
        background: rgba(248, 243, 233, 0.88);
    }

    .sayings-wisdom-page .sw-breadcrumb {
        gap: 6px;
        margin-bottom: 23px;
        font-size: 11px;
    }

    .sayings-wisdom-page .sw-hero h1 {
        font-size: clamp(34px, 8vw, 43px);
    }

    .sayings-wisdom-page .sw-hero h4 {
        font-size: 21px;
    }

    .sayings-wisdom-page .sw-hero p {
        font-size: 14px;
    }

    .sayings-wisdom-page .sw-desktop-break {
        display: none;
    }

    .sayings-wisdom-page .sw-sacred-section {
        padding: 42px 0 46px;
    }

    .sayings-wisdom-page .sw-om-circle {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
        font-size: 27px;
    }

    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 23px;
        line-height: 1.6;
    }

    .sayings-wisdom-page .sw-lotus {
        top: auto;
        bottom: 5px;
        font-size: 45px;
        transform: none;
    }

    .sayings-wisdom-page .sw-themes-section {
        padding: 48px 0 42px;
    }

    .sayings-wisdom-page .sw-theme-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 27px;
    }

    .sayings-wisdom-page .sw-theme-card {
        min-height: 143px;
        padding: 15px 6px;
    }

    .sayings-wisdom-page .sw-theme-card img {
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
    }

    .sayings-wisdom-page .sw-theme-card strong {
        font-size: 12px;
    }

    .sayings-wisdom-page .sw-theme-card span {
        font-size: 11px;
    }

    .sayings-wisdom-page .sw-reading-section {
        padding: 43px 0 48px;
        scroll-margin-top: 18px;
    }

    .sayings-wisdom-page .sw-range-title {
        gap: 8px;
        margin-bottom: 25px;
    }

    .sayings-wisdom-page .sw-range-title h2 {
        font-size: 16px;
        letter-spacing: 0.7px;
    }

    .sayings-wisdom-page .sw-range-title img {
        width: 23px;
        height: 23px;
    }

    .sayings-wisdom-page .sw-saying-row {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        margin-bottom: 14px;
        padding: 21px 18px;
    }

    .sayings-wisdom-page .sw-saying-meta {
        flex: auto;
        flex-direction: row;
        align-self: auto;
        justify-content: center;
        gap: 16px;
        padding: 0 0 17px;
        border-right: 0;
        border-bottom: 1px solid rgba(201, 139, 39, 0.25);
    }

    .sayings-wisdom-page .sw-saying-number {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        font-size: 14px;
    }

    .sayings-wisdom-page .sw-saying-icon img {
        width: 26px;
        height: 26px;
    }

    .sayings-wisdom-page .sw-saying-text p {
        font-size: 15px;
        line-height: 1.85;
        text-align: left;
    }

    .sayings-wisdom-page .sw-pagination {
        grid-template-columns: 1fr 1fr;
        gap: 14px 10px;
        margin-top: 28px;
        padding-top: 22px;
    }

    .sayings-wisdom-page .sw-page-indicator {
        grid-column: 1 / -1;
        grid-row: 1;
        font-size: 12px;
    }

    .sayings-wisdom-page .sw-page-btn {
        grid-row: 2;
        padding: 10px 11px;
        font-size: 11px;
    }

    .sayings-wisdom-page .sw-closing {
        padding: 30px 0 34px;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    .sayings-wisdom-page .sw-theme-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sayings-wisdom-page .sw-breadcrumb {
        font-size: 10px;
    }

    .sayings-wisdom-page .sw-page-btn {
        font-size: 10px;
    }
}


/* Theme cards: width kam, ek line mein 4 cards same rahenge */
.sayings-wisdom-page .sw-theme-grid {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    column-gap: 18px;
}

/* Saying cards: width kam aur center mein */
.sayings-wisdom-page .sw-saying-row {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

/* Tablet par theme cards ki existing 3-column layout same */
@media (max-width: 1199px) {
    .sayings-wisdom-page .sw-theme-grid {
        max-width: 900px;
    }
}

/* Mobile par existing 2-column theme layout aur card spacing same */
@media (max-width: 767px) {
    .sayings-wisdom-page .sw-theme-grid {
        max-width: 540px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }
}

/* =========================================================
   SHIVA-YOGA MATCHING THEME
   Sayings of Wisdom
   Paste at the END of sayings-of-wisdom.css
========================================================= */

.sayings-wisdom-page {
    --sw-navy: #073653;
    --sw-navy-dark: #05304a;
    --sw-ink: #0b3557;
    --sw-gold: #c98b27;
    --sw-gold-light: #e1a532;
    --sw-cream: #f8f3e9;
    --sw-paper: #faf7ef;
    --sw-text: #2c241d;
    --sw-muted: #6f675d;
    --sw-line: #d5a35a;
    --sw-white: #ffffff;

    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: clip;
    background: var(--sw-cream);
    color: var(--sw-text);

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}

.sayings-wisdom-page *,
.sayings-wisdom-page *::before,
.sayings-wisdom-page *::after {
    box-sizing: border-box;
}

.sayings-wisdom-page img {
    max-width: 100%;
}


/* =========================================================
   BACKGROUND — SHIVA-YOGA MATCH
========================================================= */

.sayings-wisdom-page .sw-sacred-section,
.sayings-wisdom-page .sw-reading-section {
    background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );
    border-color: rgba(201, 139, 39, 0.25);
}

.sayings-wisdom-page .sw-themes-section {
    background: var(--sw-cream);
}

.sayings-wisdom-page .sw-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );
    text-align: center;
}


/* =========================================================
   FONT STYLE
========================================================= */

.sayings-wisdom-page .sw-sacred-content h2,
.sayings-wisdom-page .sw-section-heading h2,
.sayings-wisdom-page .sw-range-title h2,
.sayings-wisdom-page .sw-saying-text p,
.sayings-wisdom-page .sw-closing p {
    font-family:
        "Source Serif 4";
}

.sayings-wisdom-page .sw-sacred-content h2 {
    color: var(--sw-ink);
    font-weight: 400;
}

.sayings-wisdom-page .sw-section-heading h2,
.sayings-wisdom-page .sw-range-title h2 {
    color: var(--sw-ink);
    font-weight: 500;
}

.sayings-wisdom-page .sw-saying-text p {
    color: var(--sw-text);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.82;
    text-align: justify;
    text-justify: inter-word;
    overflow-wrap: break-word;
}

.sayings-wisdom-page .sw-eyebrow,
.sayings-wisdom-page .sw-theme-note,
.sayings-wisdom-page .sw-theme-card strong,
.sayings-wisdom-page .sw-page-btn,
.sayings-wisdom-page .sw-page-indicator {
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   HERO ORNAMENT — OM CIRCLE
   Existing sacred quote section ke andar
========================================================= */

.sayings-wisdom-page .sw-sacred-section {
    position: relative;
    padding: 28px 0 42px;
    overflow: hidden;
}

.sayings-wisdom-page .sw-sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto 30px;
}

.sayings-wisdom-page .sw-sacred-divider .sw-line {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--sw-line);
}

.sayings-wisdom-page .sw-om-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    color: var(--sw-gold);
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
    font-size: 31px;
    line-height: 1;
}

.sayings-wisdom-page .sw-sacred-content {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sayings-wisdom-page .sw-sacred-content h2 {
    margin: 0 auto 14px;
    color: var(--sw-ink);
    font-size: clamp(25px, 3vw, 34px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

.sayings-wisdom-page .sw-sacred-content > p {
    margin: 0;
    color: #a86e1f;
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
    font-size: 17px;
    line-height: 1.8;
}

.sayings-wisdom-page .sw-small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-small-divider span {
    width: 48px;
    height: 1px;
    background: var(--sw-line);
}


/* =========================================================
   THEME CARDS — SAME NAVY / GOLD / CREAM
========================================================= */

.sayings-wisdom-page .sw-theme-card {
    border-color: rgba(201, 139, 39, 0.3);
    border-radius: 5px;
    background: #faf7ef;
    color: var(--sw-text);
    box-shadow: none;
    transform: none;
}

.sayings-wisdom-page .sw-theme-card:hover {
    border-color: var(--sw-gold);
    background: #f8f2e6;
    box-shadow: 0 4px 14px rgba(7, 54, 83, 0.06);
    transform: none;
}

.sayings-wisdom-page .sw-theme-card.active {
    border-color: var(--sw-navy);
    background: var(--sw-navy);
    box-shadow: 0 5px 15px rgba(7, 54, 83, 0.12);
}

.sayings-wisdom-page .sw-theme-card strong {
    color: #a86e1f;
}

.sayings-wisdom-page .sw-theme-card.active strong {
    color: #e5aa3a;
}

.sayings-wisdom-page .sw-theme-card span {
    color: #625b52;
}

.sayings-wisdom-page .sw-theme-card.active span {
    color: #fffdf8;
}


/* =========================================================
   SAYING CARDS — CREAM PAPER
========================================================= */

.sayings-wisdom-page .sw-saying-row {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    border-color: rgba(201, 139, 39, 0.3);
    border-radius: 5px;
    background: #faf7ef;
    box-shadow: none;
}

.sayings-wisdom-page .sw-saying-meta {
    border-color: rgba(201, 139, 39, 0.35);
}

.sayings-wisdom-page .sw-saying-number {
    border-color: var(--sw-gold);
    background: #f8f2e6;
    color: var(--sw-navy);
}

.sayings-wisdom-page .sw-range-title img {
    opacity: 0.8;
}

.sayings-wisdom-page .sw-range-title h2 {
    color: var(--sw-ink);
}


/* =========================================================
   CLOSING ORNAMENT — MATCH SHIVA-YOGA
   Footer ke bilkul upar
========================================================= */

.sayings-wisdom-page .sw-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
    text-align: center;
}

.sayings-wisdom-page .sw-closing .container {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.sayings-wisdom-page .sw-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 auto;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-closing-divider span {
    display: block;
    width: min(300px, 35%);
    height: 1px;
    background: var(--sw-line);
}

.sayings-wisdom-page .sw-closing-divider i {
    color: var(--sw-gold);
    font-size: 14px;
    font-style: normal;
    line-height: 1;
}

.sayings-wisdom-page .sw-closing p {
    margin: 15px auto 0;
    color: var(--sw-muted);
    font-size: 17px;
    font-style: italic;
    line-height: 1.75;
}

.sayings-wisdom-page .sw-closing strong {
    color: var(--sw-ink);
    font-weight: 500;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
    .sayings-wisdom-page .sw-theme-grid {
        max-width: 900px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .sayings-wisdom-page .sw-sacred-section {
        padding: 22px 0 34px;
    }

    .sayings-wisdom-page .sw-sacred-divider {
        gap: 10px;
        margin-bottom: 24px;
    }

    .sayings-wisdom-page .sw-sacred-divider .sw-line {
        width: auto;
        flex: 1;
    }

    .sayings-wisdom-page .sw-om-circle {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
        font-size: 25px;
    }

    .sayings-wisdom-page .sw-sacred-content {
        padding: 0 18px;
    }

    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 23px;
        line-height: 1.6;
    }

    .sayings-wisdom-page .sw-themes-section {
        background: var(--sw-cream);
    }

    .sayings-wisdom-page .sw-theme-grid {
        max-width: 540px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }

    .sayings-wisdom-page .sw-saying-text p {
        font-size: 16px;
        line-height: 1.78;
        text-align: justify;
        text-justify: inter-word;
    }

    .sayings-wisdom-page .sw-closing {
        padding: 0 18px 28px;
    }

    .sayings-wisdom-page .sw-closing-divider {
        gap: 12px;
    }

    .sayings-wisdom-page .sw-closing-divider span {
        width: auto;
        flex: 1;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 15px;
        line-height: 1.7;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 21px;
    }

    .sayings-wisdom-page .sw-closing {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 14px;
    }
}

/* =========================================================
   SHIVA-YOGA MATCHING THEME
   Sayings of Wisdom
   Paste at the END of sayings-of-wisdom.css
========================================================= */

.sayings-wisdom-page {
    --sw-navy: #073653;
    --sw-navy-dark: #05304a;
    --sw-ink: #0b3557;
    --sw-gold: #c98b27;
    --sw-gold-light: #e1a532;
    --sw-cream: #f8f3e9;
    --sw-paper: #faf7ef;
    --sw-text: #2c241d;
    --sw-muted: #6f675d;
    --sw-line: #d5a35a;
    --sw-white: #ffffff;

    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: clip;
    background: var(--sw-cream);
    color: var(--sw-text);

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}

.sayings-wisdom-page *,
.sayings-wisdom-page *::before,
.sayings-wisdom-page *::after {
    box-sizing: border-box;
}

.sayings-wisdom-page img {
    max-width: 100%;
}


/* =========================================================
   BACKGROUND — SHIVA-YOGA MATCH
========================================================= */

.sayings-wisdom-page .sw-sacred-section,
.sayings-wisdom-page .sw-reading-section {
    background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );
    border-color: rgba(201, 139, 39, 0.25);
}

.sayings-wisdom-page .sw-themes-section {
    background: var(--sw-cream);
}

.sayings-wisdom-page .sw-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );
    text-align: center;
}


/* =========================================================
   FONT STYLE
========================================================= */

.sayings-wisdom-page .sw-sacred-content h2,
.sayings-wisdom-page .sw-section-heading h2,
.sayings-wisdom-page .sw-range-title h2,
.sayings-wisdom-page .sw-saying-text p,
.sayings-wisdom-page .sw-closing p {
    font-family:
        "Source Serif 4";
}

.sayings-wisdom-page .sw-sacred-content h2 {
    color: var(--sw-ink);
    font-weight: 400;
}

.sayings-wisdom-page .sw-section-heading h2,
.sayings-wisdom-page .sw-range-title h2 {
    color: var(--sw-ink);
    font-weight: 500;
}

.sayings-wisdom-page .sw-saying-text p {
    color: var(--sw-text);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.82;
    text-align: justify;
    text-justify: inter-word;
    overflow-wrap: break-word;
}

.sayings-wisdom-page .sw-eyebrow,
.sayings-wisdom-page .sw-theme-note,
.sayings-wisdom-page .sw-theme-card strong,
.sayings-wisdom-page .sw-page-btn,
.sayings-wisdom-page .sw-page-indicator {
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   HERO ORNAMENT — OM CIRCLE
   Existing sacred quote section ke andar
========================================================= */

.sayings-wisdom-page .sw-sacred-section {
    position: relative;
    padding: 28px 0 42px;
    overflow: hidden;
}

.sayings-wisdom-page .sw-sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto 30px;
}

.sayings-wisdom-page .sw-sacred-divider .sw-line {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--sw-line);
}

.sayings-wisdom-page .sw-om-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    color: var(--sw-gold);
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
    font-size: 31px;
    line-height: 1;
}

.sayings-wisdom-page .sw-sacred-content {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sayings-wisdom-page .sw-sacred-content h2 {
    margin: 0 auto 14px;
    color: var(--sw-ink);
    font-size: clamp(25px, 3vw, 34px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

.sayings-wisdom-page .sw-sacred-content > p {
    margin: 0;
    color: #a86e1f;
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
    font-size: 17px;
    line-height: 1.8;
}

.sayings-wisdom-page .sw-small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-small-divider span {
    width: 48px;
    height: 1px;
    background: var(--sw-line);
}


/* =========================================================
   THEME CARDS — SAME NAVY / GOLD / CREAM
========================================================= */

.sayings-wisdom-page .sw-theme-card {
    border-color: rgba(201, 139, 39, 0.3);
    border-radius: 5px;
    background: #faf7ef;
    color: var(--sw-text);
    box-shadow: none;
    transform: none;
}

.sayings-wisdom-page .sw-theme-card:hover {
    border-color: var(--sw-gold);
    background: #f8f2e6;
    box-shadow: 0 4px 14px rgba(7, 54, 83, 0.06);
    transform: none;
}

.sayings-wisdom-page .sw-theme-card.active {
    border-color: var(--sw-navy);
    background: var(--sw-navy);
    box-shadow: 0 5px 15px rgba(7, 54, 83, 0.12);
}

.sayings-wisdom-page .sw-theme-card strong {
    color: #a86e1f;
}

.sayings-wisdom-page .sw-theme-card.active strong {
    color: #e5aa3a;
}

.sayings-wisdom-page .sw-theme-card span {
    color: #625b52;
}

.sayings-wisdom-page .sw-theme-card.active span {
    color: #fffdf8;
}


/* =========================================================
   SAYING CARDS — CREAM PAPER
========================================================= */

.sayings-wisdom-page .sw-saying-row {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    border-color: rgba(201, 139, 39, 0.3);
    border-radius: 5px;
    background: #faf7ef;
    box-shadow: none;
}

.sayings-wisdom-page .sw-saying-meta {
    border-color: rgba(201, 139, 39, 0.35);
}

.sayings-wisdom-page .sw-saying-number {
    border-color: var(--sw-gold);
    background: #f8f2e6;
    color: var(--sw-navy);
}

.sayings-wisdom-page .sw-range-title img {
    opacity: 0.8;
}

.sayings-wisdom-page .sw-range-title h2 {
    color: var(--sw-ink);
}


/* =========================================================
   CLOSING ORNAMENT — MATCH SHIVA-YOGA
   Footer ke bilkul upar
========================================================= */

.sayings-wisdom-page .sw-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
    text-align: center;
}

.sayings-wisdom-page .sw-closing .container {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.sayings-wisdom-page .sw-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 auto;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-closing-divider span {
    display: block;
    width: min(300px, 35%);
    height: 1px;
    background: var(--sw-line);
}

.sayings-wisdom-page .sw-closing-divider i {
    color: var(--sw-gold);
    font-size: 14px;
    font-style: normal;
    line-height: 1;
}

.sayings-wisdom-page .sw-closing p {
    margin: 15px auto 0;
    color: var(--sw-muted);
    font-size: 17px;
    font-style: italic;
    line-height: 1.75;
}

.sayings-wisdom-page .sw-closing strong {
    color: var(--sw-ink);
    font-weight: 500;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
    .sayings-wisdom-page .sw-theme-grid {
        max-width: 900px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .sayings-wisdom-page .sw-sacred-section {
        padding: 22px 0 34px;
    }

    .sayings-wisdom-page .sw-sacred-divider {
        gap: 10px;
        margin-bottom: 24px;
    }

    .sayings-wisdom-page .sw-sacred-divider .sw-line {
        width: auto;
        flex: 1;
    }

    .sayings-wisdom-page .sw-om-circle {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
        font-size: 25px;
    }

    .sayings-wisdom-page .sw-sacred-content {
        padding: 0 18px;
    }

    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 23px;
        line-height: 1.6;
    }

    .sayings-wisdom-page .sw-themes-section {
        background: var(--sw-cream);
    }

    .sayings-wisdom-page .sw-theme-grid {
        max-width: 540px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }

    .sayings-wisdom-page .sw-saying-text p {
        font-size: 16px;
        line-height: 1.78;
        text-align: justify;
        text-justify: inter-word;
    }

    .sayings-wisdom-page .sw-closing {
        padding: 0 18px 28px;
    }

    .sayings-wisdom-page .sw-closing-divider {
        gap: 12px;
    }

    .sayings-wisdom-page .sw-closing-divider span {
        width: auto;
        flex: 1;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 15px;
        line-height: 1.7;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 21px;
    }

    .sayings-wisdom-page .sw-closing {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 14px;
    }
}

/* =========================================================
   SHIVA-YOGA MATCHING THEME
   Sayings of Wisdom
   Paste at the END of sayings-of-wisdom.css
========================================================= */

.sayings-wisdom-page {
    --sw-navy: #073653;
    --sw-navy-dark: #05304a;
    --sw-ink: #0b3557;
    --sw-gold: #c98b27;
    --sw-gold-light: #e1a532;
    --sw-cream: #f8f3e9;
    --sw-paper: #faf7ef;
    --sw-text: #2c241d;
    --sw-muted: #6f675d;
    --sw-line: #d5a35a;
    --sw-white: #ffffff;

    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: clip;
    background: var(--sw-cream);
    color: var(--sw-text);

    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
}

.sayings-wisdom-page *,
.sayings-wisdom-page *::before,
.sayings-wisdom-page *::after {
    box-sizing: border-box;
}

.sayings-wisdom-page img {
    max-width: 100%;
}


/* =========================================================
   BACKGROUND — SHIVA-YOGA MATCH
========================================================= */

.sayings-wisdom-page .sw-sacred-section,
.sayings-wisdom-page .sw-reading-section {
    background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );
    border-color: rgba(201, 139, 39, 0.25);
}

.sayings-wisdom-page .sw-themes-section {
    background: var(--sw-cream);
}

.sayings-wisdom-page .sw-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );
    text-align: center;
}


/* =========================================================
   FONT STYLE
========================================================= */

.sayings-wisdom-page .sw-sacred-content h2,
.sayings-wisdom-page .sw-section-heading h2,
.sayings-wisdom-page .sw-range-title h2,
.sayings-wisdom-page .sw-saying-text p,
.sayings-wisdom-page .sw-closing p {
    font-family:
        "Source Serif 4";
}

.sayings-wisdom-page .sw-sacred-content h2 {
    color: var(--sw-ink);
    font-weight: 400;
}

.sayings-wisdom-page .sw-section-heading h2,
.sayings-wisdom-page .sw-range-title h2 {
    color: var(--sw-ink);
    font-weight: 500;
}

.sayings-wisdom-page .sw-saying-text p {
    color: var(--sw-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.82;
    text-align: left;
    text-justify: inter-word;
    overflow-wrap: break-word;
}

.sayings-wisdom-page .sw-eyebrow,
.sayings-wisdom-page .sw-theme-note,
.sayings-wisdom-page .sw-theme-card strong,
.sayings-wisdom-page .sw-page-btn,
.sayings-wisdom-page .sw-page-indicator {
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
}


/* =========================================================
   HERO ORNAMENT — OM CIRCLE
   Existing sacred quote section ke andar
========================================================= */

.sayings-wisdom-page .sw-sacred-section {
    position: relative;
    padding: 28px 0 42px;
    overflow: hidden;
}

.sayings-wisdom-page .sw-sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto 30px;
}

.sayings-wisdom-page .sw-sacred-divider .sw-line {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--sw-line);
}

.sayings-wisdom-page .sw-om-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    color: var(--sw-gold);
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
    font-size: 31px;
    line-height: 1;
}

.sayings-wisdom-page .sw-sacred-content {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.sayings-wisdom-page .sw-sacred-content h2 {
    margin: 0 auto 14px;
    color: var(--sw-ink);
    font-size: clamp(25px, 3vw, 34px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

.sayings-wisdom-page .sw-sacred-content > p {
    margin: 0;
    color: #a86e1f;
    font-family:
        "Source Serif 4",
        Georgia,
        "Times New Roman",
        serif;
    font-size: 17px;
    line-height: 1.8;
}

.sayings-wisdom-page .sw-small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-small-divider span {
    width: 48px;
    height: 1px;
    background: var(--sw-line);
}


/* =========================================================
   THEME CARDS — SAME NAVY / GOLD / CREAM
========================================================= */

.sayings-wisdom-page .sw-theme-card {
    border-color: rgba(201, 139, 39, 0.3);
    border-radius: 5px;
    background: #faf7ef;
    color: var(--sw-text);
    box-shadow: none;
    transform: none;
}

.sayings-wisdom-page .sw-theme-card:hover {
    border-color: var(--sw-gold);
    background: #f8f2e6;
    box-shadow: 0 4px 14px rgba(7, 54, 83, 0.06);
    transform: none;
}

.sayings-wisdom-page .sw-theme-card.active {
    border-color: var(--sw-navy);
    background: var(--sw-navy);
    box-shadow: 0 5px 15px rgba(7, 54, 83, 0.12);
}

.sayings-wisdom-page .sw-theme-card strong {
    color: #a86e1f;
}

.sayings-wisdom-page .sw-theme-card.active strong {
    color: #e5aa3a;
}

.sayings-wisdom-page .sw-theme-card span {
    color: #625b52;
}

.sayings-wisdom-page .sw-theme-card.active span {
    color: #fffdf8;
}


/* =========================================================
   SAYING CARDS — CREAM PAPER
========================================================= */

.sayings-wisdom-page .sw-saying-row {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    border-color: rgba(201, 139, 39, 0.3);
    border-radius: 5px;
    background: #faf7ef;
    box-shadow: none;
}

.sayings-wisdom-page .sw-saying-meta {
    border-color: rgba(201, 139, 39, 0.35);
}

.sayings-wisdom-page .sw-saying-number {
    border-color: var(--sw-gold);
    background: #f8f2e6;
    color: var(--sw-navy);
}

.sayings-wisdom-page .sw-range-title img {
    opacity: 0.8;
}

.sayings-wisdom-page .sw-range-title h2 {
    color: var(--sw-ink);
}


/* =========================================================
   CLOSING ORNAMENT — MATCH SHIVA-YOGA
   Footer ke bilkul upar
========================================================= */

.sayings-wisdom-page .sw-closing {
    padding: 0 24px 38px;
    background:
        linear-gradient(
            90deg,
            #faf7ef,
            #f8f2e6 50%,
            #faf7ef
        );
    text-align: center;
}

.sayings-wisdom-page .sw-closing .container {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.sayings-wisdom-page .sw-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 auto;
    color: var(--sw-gold);
}

.sayings-wisdom-page .sw-closing-divider span {
    display: block;
    width: min(300px, 35%);
    height: 1px;
    background: var(--sw-line);
}

.sayings-wisdom-page .sw-closing-divider i {
    color: var(--sw-gold);
    font-size: 14px;
    font-style: normal;
    line-height: 1;
}

.sayings-wisdom-page .sw-closing p {
    margin: 15px auto 0;
    color: var(--sw-muted);
    font-size: 17px;
    font-style: italic;
    line-height: 1.75;
}

.sayings-wisdom-page .sw-closing strong {
    color: var(--sw-ink);
    font-weight: 500;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
    .sayings-wisdom-page .sw-theme-grid {
        max-width: 900px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .sayings-wisdom-page .sw-sacred-section {
        padding: 22px 0 34px;
    }

    .sayings-wisdom-page .sw-sacred-divider {
        gap: 10px;
        margin-bottom: 24px;
    }

    .sayings-wisdom-page .sw-sacred-divider .sw-line {
        width: auto;
        flex: 1;
    }

    .sayings-wisdom-page .sw-om-circle {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
        font-size: 25px;
    }

    .sayings-wisdom-page .sw-sacred-content {
        padding: 0 18px;
    }

    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 23px;
        line-height: 1.6;
    }

    .sayings-wisdom-page .sw-themes-section {
        background: var(--sw-cream);
    }

    .sayings-wisdom-page .sw-theme-grid {
        max-width: 540px;
    }

    .sayings-wisdom-page .sw-saying-row {
        max-width: 100%;
    }

    .sayings-wisdom-page .sw-saying-text p {
        font-size: 16px;
        line-height: 1.78;
        text-align: justify;
        text-justify: inter-word;
    }

    .sayings-wisdom-page .sw-closing {
        padding: 0 18px 28px;
    }

    .sayings-wisdom-page .sw-closing-divider {
        gap: 12px;
    }

    .sayings-wisdom-page .sw-closing-divider span {
        width: auto;
        flex: 1;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 15px;
        line-height: 1.7;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 21px;
    }

    .sayings-wisdom-page .sw-closing {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sayings-wisdom-page .sw-closing p {
        font-size: 14px;
    }
}

/* Same background for all sections */
.sayings-wisdom-page,
.sayings-wisdom-page section {
    background-color: #f8f4ec !important;
}

/* Remove long horizontal divider lines */
.sayings-wisdom-page hr,
.sayings-wisdom-page .sw-section-divider,
.sayings-wisdom-page .sw-divider {
    display: none !important;
    border: 0 !important;
}

/* Remove section separator borders */
.sayings-wisdom-page section {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Reduce gaps between sections */
.sayings-wisdom-page section + section {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

.sayings-wisdom-page section {
    margin-bottom: 0 !important;
}

/* Reduce sacred quote font size */
.sayings-wisdom-page .sw-sacred-content h2 {
    font-size: 24px !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
}

.sayings-wisdom-page .sw-sacred-content p {
    font-size: 14px !important;
}

@media (max-width: 768px) {
    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .sayings-wisdom-page .sw-sacred-content p {
        font-size: 12px !important;
    }
}



/* =========================================================
   FINAL OVERRIDES — SAYINGS OF WISDOM
   Keep existing layout and theme
========================================================= */

/* Same background throughout the page */
.sayings-wisdom-page {
    background: #f8f4ec !important;
}

.sayings-wisdom-page .sw-sacred-section,
.sayings-wisdom-page .sw-themes-section,
.sayings-wisdom-page .sw-reading-section,
.sayings-wisdom-page .sw-closing {
    background: #f8f4ec !important;
}

/* Remove section separator borders only */
.sayings-wisdom-page .sw-sacred-section,
.sayings-wisdom-page .sw-reading-section {
    border-top: none !important;
    border-bottom: none !important;
}

/* Do not remove existing layout spacing */
.sayings-wisdom-page section {
    margin-bottom: 0;
}

/* Reduce sacred quote font size */
.sayings-wisdom-page .sw-sacred-content h2 {
    font-size: 24px !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
}

.sayings-wisdom-page .sw-sacred-content > p {
    font-size: 14px !important;
}

/* Reduce Explore by Theme heading */
.sayings-wisdom-page .sw-section-heading h2 {
    font-size: 27px !important;
    line-height: 1.35 !important;
    margin-bottom: 0;
}

/* Keep theme description readable */
.sayings-wisdom-page .sw-heading-description {
    font-size: 14px;
    line-height: 1.75;
}

/* Reduce excessive spacing around the theme section */
.sayings-wisdom-page .sw-themes-section {
    padding-top: 42px;
    padding-bottom: 42px;
}

/* Preserve theme card layout and styling */
.sayings-wisdom-page .sw-theme-card {
    box-shadow: none;
    transform: none;
}

.sayings-wisdom-page .sw-theme-card:hover {
    transform: none;
}

/* Keep saying cards centered */
.sayings-wisdom-page .sw-saying-row {
    margin-left: auto;
    margin-right: auto;
}

/* Remove only generic divider elements, not the decorative
   Om circle or its lines */
.sayings-wisdom-page hr,
.sayings-wisdom-page .sw-section-divider,
.sayings-wisdom-page .sw-divider {
    display: none !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .sayings-wisdom-page .sw-sacred-content h2 {
        font-size: 18px !important;
        line-height: 1.5 !important;
    }

    .sayings-wisdom-page .sw-sacred-content > p {
        font-size: 12px !important;
    }

    .sayings-wisdom-page .sw-section-heading h2 {
        font-size: 21px !important;
        line-height: 1.4 !important;
    }

    .sayings-wisdom-page .sw-themes-section {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

/* Small mobile */
@media (max-width: 380px) {
    .sayings-wisdom-page .sw-section-heading h2 {
        font-size: 19px !important;
    }
}


/* =========================================================
   SAYINGS OF WISDOM — FINAL SPACING FIX
   Paste at the END of sayings-of-wisdom.css
========================================================= */

/* Reduce the gap below the sacred quote */
.sayings-wisdom-page .sw-sacred-section {
    padding-top: 28px !important;
    padding-bottom: 18px !important;
}

/* Bring the theme heading and lotus closer to the quote */
.sayings-wisdom-page .sw-themes-section {
    padding-top: 28px !important;
    padding-bottom: 58px !important;
}

/* Keep theme heading spacing compact */
.sayings-wisdom-page .sw-section-heading > img {
    margin-bottom: 8px !important;
}

.sayings-wisdom-page .sw-eyebrow {
    margin-bottom: 6px !important;
}

.sayings-wisdom-page .sw-heading-description {
    margin-top: 8px !important;
}

/* Align Previous / Next controls with the saying card edges */
.sayings-wisdom-page .sw-pagination {
    width: 100%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

/* Ensure the saying cards and pagination use the same width */
.sayings-wisdom-page .sw-saying-row {
    width: 100%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

/* Responsive spacing */
@media (max-width: 767px) {
    .sayings-wisdom-page .sw-sacred-section {
        padding-top: 22px !important;
        padding-bottom: 14px !important;
    }

    .sayings-wisdom-page .sw-themes-section {
        padding-top: 22px !important;
        padding-bottom: 42px !important;
    }

    .sayings-wisdom-page .sw-pagination {
        width: 100%;
        max-width: 100%;
    }

    .sayings-wisdom-page .sw-saying-row {
        width: 100%;
        max-width: 100%;
    }
}

/* 
.basava-vachanas-page .vachana-card {
    background: rgba(250, 247, 239, .96);
}

.basava-vachanas-page .buddha-highlight-box,
.basava-vachanas-page .buddha-article-source,
.basava-vachanas-page .buddha-references-card,
.basava-vachanas-page .basava-reference-item {
    background: rgba(250, 247, 239, .96);
} */


/* =====================================================
   BASAVA VACHANAS — FULL BLOCK HIGHLIGHT
===================================================== */

.basava-vachanas-page .vachana-card blockquote {
    background: #f5f0e6 !important;
    /* background: #eee4d3 !important; */
        /* background: rgba(250, 247, 239, .96); */
   
    padding: 24px 28px !important;
    border-radius: 6px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Text should not have an individual background */
.basava-vachanas-page mark.basava-blue-text {
    color: #073653 !important;
    background: transparent !important;
    -webkit-text-fill-color: #073653 !important;
    font-weight: 700 !important;
    padding: 0 !important;
    font-style: italic;
}

/* Keep paragraph spacing inside the highlighted block */
.basava-vachanas-page .vachana-card blockquote p {
    margin-bottom: 16px;
    line-height: 1.9;
}

.basava-vachanas-page .vachana-card blockquote p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   BUDDHA & BUDDHISM — QUOTE BOX STYLE
   Same style as Basava Vachanas
===================================================== */

.buddha-buddhism-page .buddha-article-content blockquote {
    /* background: #f5f0e6 !important; */
    background: #eee4d3 !important;
    padding: 24px 28px !important;
    border-radius: 6px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Quote text — bold, italic and dark navy blue */
.buddha-buddhism-page .buddha-article-content blockquote p,
.buddha-buddhism-page .buddha-article-content blockquote p * {
    color: #073653 !important;
    background: transparent !important;
    -webkit-text-fill-color: #073653 !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

/* Quote author */
.buddha-buddhism-page .buddha-article-content blockquote cite {
    color: #073653 !important;
    background: transparent !important;
    -webkit-text-fill-color: #073653 !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

/* Keep paragraph spacing inside the highlighted block */
.buddha-buddhism-page .buddha-article-content blockquote p {
    margin-bottom: 16px !important;
    line-height: 1.9 !important;
}

.buddha-buddhism-page .buddha-article-content blockquote p:last-child {
    margin-bottom: 0 !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
    .buddha-buddhism-page .buddha-article-content blockquote {
        padding: 18px !important;
    }
}

/* Gap between consecutive quotes in Hinayana and Mahayana */
.buddha-buddhism-page #mahayana blockquote + blockquote {
    margin-top: 24px !important;
}


/* Numbered points – Basava and Labour */
.buddha-buddhism-page .buddha-article-content ol li {
    font-size: 18px !important;
    line-height: inherit;
    margin-bottom: 12px;
}

.buddha-buddhism-page .buddha-article-content ol li:last-child {
    margin-bottom: 0;
}

/* =========================================
   ALLAMA PRABHU – GAP BETWEEN VACHANA CARDS
   This page only
========================================= */

.buddha-buddhism-page .buddha-article-content blockquote {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

/* First quote: remove unnecessary top gap */
.buddha-buddhism-page .buddha-article-content section blockquote:first-of-type {
    margin-top: 20px !important;
}

/* Space between paragraphs inside quote cards */
.buddha-buddhism-page .buddha-article-content blockquote p {
    margin-bottom: 0 !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .buddha-buddhism-page .buddha-article-content blockquote {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
}


/* =========================================================
   ALLAMA PRABHU – HIS LEGACY
   VACHANA / QUOTE CARDS — STRONG OVERRIDE
   Only this page
========================================================= */

html body .buddha-buddhism-page .buddha-article-content blockquote {
    display: block !important;
    background: #eee4d3 !important;
    background-color: #eee4d3 !important;

    padding: 24px 28px !important;

    border-radius: 6px !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;

    margin: 24px 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;

    color: #073653 !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    font-style: italic !important;
    line-height: 1.9 !important;

    box-shadow: none !important;
}

/* Quote text — works with direct text and nested elements */
html body .buddha-buddhism-page .buddha-article-content blockquote,
html body .buddha-buddhism-page .buddha-article-content blockquote p,
html body .buddha-buddhism-page .buddha-article-content blockquote p *,
html body .buddha-buddhism-page .buddha-article-content blockquote cite {
    color: #073653 !important;
    -webkit-text-fill-color: #073653 !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

/* Paragraph spacing inside quote cards */
html body .buddha-buddhism-page .buddha-article-content blockquote p {
    background: transparent !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    line-height: 1.9 !important;
}

html body .buddha-buddhism-page .buddha-article-content blockquote p:last-child {
    margin-bottom: 0 !important;
}

/* Ensure card background remains consistent */
html body .buddha-buddhism-page .buddha-article-content blockquote * {
    background-color: transparent !important;
}

/* Mobile responsive */
@media (max-width: 767px) {
    html body .buddha-buddhism-page .buddha-article-content blockquote {
        padding: 18px !important;
        margin: 16px 0 !important;
        line-height: 1.8 !important;
    }
}
/* Dark red thin vertical line on quote cards */
html body .buddha-buddhism-page .buddha-article-content blockquote {
    border-left: 3px solid #7b1e24 !important;
    padding-left: 24px !important;
}

/* Mobile adjustment */
@media (max-width: 767px) {
    html body .buddha-buddhism-page .buddha-article-content blockquote {
        border-left: 2px solid #7b1e24 !important;
        padding-left: 16px !important;
    }
}

/* =========================================
   BASAVA MISSION – REDUCE TOP SPACING
========================================= */

/* Reduce space above hero */
html body .basava-mission-page .great-sharanas-hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove unnecessary intro section spacing */
html body .basava-mission-page .buddha-article-intro {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

html body .basava-mission-page .buddha-article-intro .buddha-page-container {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Reduce space before article content */
html body .basava-mission-page .buddha-article-section {
    padding-top: 30px !important;
    margin-top: 0 !important;
}

/* Reduce extra top spacing inside article layout */
html body .basava-mission-page .buddha-article-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Reduce gap before main article title */
html body .basava-mission-page .buddha-article-content > .buddha-main-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
    html body .basava-mission-page .buddha-article-section {
        padding-top: 20px !important;
    }

    html body .basava-mission-page .buddha-article-content > .buddha-main-title {
        margin-top: 0 !important;
    }
}









/* words of wisdom */



/* =========================================================
   WORDS OF WISDOM
   Theme matched to Shiva-yoga
========================================================= */

.words-wisdom-page {
    --ww-navy: #073653;
    --ww-navy-dark: #05304a;
    --ww-ink: #0b3557;
    --ww-gold: #c98b27;
    --ww-gold-light: #e1a532;
    --ww-cream: #f8f3e9;
    --ww-paper: #faf7ef;
    --ww-line: #d5a35a;
    --ww-text: #2c241d;
    --ww-muted: #6f675d;
    --ww-white: #ffffff;

    --ww-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
    --ww-ui: "Aptos", "Segoe UI", Arial, sans-serif;

    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: clip;
    background: linear-gradient(90deg, #faf7ef, #f8f2e6 50%, #faf7ef);
    color: var(--ww-text);
    font-family: var(--ww-serif);
}

.words-wisdom-page *,
.words-wisdom-page *::before,
.words-wisdom-page *::after {
    box-sizing: border-box;
}

.words-wisdom-page img {
    max-width: 100%;
}

.words-wisdom-page h1,
.words-wisdom-page h2,
.words-wisdom-page h3,
.words-wisdom-page p {
    overflow-wrap: break-word;
}

.words-wisdom-page h1,
.words-wisdom-page h2,
.words-wisdom-page h3 {
    font-family: var(--ww-serif);
}

.words-wisdom-page p {
    margin-top: 0;
}

.words-wisdom-page .ww-container {
    width: min(1160px, calc(100% - 48px));
    margin-inline: auto;
}


/* =========================================================
   HERO
========================================================= */

.words-wisdom-page .ww-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 515px;
    padding: 75px 0 70px;
    overflow: hidden;
    background: var(--ww-navy-dark);
    color: var(--ww-white);
}

.words-wisdom-page .ww-hero-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("../image/hero-clean.jpg");
    background-position: center 48%;
    background-size: cover;
    background-repeat: no-repeat;
}

.words-wisdom-page .ww-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(18, 11, 7, 0.82) 0%,
            rgba(18, 11, 7, 0.58) 30%,
            rgba(18, 11, 7, 0.20) 58%,
            rgba(18, 11, 7, 0.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2, 43, 68, 0.08) 0%,
            rgba(2, 43, 68, 0.10) 55%,
            rgba(2, 43, 68, 0.40) 100%
        );
    pointer-events: none;
}

.words-wisdom-page .ww-hero-content {
    position: relative;
    z-index: 1;
    width: min(1440px, 100%);
    margin-inline: auto;
    padding-inline: 4.2vw;
}

.words-wisdom-page .ww-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 42px;
    color: rgba(255, 255, 255, 0.78);
    font-family: var(--ww-ui);
    font-size: 15px;
    line-height: 1.7;
}

.words-wisdom-page .ww-breadcrumb a {
    color: var(--ww-white);
    text-decoration: none;
    transition: color 0.2s ease;
}

.words-wisdom-page .ww-breadcrumb a:hover {
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-breadcrumb span {
    color: rgba(255, 255, 255, 0.76);
}

.words-wisdom-page .ww-breadcrumb span:not(:last-child) {
    padding: 0 10px;
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-eyebrow,
.words-wisdom-page .ww-section-kicker {
    display: block;
    color: #a86e1f;
    font-family: var(--ww-ui);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 3px;
    line-height: 1.6;
}

.words-wisdom-page .ww-hero .ww-eyebrow {
    margin-bottom: 14px;
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-hero h1 {
    margin: 0 0 12px;
    color: var(--ww-white);
    font-family: var(--ww-serif);
    font-size: clamp(48px, 5.3vw, 68px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.words-wisdom-page .ww-hero-subtitle {
    max-width: 760px;
    margin: 0;
    color: #e5aa3a;
    font-family: var(--ww-serif);
    font-size: clamp(21px, 2.2vw, 28px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.5;
}

.words-wisdom-page .ww-gold-rule {
    display: block;
    width: 84px;
    height: 3px;
    margin: 25px 0 22px;
    background: var(--ww-gold-light);
}

.words-wisdom-page .ww-hero-description {
    max-width: 690px;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-family: var(--ww-serif);
    font-size: 18px;
    line-height: 1.8;
}


/* =========================================================
   SHARED CREAM BACKGROUND
   All sections use the same Shiva-yoga gradient
========================================================= */

.words-wisdom-page .ww-opening,
.words-wisdom-page .ww-introduction,
.words-wisdom-page .ww-opening-teachings,
.words-wisdom-page .ww-sayings-section,
.words-wisdom-page .ww-closing {
    background: linear-gradient(90deg, #faf7ef, #f8f2e6 50%, #faf7ef);
}


/* =========================================================
   OPENING OM ORNAMENT
========================================================= */

.words-wisdom-page .ww-opening {
    position: relative;
}

.words-wisdom-page .ww-opening-inner {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 28px 46px 15px;
}

.words-wisdom-page .ww-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
}

.words-wisdom-page .ww-ornament > span {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--ww-line);
}

.words-wisdom-page .ww-ornament > i {
    display: grid;
    flex: 0 0 54px;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    color: var(--ww-gold);
    font-family: var(--ww-serif);
    font-size: 31px;
    font-style: normal;
    line-height: 1;
}


/* =========================================================
   SHARED SECTION HEADER
========================================================= */

.words-wisdom-page .ww-section-header {
    margin: 0 0 35px;
    text-align: center;
}

.words-wisdom-page .ww-section-header .ww-section-kicker {
    margin-bottom: 14px;
}

.words-wisdom-page .ww-section-header h2 {
    margin: 0;
    color: var(--ww-ink);
    /* font-family: var(--ww-serif); */
    font-family: "Source Serif 4" !important;
    font-size: clamp(20px, 2vw, 21px);
    font-weight: 500;
    line-height: 1.25;
    /* font-style: italic !important; */
    letter-spacing: -0.4px;
}

.words-wisdom-page .ww-header-rule {
    display: block;
    width: 54px;
    height: 1px;
    margin: 22px auto 0;
    background: var(--ww-line);
}


/* =========================================================
   INTRODUCTION
========================================================= */

.words-wisdom-page .ww-introduction {
    padding: 34px 0 42px;
}

.words-wisdom-page .ww-introduction .ww-section-header {
    margin-bottom: 27px;
}

.words-wisdom-page .ww-intro-content {
    width: min(850px, 100%);
    margin: 0 auto;
}

.words-wisdom-page .ww-intro-content p {
    margin: 0;
    color: var(--ww-text);
    font-family: var(--ww-serif);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.82;
    text-align: justify;
    text-justify: inter-word;
}


/* =========================================================
   OPENING TEACHINGS
========================================================= */

.words-wisdom-page .ww-opening-teachings {
    padding: 20px 0 55px;
}

.words-wisdom-page .ww-opening-teachings .ww-section-header {
    margin-bottom: 32px;
}

.words-wisdom-page .ww-opening-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

.words-wisdom-page .ww-opening-card {
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(201, 139, 39, 0.36);
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.42);
}

.words-wisdom-page .ww-opening-card-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 58px;
}

.words-wisdom-page .ww-card-om {
    display: grid;
    flex: 0 0 48px;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(201, 139, 39, 0.48);
    border-radius: 50%;
    background: transparent;
    color: var(--ww-gold);
    font-family: var(--ww-serif);
    font-size: 25px;
    line-height: 1;
}

.words-wisdom-page .ww-card-label {
    display: block;
    margin-bottom: 5px;
    color: #a86e1f;
    font-family: var(--ww-ui);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.words-wisdom-page .ww-opening-card h3 {
    margin: 0;
    color: var(--ww-ink);
    font-family: var(--ww-serif);
    font-size: 21px;
    font-weight: 500;
    line-height: 1.45;
}

.words-wisdom-page .ww-card-divider {
    display: block;
    height: 1px;
    margin: 23px 0;
    background: rgba(201, 139, 39, 0.4);
}

.words-wisdom-page .ww-opening-bilingual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px;
}

.words-wisdom-page .ww-opening-bilingual > div {
    min-width: 0;
}

.words-wisdom-page .ww-opening-bilingual > div + div {
    padding-left: 22px;
    border-left: 1px solid rgba(201, 139, 39, 0.4);
}

.words-wisdom-page .ww-opening-bilingual p,
.words-wisdom-page .ww-salt-verse p {
    margin: 0;
    color: var(--ww-text);
    font-family: var(--ww-serif);
    font-size: 16px;
    line-height: 1.9;
}

.words-wisdom-page .ww-opening-hindi p {
    color: #8b661e;
    font-size: 17px;
    line-height: 2;
}

.words-wisdom-page .ww-salt-verse {
    padding-left: 2px;
}


/* =========================================================
   WORDS OF WISDOM LIST
========================================================= */

.words-wisdom-page .ww-sayings-section {
    padding: 35px 0 55px;
}

.words-wisdom-page .ww-sayings-header {
    max-width: 780px;
    margin: 0 auto 38px;
}

.words-wisdom-page .ww-sayings-header h2 {
    font-size: clamp(30px, 3.5vw, 42px);
}

.words-wisdom-page .ww-sayings-header > p {
    max-width: 740px;
    margin: 18px auto 0;
    color: var(--ww-muted);
    font-family: var(--ww-serif);
    font-size: 17px;
    line-height: 1.8;
}

.words-wisdom-page .ww-sayings-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.words-wisdom-page .ww-saying-card {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    padding: 27px 28px;
    border: 1px solid rgba(201, 139, 39, 0.34);
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.43);
    animation: ww-card-enter 0.3s ease both;
}

.words-wisdom-page .ww-saying-number {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid var(--ww-line);
    border-radius: 50%;
    color: var(--ww-ink);
    font-family: var(--ww-serif);
    font-size: 20px;
    font-weight: 500;
}

.words-wisdom-page .ww-saying-content {
    min-width: 0;
}

.words-wisdom-page .ww-saying-label {
    display: block;
    margin: 0 0 16px;
    color: #a86e1f;
    font-family: var(--ww-ui);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 2px;
    line-height: 1.6;
}

.words-wisdom-page .ww-bilingual {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 27px;
}

.words-wisdom-page .ww-bilingual p {
    margin: 0;
    font-family: var(--ww-serif);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.82;
    overflow-wrap: anywhere;
}

.words-wisdom-page .ww-saying-hindi {
    padding-right: 24px;
    border-right: 1px solid rgba(201, 139, 39, 0.42);
    color: #8b661e;
}

.words-wisdom-page .ww-saying-english {
    color: var(--ww-text);
    text-align: justify;
    text-justify: inter-word;
}

@keyframes ww-card-enter {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   LOAD MORE
========================================================= */

.words-wisdom-page .ww-load-more-wrap {
    margin-top: 34px;
    text-align: center;
}

.words-wisdom-page .ww-status {
    margin: 0 0 16px;
    color: var(--ww-muted);
    font-family: var(--ww-serif);
    font-size: 15px;
    font-style: italic;
}

.words-wisdom-page .ww-load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid var(--ww-gold);
    border-radius: 2px;
    background: transparent;
    color: var(--ww-ink);
    font-family: var(--ww-ui);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.words-wisdom-page .ww-load-more:hover {
    background: var(--ww-navy);
    border-color: var(--ww-navy);
    color: var(--ww-white);
}

.words-wisdom-page .ww-load-more:focus-visible {
    outline: 2px solid var(--ww-navy);
    outline-offset: 4px;
}

.words-wisdom-page .ww-load-range {
    color: var(--ww-gold);
}

.words-wisdom-page .ww-load-more:hover .ww-load-range {
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-load-arrow {
    font-size: 17px;
    line-height: 1;
}

.words-wisdom-page .ww-load-more[hidden] {
    display: none;
}


/* =========================================================
   CLOSING — MATCHED TO SHIVA-YOGA
========================================================= */

.words-wisdom-page .ww-closing {
    padding: 0 24px 38px;
    text-align: center;
}

.words-wisdom-page .ww-closing-inner {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.words-wisdom-page .ww-ornament-small {
    gap: 20px;
}

.words-wisdom-page .ww-ornament-small > span {
    width: min(300px, 35%);
}

.words-wisdom-page .ww-ornament-small > i {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: var(--ww-gold);
    font-size: 14px;
    line-height: 1;
}

.words-wisdom-page .ww-closing p {
    max-width: 800px;
    margin: 15px auto 0;
    color: var(--ww-ink);
    font-family: var(--ww-serif);
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.65;
}

.words-wisdom-page .ww-closing-rule {
    display: block;
    width: 60px;
    height: 2px;
    margin: 20px auto 0;
    background: var(--ww-gold);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {
    .words-wisdom-page .ww-hero {
        min-height: 500px;
    }

    .words-wisdom-page .ww-hero-content {
        padding-inline: 30px;
    }

    .words-wisdom-page .ww-opening-inner {
        padding: 24px 30px 12px;
    }

    .words-wisdom-page .ww-opening-card {
        padding: 23px;
    }

    .words-wisdom-page .ww-opening-bilingual {
        gap: 17px;
    }

    .words-wisdom-page .ww-opening-bilingual > div + div {
        padding-left: 16px;
    }

    .words-wisdom-page .ww-saying-card {
        gap: 19px;
        padding: 24px;
    }

    .words-wisdom-page .ww-bilingual {
        gap: 20px;
    }

    .words-wisdom-page .ww-saying-hindi {
        padding-right: 18px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {
    .words-wisdom-page .ww-container {
        width: calc(100% - 36px);
    }

    .words-wisdom-page .ww-hero {
        min-height: 500px;
        padding: 25px 0 38px;
    }

    .words-wisdom-page .ww-hero-image {
        background-position: center center;
    }

    .words-wisdom-page .ww-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, 0.60) 0%,
                rgba(18, 11, 7, 0.35) 38%,
                rgba(18, 11, 7, 0.75) 100%
            );
    }

    .words-wisdom-page .ww-hero-content {
        width: 100%;
        padding: 0 18px;
    }

    .words-wisdom-page .ww-breadcrumb {
        gap: 0;
        margin-bottom: 78px;
        font-size: 13px;
        line-height: 1.7;
    }

    .words-wisdom-page .ww-breadcrumb span:not(:last-child) {
        padding-inline: 6px;
    }

    .words-wisdom-page .ww-eyebrow,
    .words-wisdom-page .ww-section-kicker {
        font-size: 10px;
        letter-spacing: 2.2px;
    }

    .words-wisdom-page .ww-hero h1 {
        margin-bottom: 10px;
        font-size: 45px;
        line-height: 1.08;
    }

    .words-wisdom-page .ww-hero-subtitle {
        font-size: 21px;
        line-height: 1.45;
    }

    .words-wisdom-page .ww-gold-rule {
        width: 65px;
        height: 2px;
        margin: 20px 0;
    }

    .words-wisdom-page .ww-hero-description {
        font-size: 16px;
        line-height: 1.75;
    }

    .words-wisdom-page .ww-opening-inner {
        padding: 22px 18px 10px;
    }

    .words-wisdom-page .ww-ornament {
        gap: 10px;
    }

    .words-wisdom-page .ww-ornament > span {
        width: auto;
        flex: 1;
    }

    .words-wisdom-page .ww-ornament > i {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .words-wisdom-page .ww-introduction {
        padding: 28px 0 34px;
    }

    .words-wisdom-page .ww-section-header {
        margin-bottom: 25px;
    }

    .words-wisdom-page .ww-section-header .ww-section-kicker {
        margin-bottom: 11px;
    }

    .words-wisdom-page .ww-section-header h2 {
        font-size: 21px;
        line-height: 1.25;
    }

    .words-wisdom-page .ww-header-rule {
        margin-top: 18px;
    }

    .words-wisdom-page .ww-intro-content p {
        font-size: 17px;
        line-height: 1.75;
        text-align: left;
    }

    .words-wisdom-page .ww-opening-teachings {
        padding: 8px 0 38px;
    }

    .words-wisdom-page .ww-opening-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .words-wisdom-page .ww-opening-card {
        padding: 21px 18px;
    }

    .words-wisdom-page .ww-opening-card-heading {
        gap: 12px;
    }

    .words-wisdom-page .ww-card-om {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        font-size: 23px;
    }

    .words-wisdom-page .ww-opening-card h3 {
        font-size: 19px;
    }

    .words-wisdom-page .ww-card-divider {
        margin: 18px 0;
    }

    .words-wisdom-page .ww-opening-bilingual {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .words-wisdom-page .ww-opening-bilingual > div + div {
        padding: 15px 0 0;
        border-top: 1px solid rgba(201, 139, 39, 0.4);
        border-left: 0;
    }

    .words-wisdom-page .ww-opening-bilingual p,
    .words-wisdom-page .ww-salt-verse p {
        font-size: 16px;
        line-height: 1.8;
    }

    .words-wisdom-page .ww-opening-hindi p {
        font-size: 17px;
        line-height: 1.9;
    }

    .words-wisdom-page .ww-sayings-section {
        padding: 25px 0 38px;
    }

    .words-wisdom-page .ww-sayings-header {
        margin-bottom: 27px;
    }

    .words-wisdom-page .ww-sayings-header h2 {
        font-size: 31px;
    }

    .words-wisdom-page .ww-sayings-header > p {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.75;
    }

    .words-wisdom-page .ww-sayings-list {
        gap: 15px;
    }

    .words-wisdom-page .ww-saying-card {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 13px;
    }

    .words-wisdom-page .ww-saying-number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .words-wisdom-page .ww-saying-label {
        margin-bottom: 12px;
        font-size: 9px;
        letter-spacing: 1.3px;
    }

    .words-wisdom-page .ww-bilingual {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .words-wisdom-page .ww-bilingual p {
        font-size: 17px;
        line-height: 1.75;
    }

    .words-wisdom-page .ww-saying-hindi {
        padding: 0 0 13px;
        border-right: 0;
        border-bottom: 1px solid rgba(201, 139, 39, 0.4);
    }

    .words-wisdom-page .ww-saying-english {
        text-align: left;
    }

    .words-wisdom-page .ww-load-more-wrap {
        margin-top: 27px;
    }

    .words-wisdom-page .ww-load-more {
        gap: 9px;
        min-height: 45px;
        padding: 10px 13px;
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    .words-wisdom-page .ww-closing {
        padding: 0 18px 28px;
    }

    .words-wisdom-page .ww-ornament-small {
        gap: 12px;
    }

    .words-wisdom-page .ww-ornament-small > i {
        flex-basis: auto;
        width: auto;
        height: auto;
        font-size: 13px;
    }

    .words-wisdom-page .ww-closing p {
        margin-top: 13px;
        font-size: 18px;
        line-height: 1.55;
    }

    .words-wisdom-page .ww-closing-rule {
        margin-top: 17px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .words-wisdom-page .ww-container {
        width: calc(100% - 30px);
    }

    .words-wisdom-page .ww-hero {
        min-height: 470px;
    }

    .words-wisdom-page .ww-hero-content {
        padding-inline: 15px;
    }

    .words-wisdom-page .ww-breadcrumb {
        margin-bottom: 65px;
        font-size: 11px;
    }

    .words-wisdom-page .ww-hero h1 {
        font-size: 39px;
    }

    .words-wisdom-page .ww-hero-subtitle {
        font-size: 18px;
    }

    .words-wisdom-page .ww-section-header h2 {
        font-size: 27px;
    }

    .words-wisdom-page .ww-opening-card {
        padding: 18px 14px;
    }

    .words-wisdom-page .ww-saying-card {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 10px;
        padding: 16px 10px;
    }

    .words-wisdom-page .ww-saying-number {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .words-wisdom-page .ww-bilingual p {
        font-size: 16px;
    }

    .words-wisdom-page .ww-closing {
        padding-right: 15px;
        padding-left: 15px;
    }

    .words-wisdom-page .ww-closing p {
        font-size: 17px;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .words-wisdom-page *,
    .words-wisdom-page *::before,
    .words-wisdom-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* =========================================================
   WORDS OF WISDOM
   Theme matched to Shiva-yoga
========================================================= */

.words-wisdom-page {
    --ww-navy: #073653;
    --ww-navy-dark: #05304a;
    --ww-ink: #0b3557;
    --ww-gold: #c98b27;
    --ww-gold-light: #e1a532;
    --ww-cream: #f8f3e9;
    --ww-paper: #faf7ef;
    --ww-line: #d5a35a;
    --ww-text: #2c241d;
    --ww-muted: #6f675d;
    --ww-white: #ffffff;

    --ww-serif: "Source Serif 4";
    --ww-ui: "Aptos", "Segoe UI", Arial, sans-serif;

    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: clip;
    background: linear-gradient(90deg, #faf7ef, #f8f2e6 50%, #faf7ef);
    color: var(--ww-text);
    font-family: var(--ww-serif);
}

.words-wisdom-page *,
.words-wisdom-page *::before,
.words-wisdom-page *::after {
    box-sizing: border-box;
}

.words-wisdom-page img {
    max-width: 100%;
}

.words-wisdom-page h1,
.words-wisdom-page h2,
.words-wisdom-page h3,
.words-wisdom-page p {
    overflow-wrap: break-word;
}

.words-wisdom-page h1,
.words-wisdom-page h2,
.words-wisdom-page h3 {
    font-family: var(--ww-serif);
}

.words-wisdom-page p {
    margin-top: 0;
}

.words-wisdom-page .ww-container {
    width: min(1160px, calc(100% - 48px));
    margin-inline: auto;
}


/* =========================================================
   HERO
========================================================= */

.words-wisdom-page .ww-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 515px;
    padding: 75px 0 70px;
    overflow: hidden;
    background: var(--ww-navy-dark);
    color: var(--ww-white);
}

.words-wisdom-page .ww-hero-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("../image/hero-clean.jpg");
    background-position: center 48%;
    background-size: cover;
    background-repeat: no-repeat;
}

.words-wisdom-page .ww-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(18, 11, 7, 0.82) 0%,
            rgba(18, 11, 7, 0.58) 30%,
            rgba(18, 11, 7, 0.20) 58%,
            rgba(18, 11, 7, 0.08) 100%
        ),
        linear-gradient(
            180deg,
            rgba(2, 43, 68, 0.08) 0%,
            rgba(2, 43, 68, 0.10) 55%,
            rgba(2, 43, 68, 0.40) 100%
        );
    pointer-events: none;
}

.words-wisdom-page .ww-hero-content {
    position: relative;
    z-index: 1;
    width: min(1440px, 100%);
    margin-inline: auto;
    padding-inline: 4.2vw;
}

.words-wisdom-page .ww-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 42px;
    color: rgba(255, 255, 255, 0.78);
    font-family: var(--ww-ui);
    font-size: 15px;
    line-height: 1.7;
}

.words-wisdom-page .ww-breadcrumb a {
    color: var(--ww-white);
    text-decoration: none;
    transition: color 0.2s ease;
}

.words-wisdom-page .ww-breadcrumb a:hover {
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-breadcrumb span {
    color: rgba(255, 255, 255, 0.76);
}

.words-wisdom-page .ww-breadcrumb span:not(:last-child) {
    padding: 0 10px;
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-eyebrow,
.words-wisdom-page .ww-section-kicker {
    display: block;
    color: #a86e1f;
    font-family: var(--ww-ui);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 3px;
    line-height: 1.6;
}

.words-wisdom-page .ww-hero .ww-eyebrow {
    margin-bottom: 14px;
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-hero h1 {
    margin: 0 0 12px;
    color: var(--ww-white);
    font-family: var(--ww-serif);
    font-size: clamp(48px, 5.3vw, 68px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.words-wisdom-page .ww-hero-subtitle {
    max-width: 760px;
    margin: 0;
    color: #e5aa3a;
    font-family: var(--ww-serif);
    font-size: clamp(21px, 2.2vw, 28px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.5;
}

.words-wisdom-page .ww-gold-rule {
    display: block;
    width: 84px;
    height: 3px;
    margin: 25px 0 22px;
    background: var(--ww-gold-light);
}

.words-wisdom-page .ww-hero-description {
    max-width: 690px;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-family: var(--ww-serif);
    font-size: 18px;
    line-height: 1.8;
}


/* =========================================================
   SHARED CREAM BACKGROUND
   All sections use the same Shiva-yoga gradient
========================================================= */

.words-wisdom-page .ww-opening,
.words-wisdom-page .ww-introduction,
.words-wisdom-page .ww-opening-teachings,
.words-wisdom-page .ww-sayings-section,
.words-wisdom-page .ww-closing {
    background: linear-gradient(90deg, #faf7ef, #f8f2e6 50%, #faf7ef);
}


/* =========================================================
   OPENING OM ORNAMENT
========================================================= */

.words-wisdom-page .ww-opening {
    position: relative;
}

.words-wisdom-page .ww-opening-inner {
    width: min(1440px, 100%);
    margin: 0 auto;
    padding: 28px 46px 15px;
}

.words-wisdom-page .ww-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
}

.words-wisdom-page .ww-ornament > span {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--ww-line);
}

.words-wisdom-page .ww-ornament > i {
    display: grid;
    flex: 0 0 54px;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    color: var(--ww-gold);
    font-family: var(--ww-serif);
    font-size: 31px;
    font-style: normal;
    line-height: 1;
}


/* =========================================================
   SHARED SECTION HEADER
========================================================= */

.words-wisdom-page .ww-section-header {
    margin: 0 0 35px;
    text-align: center;
}

.words-wisdom-page .ww-section-header .ww-section-kicker {
    margin-bottom: 14px;
}

.words-wisdom-page .ww-section-header h2 {
    margin: 0;
    color: var(--ww-ink);
    /* font-family: var(--ww-serif); */
    font-family: "Source Serif 4";
    font-size: clamp(28px, 2vw, 24px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.4px;
}

.words-wisdom-page .ww-header-rule {
    display: block;
    width: 54px;
    height: 1px;
    margin: 22px auto 0;
    background: var(--ww-line);
}


/* =========================================================
   INTRODUCTION
========================================================= */

.words-wisdom-page .ww-introduction {
    padding: 34px 0 42px;
}

.words-wisdom-page .ww-introduction .ww-section-header {
    margin-bottom: 27px;
}

.words-wisdom-page .ww-intro-content {
    width: min(850px, 100%);
    margin: 0 auto;
}

.words-wisdom-page .ww-intro-content p {
    margin: 0;
    color: var(--ww-text);
    /* font-family: var(--ww-serif); */
    font-family: "Source Serif 4";
    font-size: 19px;
    font-weight: 400;
    line-height: 1.82;
    text-align: left;
    text-justify: inter-word;
}


/* =========================================================
   OPENING TEACHINGS
========================================================= */

.words-wisdom-page .ww-opening-teachings {
    padding: 20px 0 55px;
}

.words-wisdom-page .ww-opening-teachings .ww-section-header {
    margin-bottom: 32px;
}

.words-wisdom-page .ww-opening-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

.words-wisdom-page .ww-opening-card {
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(201, 139, 39, 0.36);
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.42);
}

.words-wisdom-page .ww-opening-card-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 58px;
}

.words-wisdom-page .ww-card-om {
    display: grid;
    flex: 0 0 48px;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(201, 139, 39, 0.48);
    border-radius: 50%;
    background: transparent;
    color: var(--ww-gold);
    font-family: var(--ww-serif);
    font-size: 25px;
    line-height: 1;
}

.words-wisdom-page .ww-card-label {
    display: block;
    margin-bottom: 5px;
    color: #a86e1f;
    font-family: var(--ww-ui);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 1.8px;
    line-height: 1.6;
}

.words-wisdom-page .ww-opening-card h3 {
    margin: 0;
    color: var(--ww-ink);
    font-family: var(--ww-serif);
    font-size: 21px;
    font-weight: 500;
    line-height: 1.45;
}

.words-wisdom-page .ww-card-divider {
    display: block;
    height: 1px;
    margin: 23px 0;
    background: rgba(201, 139, 39, 0.4);
}

.words-wisdom-page .ww-opening-bilingual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px;
}

.words-wisdom-page .ww-opening-bilingual > div {
    min-width: 0;
}

.words-wisdom-page .ww-opening-bilingual > div + div {
    padding-left: 22px;
    border-left: 1px solid rgba(201, 139, 39, 0.4);
}

.words-wisdom-page .ww-opening-bilingual p,
.words-wisdom-page .ww-salt-verse p {
    margin: 0;
    color: var(--ww-text);
    /* font-family: var(--ww-serif); */
    font-family: "Source Serif 4";
    font-size: 18px;
    line-height: 1.9;
}

.words-wisdom-page .ww-opening-hindi p {
    color: #8b661e;
    font-size: 17px;
    line-height: 2;
}

.words-wisdom-page .ww-salt-verse {
    padding-left: 2px;
}


/* =========================================================
   WORDS OF WISDOM LIST
========================================================= */

.words-wisdom-page .ww-sayings-section {
    padding: 35px 0 55px;
}

.words-wisdom-page .ww-sayings-header {
    max-width: 780px;
    margin: 0 auto 38px;
}

.words-wisdom-page .ww-sayings-header h2 {
    font-size: clamp(30px, 3vw, 26px);
}

.words-wisdom-page .ww-sayings-header > p {
    max-width: 740px;
    margin: 18px auto 0;
    color: var(--ww-muted);
    font-family: var(--ww-serif);
    font-size: 17px;
    line-height: 1.8;
}

.words-wisdom-page .ww-sayings-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.words-wisdom-page .ww-saying-card {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    padding: 27px 28px;
    border: 1px solid rgba(201, 139, 39, 0.34);
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.43);
    animation: ww-card-enter 0.3s ease both;
}

.words-wisdom-page .ww-saying-number {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid var(--ww-line);
    border-radius: 50%;
    color: var(--ww-ink);
    font-family: var(--ww-serif);
    font-size: 20px;
    font-weight: 500;
}

.words-wisdom-page .ww-saying-content {
    min-width: 0;
}

.words-wisdom-page .ww-saying-label {
    display: block;
    margin: 0 0 16px;
    color: #a86e1f;
    font-family: var(--ww-ui);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 2px;
    line-height: 1.6;
}

.words-wisdom-page .ww-bilingual {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 27px;
}

.words-wisdom-page .ww-bilingual p {
    margin: 0;
    font-family: var(--ww-serif);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.82;
    overflow-wrap: anywhere;
}

.words-wisdom-page .ww-saying-hindi {
    padding-right: 24px;
    border-right: 1px solid rgba(201, 139, 39, 0.42);
    color: #8b661e;
}

.words-wisdom-page .ww-saying-english {
    color: var(--ww-text);
    text-align: justify;
    text-justify: inter-word;
}

@keyframes ww-card-enter {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   LOAD MORE
========================================================= */

.words-wisdom-page .ww-load-more-wrap {
    margin-top: 34px;
    text-align: center;
}

.words-wisdom-page .ww-status {
    margin: 0 0 16px;
    color: var(--ww-muted);
    font-family: var(--ww-serif);
    font-size: 15px;
    font-style: italic;
}

.words-wisdom-page .ww-load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 48px;
    padding: 12px 22px;
    border: 1px solid var(--ww-gold);
    border-radius: 2px;
    background: transparent;
    color: var(--ww-ink);
    font-family: var(--ww-ui);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.words-wisdom-page .ww-load-more:hover {
    background: var(--ww-navy);
    border-color: var(--ww-navy);
    color: var(--ww-white);
}

.words-wisdom-page .ww-load-more:focus-visible {
    outline: 2px solid var(--ww-navy);
    outline-offset: 4px;
}

.words-wisdom-page .ww-load-range {
    color: var(--ww-gold);
}

.words-wisdom-page .ww-load-more:hover .ww-load-range {
    color: var(--ww-gold-light);
}

.words-wisdom-page .ww-load-arrow {
    font-size: 17px;
    line-height: 1;
}

.words-wisdom-page .ww-load-more[hidden] {
    display: none;
}


/* =========================================================
   CLOSING — MATCHED TO SHIVA-YOGA
========================================================= */

.words-wisdom-page .ww-closing {
    padding: 0 24px 38px;
    text-align: center;
}

.words-wisdom-page .ww-closing-inner {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.words-wisdom-page .ww-ornament-small {
    gap: 20px;
}

.words-wisdom-page .ww-ornament-small > span {
    width: min(300px, 35%);
}

.words-wisdom-page .ww-ornament-small > i {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: var(--ww-gold);
    font-size: 14px;
    line-height: 1;
}

.words-wisdom-page .ww-closing p {
    max-width: 800px;
    margin: 15px auto 0;
    color: var(--ww-ink);
    font-family: var(--ww-serif);
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.65;
}

.words-wisdom-page .ww-closing-rule {
    display: block;
    width: 60px;
    height: 2px;
    margin: 20px auto 0;
    background: var(--ww-gold);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {
    .words-wisdom-page .ww-hero {
        min-height: 500px;
    }

    .words-wisdom-page .ww-hero-content {
        padding-inline: 30px;
    }

    .words-wisdom-page .ww-opening-inner {
        padding: 24px 30px 12px;
    }

    .words-wisdom-page .ww-opening-card {
        padding: 23px;
    }

    .words-wisdom-page .ww-opening-bilingual {
        gap: 17px;
    }

    .words-wisdom-page .ww-opening-bilingual > div + div {
        padding-left: 16px;
    }

    .words-wisdom-page .ww-saying-card {
        gap: 19px;
        padding: 24px;
    }

    .words-wisdom-page .ww-bilingual {
        gap: 20px;
    }

    .words-wisdom-page .ww-saying-hindi {
        padding-right: 18px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {
    .words-wisdom-page .ww-container {
        width: calc(100% - 36px);
    }

    .words-wisdom-page .ww-hero {
        min-height: 500px;
        padding: 25px 0 38px;
    }

    .words-wisdom-page .ww-hero-image {
        background-position: center center;
    }

    .words-wisdom-page .ww-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(18, 11, 7, 0.60) 0%,
                rgba(18, 11, 7, 0.35) 38%,
                rgba(18, 11, 7, 0.75) 100%
            );
    }

    .words-wisdom-page .ww-hero-content {
        width: 100%;
        padding: 0 18px;
    }

    .words-wisdom-page .ww-breadcrumb {
        gap: 0;
        margin-bottom: 78px;
        font-size: 13px;
        line-height: 1.7;
    }

    .words-wisdom-page .ww-breadcrumb span:not(:last-child) {
        padding-inline: 6px;
    }

    .words-wisdom-page .ww-eyebrow,
    .words-wisdom-page .ww-section-kicker {
        font-size: 10px;
        letter-spacing: 2.2px;
    }

    .words-wisdom-page .ww-hero h1 {
        margin-bottom: 10px;
        font-size: 45px;
        line-height: 1.08;
    }

    .words-wisdom-page .ww-hero-subtitle {
        font-size: 21px;
        line-height: 1.45;
    }

    .words-wisdom-page .ww-gold-rule {
        width: 65px;
        height: 2px;
        margin: 20px 0;
    }

    .words-wisdom-page .ww-hero-description {
        font-size: 16px;
        line-height: 1.75;
    }

    .words-wisdom-page .ww-opening-inner {
        padding: 22px 18px 10px;
    }

    .words-wisdom-page .ww-ornament {
        gap: 10px;
    }

    .words-wisdom-page .ww-ornament > span {
        width: auto;
        flex: 1;
    }

    .words-wisdom-page .ww-ornament > i {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .words-wisdom-page .ww-introduction {
        padding: 28px 0 34px;
    }

    .words-wisdom-page .ww-section-header {
        margin-bottom: 25px;
    }

    .words-wisdom-page .ww-section-header .ww-section-kicker {
        margin-bottom: 11px;
    }

    .words-wisdom-page .ww-section-header h2 {
        font-size: 26px;
        line-height: 1.25;
    }

    .words-wisdom-page .ww-header-rule {
        margin-top: 18px;
    }

    .words-wisdom-page .ww-intro-content p {
        font-size: 17px;
        line-height: 1.75;
        text-align: left;
    }

    .words-wisdom-page .ww-opening-teachings {
        padding: 8px 0 38px;
    }

    .words-wisdom-page .ww-opening-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .words-wisdom-page .ww-opening-card {
        padding: 21px 18px;
    }

    .words-wisdom-page .ww-opening-card-heading {
        gap: 12px;
    }

    .words-wisdom-page .ww-card-om {
        flex-basis: 43px;
        width: 43px;
        height: 43px;
        font-size: 23px;
    }

    .words-wisdom-page .ww-opening-card h3 {
        font-size: 19px;
    }

    .words-wisdom-page .ww-card-divider {
        margin: 18px 0;
    }

    .words-wisdom-page .ww-opening-bilingual {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .words-wisdom-page .ww-opening-bilingual > div + div {
        padding: 15px 0 0;
        border-top: 1px solid rgba(201, 139, 39, 0.4);
        border-left: 0;
    }

    .words-wisdom-page .ww-opening-bilingual p,
    .words-wisdom-page .ww-salt-verse p {
        font-size: 16px;
        line-height: 1.8;
    }

    .words-wisdom-page .ww-opening-hindi p {
        font-size: 17px;
        line-height: 1.9;
    }

    .words-wisdom-page .ww-sayings-section {
        padding: 25px 0 38px;
    }

    .words-wisdom-page .ww-sayings-header {
        margin-bottom: 27px;
    }

    .words-wisdom-page .ww-sayings-header h2 {
        font-size: 31px;
    }

    .words-wisdom-page .ww-sayings-header > p {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.75;
    }

    .words-wisdom-page .ww-sayings-list {
        gap: 15px;
    }

    .words-wisdom-page .ww-saying-card {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 13px;
    }

    .words-wisdom-page .ww-saying-number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .words-wisdom-page .ww-saying-label {
        margin-bottom: 12px;
        font-size: 9px;
        letter-spacing: 1.3px;
    }

    .words-wisdom-page .ww-bilingual {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .words-wisdom-page .ww-bilingual p {
        font-size: 17px;
        line-height: 1.75;
    }

    .words-wisdom-page .ww-saying-hindi {
        padding: 0 0 13px;
        border-right: 0;
        border-bottom: 1px solid rgba(201, 139, 39, 0.4);
    }

    .words-wisdom-page .ww-saying-english {
        text-align: left;
    }

    .words-wisdom-page .ww-load-more-wrap {
        margin-top: 27px;
    }

    .words-wisdom-page .ww-load-more {
        gap: 9px;
        min-height: 45px;
        padding: 10px 13px;
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    .words-wisdom-page .ww-closing {
        padding: 0 18px 28px;
    }

    .words-wisdom-page .ww-ornament-small {
        gap: 12px;
    }

    .words-wisdom-page .ww-ornament-small > i {
        flex-basis: auto;
        width: auto;
        height: auto;
        font-size: 13px;
    }

    .words-wisdom-page .ww-closing p {
        margin-top: 13px;
        font-size: 18px;
        line-height: 1.55;
    }

    .words-wisdom-page .ww-closing-rule {
        margin-top: 17px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .words-wisdom-page .ww-container {
        width: calc(100% - 30px);
    }

    .words-wisdom-page .ww-hero {
        min-height: 470px;
    }

    .words-wisdom-page .ww-hero-content {
        padding-inline: 15px;
    }

    .words-wisdom-page .ww-breadcrumb {
        margin-bottom: 65px;
        font-size: 11px;
    }

    .words-wisdom-page .ww-hero h1 {
        font-size: 39px;
    }

    .words-wisdom-page .ww-hero-subtitle {
        font-size: 18px;
    }

    .words-wisdom-page .ww-section-header h2 {
        font-size: 27px;
    }

    .words-wisdom-page .ww-opening-card {
        padding: 18px 14px;
    }

    .words-wisdom-page .ww-saying-card {
        grid-template-columns: 35px minmax(0, 1fr);
        gap: 10px;
        padding: 16px 10px;
    }

    .words-wisdom-page .ww-saying-number {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .words-wisdom-page .ww-bilingual p {
        font-size: 16px;
    }

    .words-wisdom-page .ww-closing {
        padding-right: 15px;
        padding-left: 15px;
    }

    .words-wisdom-page .ww-closing p {
        font-size: 17px;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .words-wisdom-page *,
    .words-wisdom-page *::before,
    .words-wisdom-page *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* Slightly reduce gap between sections */
.words-wisdom-page .ww-introduction {
    padding-top: 20px !important;
    padding-bottom: 25px !important;
}

.words-wisdom-page .ww-opening-teachings {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.words-wisdom-page .ww-sayings-section {
    padding-top: 25px !important;
}

/* Heading spacing */
.words-wisdom-page .ww-section-header {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

.words-wisdom-page .ww-section-header h2 {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}

.words-wisdom-page .ww-section-kicker {
    margin-bottom: 5px !important;
}

.words-wisdom-page .ww-header-rule {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* OM ornament spacing */
.words-wisdom-page .ww-opening {
    padding-bottom: 10px !important;
}

.words-wisdom-page .ww-opening-inner {
    padding-bottom: 5px !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
    .words-wisdom-page .ww-introduction {
        padding-top: 15px !important;
        padding-bottom: 18px !important;
    }

    .words-wisdom-page .ww-opening-teachings {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .words-wisdom-page .ww-sayings-section {
        padding-top: 18px !important;
    }

    .words-wisdom-page .ww-section-header {
        margin-bottom: 12px !important;
    }
}





/* Slightly reduce section spacing */
main.sayings-wisdom-page section.sw-sacred-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

main.sayings-wisdom-page section.sw-themes-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

main.sayings-wisdom-page section.sw-reading-section {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

main.sayings-wisdom-page section.sw-closing {
    padding-top: 22px !important;
    padding-bottom: 25px !important;
}

/* Heading ke aas-paas thoda kam gap */
.sayings-wisdom-page .sw-section-heading {
    margin-bottom: 18px !important;
}

.sayings-wisdom-page .sw-section-heading h2 {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}

.sayings-wisdom-page .sw-heading-description {
    margin-top: 6px !important;
}

/* Mobile */
@media (max-width: 767px) {
    main.sayings-wisdom-page section.sw-sacred-section,
    main.sayings-wisdom-page section.sw-themes-section {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    main.sayings-wisdom-page section.sw-reading-section {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    main.sayings-wisdom-page section.sw-closing {
        padding-top: 18px !important;
        padding-bottom: 20px !important;
    }
}



/* jewels of life */



/* ==========================================================
   JEWELS OF WISDOM
   Page-specific styling
   ========================================================== */

.jewels-wisdom-page {
    --jow-navy: #073653;
    --jow-deep-navy: #05304a;
    --jow-gold: #c98b27;
    --jow-gold-light: #e1a532;
    --jow-cream: #f8f3e9;
    --jow-cream-light: #faf7ef;
    --jow-text: #2c241d;
    --jow-muted: #6f675d;
    --jow-border: #d5c6aa;

    --jow-background:
        linear-gradient(
            90deg,
            #faf7ef 0%,
            #f8f2e6 50%,
            #faf7ef 100%
        );

    --jow-serif:
        "Source Serif 4";

    --jow-ui:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    width: 100%;
    margin: 0;
    padding: 0;
    overflow: clip;
    color: var(--jow-text);
    background: var(--jow-background);
    font-family: var(--jow-serif);
}

.jewels-wisdom-page *,
.jewels-wisdom-page *::before,
.jewels-wisdom-page *::after {
    box-sizing: border-box;
}

.jewels-wisdom-page img {
    max-width: 100%;
}

.jewels-wisdom-page .jow-container {
    width: min(1160px, calc(100% - 48px));
    margin-inline: auto;
}


/* ==========================================================
   HERO
========================================================== */

.jewels-wisdom-page .jow-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 570px;
    padding: 90px 0 65px;
    isolation: isolate;
    background: var(--jow-cream);
}

.jewels-wisdom-page .jow-hero-image,
.jewels-wisdom-page .jow-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.jewels-wisdom-page .jow-hero-image {
    background-image: url("../image/hero-clean.jpg");
    background-size: cover;
    background-position: center 48%;
    transform: scale(1.001);
}

.jewels-wisdom-page .jow-hero-overlay {
    z-index: -1;
    background:
        linear-gradient(
            90deg,
            rgba(250, 247, 242, 0.97) 0%,
            rgba(250, 247, 242, 0.91) 37%,
            rgba(250, 247, 242, 0.68) 68%,
            rgba(250, 247, 242, 0.36) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8, 46, 74, 0.08),
            transparent 50%
        );
}

.jewels-wisdom-page .jow-hero-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 415px;
}

.jewels-wisdom-page .jow-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 52px;
    color: #68675f;
    font-family: var(--jow-ui);
    font-size: 12px;
    letter-spacing: 0.2px;
}

.jewels-wisdom-page .jow-breadcrumb a {
    color: var(--jow-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.jewels-wisdom-page .jow-breadcrumb a:hover {
    color: var(--jow-gold);
}

.jewels-wisdom-page .jow-breadcrumb > span:last-child {
    color: #82704d;
}

.jewels-wisdom-page .jow-hero-copy {
    max-width: 700px;
    padding-bottom: 28px;
}

.jewels-wisdom-page .jow-eyebrow,
.jewels-wisdom-page .jow-section-kicker {
    display: block;
    color: #a86e1f;
    /* font-family: var(--jow-ui); */
    font-family: "Source Serif 4";
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.8;
}

.jewels-wisdom-page .jow-hero-copy h1 {
    margin: 13px 0 18px;
    color: var(--jow-navy);
    font-family: var(--jow-serif);
    font-size: clamp(43px, 5.6vw, 70px);
    font-weight: 500;
    letter-spacing: -1.4px;
    line-height: 1.08;
}

.jewels-wisdom-page .jow-gold-rule {
    display: block;
    width: 78px;
    height: 3px;
    margin: 24px 0;
    background: var(--jow-gold);
}

.jewels-wisdom-page .jow-hero-copy h2 {
    max-width: 580px;
    margin: 0 0 15px;
    color: #243b4d;
    font-family: var(--jow-serif);
    font-size: clamp(20px, 2.4vw, 27px);
    font-weight: 400;
    line-height: 1.5;
}

.jewels-wisdom-page .jow-hero-copy > p {
    max-width: 560px;
    margin: 0;
    color: #53524d;
    font-size: 16px;
    line-height: 1.9;
}

.jewels-wisdom-page .jow-hero-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: fit-content;
    margin-top: 30px;
}

.jewels-wisdom-page .jow-hero-bottom span {
    display: block;
    width: min(100px, 15vw);
    height: 1px;
    background: var(--jow-gold);
}

.jewels-wisdom-page .jow-hero-bottom i {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    color: var(--jow-gold);
    font-family: var(--jow-serif);
    font-size: 31px;
    font-style: normal;
    line-height: 1;
}


/* ==========================================================
   SHARED OM ORNAMENT
   Same size and style as Shiva-yoga
========================================================== */

.jewels-wisdom-page .jow-sacred-intro {
    position: relative;
    padding: 28px 0 15px;
    overflow: hidden;
    border: 0;
    background: var(--jow-background);
}

.jewels-wisdom-page .jow-sacred-intro .jow-container {
    position: relative;
}

.jewels-wisdom-page .jow-ornament,
.jewels-wisdom-page .jow-closing-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    margin: 0 auto;
}

.jewels-wisdom-page .jow-ornament span,
.jewels-wisdom-page .jow-closing-ornament span {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: #d5a35a;
    opacity: 1;
}

.jewels-wisdom-page .jow-ornament i {
    display: grid;
    flex: 0 0 54px;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    color: var(--jow-gold);
    font-family: var(--jow-serif);
    font-size: 31px;
    font-style: normal;
    line-height: 1;
}

.jewels-wisdom-page .jow-opening-quote {
    position: relative;
    max-width: 820px;
    margin: 34px auto 0;
    padding: 0 30px;
    text-align: center;
}

.jewels-wisdom-page .jow-quote-mark {
    display: block;
    height: 36px;
    color: var(--jow-gold);
    font-family: Georgia, serif;
    font-size: 62px;
    line-height: 1;
}

.jewels-wisdom-page .jow-opening-quote h2 {
    margin: 12px 0 0;
    color: var(--jow-navy);
    font-family: var(--jow-serif);
    font-size: clamp(24px, 2vw, 26px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

.jewels-wisdom-page .jow-flower-divider,
.jewels-wisdom-page .jow-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin: 24px auto 0;
}

.jewels-wisdom-page .jow-flower-divider span,
.jewels-wisdom-page .jow-closing-divider span {
    width: 42px;
    height: 1px;
    background: var(--jow-gold);
}

.jewels-wisdom-page .jow-flower-divider i,
.jewels-wisdom-page .jow-closing-divider i {
    color: var(--jow-gold);
    font-size: 14px;
    font-style: normal;
}

.jewels-wisdom-page .jow-floating-lotus {
    position: absolute;
    top: 50%;
    color: rgba(185, 130, 45, 0.15);
    font-size: 70px;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.jewels-wisdom-page .jow-lotus-left {
    left: 0;
}

.jewels-wisdom-page .jow-lotus-right {
    right: 0;
}


/* ==========================================================
   INTRODUCTION
========================================================== */

.jewels-wisdom-page .jow-introduction {
    padding: 34px 0 45px;
    background: var(--jow-background);
}

.jewels-wisdom-page .jow-intro-content {
    max-width: 830px;
    margin: 0 auto;
    text-align: center;
}

.jewels-wisdom-page .jow-intro-content h2,
.jewels-wisdom-page .jow-section-header h2 {
    margin: 9px 0 0;
    color: var(--jow-navy);
    font-family: var(--jow-serif);
    font-size: clamp(29px, 2vw, 26px);
    font-weight: 500;
    line-height: 1.35;
}

.jewels-wisdom-page .jow-heading-rule {
    display: block;
    width: 57px;
    height: 2px;
    margin: 19px auto 23px;
    background: var(--jow-gold);
}

.jewels-wisdom-page .jow-intro-content > p {
    max-width: 790px;
    margin: 0 auto;
    color: #56534c;
    font-size: 18px;
    line-height: 1.95;
    font-family: "Source Serif 4";
    

}

.jewels-wisdom-page .jow-lotus-image {
    display: block;
    width: 35px;
    height: 35px;
    margin: 24px auto 0;
    object-fit: contain;
    opacity: 0.65;
}


/* ==========================================================
   TEACHINGS SECTION
   Same background as all other content sections
========================================================== */

.jewels-wisdom-page .jow-teachings {
    padding: 25px 0 55px;
    background: var(--jow-background);
}

.jewels-wisdom-page .jow-section-header {
    max-width: 800px;
    margin: 0 auto 48px;
    text-align: center;
}

.jewels-wisdom-page .jow-section-header > p {
    margin: 0;
    color: var(--jow-muted);
    font-size: 16px;
    font-style: italic;
    line-height: 1.8;
}

.jewels-wisdom-page .jow-teachings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 28px;
}

.jewels-wisdom-page .jow-teachings-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.jewels-wisdom-page .jow-teaching-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    min-width: 0;
    padding: 25px 24px 27px;
    background: rgba(255, 253, 248, 0.82);
    border: 1px solid #e6dcc9;
    border-left: 3px solid rgba(185, 130, 45, 0.72);
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(8, 46, 74, 0.035);
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.jewels-wisdom-page .jow-teaching-card:hover {
    border-left-color: var(--jow-gold);
    box-shadow: 0 9px 26px rgba(8, 46, 74, 0.075);
}

.jewels-wisdom-page .jow-teaching-meta {
    display: flex;
    flex: 0 0 54px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.jewels-wisdom-page .jow-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    color: var(--jow-gold);
    background: #fbf6eb;
    border: 1px solid #cba96d;
    border-radius: 50%;
    font-family: var(--jow-ui);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1;
}

.jewels-wisdom-page .jow-teaching-meta img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    opacity: 0.55;
}

.jewels-wisdom-page .jow-teaching-content {
    flex: 1 1 auto;
    min-width: 0;
}

.jewels-wisdom-page .jow-card-label {
    display: block;
    margin: 2px 0 12px;
    color: #a57930;
    font-family: "Source Serif 4";
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.65;
}

.jewels-wisdom-page .jow-teaching-content > p {
    margin: 0;
    color: var(--jow-text);
    font-family: var(--jow-serif);
    font-size: 18px;
    line-height: 1.9;
    text-align: left;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.jewels-wisdom-page .jow-teaching-content > p + p {
    margin-top: 13px;
}

.jewels-wisdom-page .jow-teaching-content .jow-guidance {
    margin-bottom: 15px;
    color: #a57930;
    font-size: 15px;
    font-style: italic;
    line-height: 1.8;
    text-align: left;
}

.jewels-wisdom-page .jow-meditation-card {
    border-left-color: var(--jow-gold);
    background: rgba(255, 252, 244, 0.96);
}


/* ==========================================================
   CLOSING NOTE BELOW TEACHINGS
========================================================== */

.jewels-wisdom-page .jow-end-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 45px auto 0;
    padding: 24px 20px;
    border-top: 1px solid #d5c6aa;
    border-bottom: 1px solid #d5c6aa;
    text-align: center;
}

.jewels-wisdom-page .jow-end-note-icon {
    color: var(--jow-gold);
    font-size: 18px;
}

.jewels-wisdom-page .jow-end-note p {
    margin: 0;
    color: var(--jow-navy);
    font-family: var(--jow-serif);
    font-size: 17px;
    font-style: italic;
    line-height: 1.8;
}


/* ==========================================================
   CLOSING SECTION
   Shiva-yoga style: cream background and small gold ornament
========================================================== */

.jewels-wisdom-page .jow-closing {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 0 24px 38px;
    color: var(--jow-text);
    background: var(--jow-background);
    text-align: center;
}

.jewels-wisdom-page .jow-closing-image,
.jewels-wisdom-page .jow-closing-overlay {
    display: none;
}

.jewels-wisdom-page .jow-closing-inner {
    width: min(1000px, 100%);
    margin: 0 auto;
    text-align: center;
}

.jewels-wisdom-page .jow-closing-ornament {
    gap: 20px;
}

.jewels-wisdom-page .jow-closing-ornament span {
    width: min(300px, 35%);
    background: #d5a35a;
}

.jewels-wisdom-page .jow-closing-ornament i {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: var(--jow-gold);
    font-size: 14px;
    font-style: normal;
    line-height: 1;
}

.jewels-wisdom-page .jow-closing-eyebrow {
    margin: 22px 0 12px;
    color: #a86e1f;
    font-family: var(--jow-ui);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.8;
}

.jewels-wisdom-page .jow-closing-inner h2 {
    max-width: 850px;
    margin: 15px auto 0;
    color: var(--jow-navy);
    font-family: "source Serif 4 " Georgia, 'Times New Roman', Times, serif;
    font-size: clamp(21px, 2.5vw, 26px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.65;
}

.jewels-wisdom-page .jow-closing-divider {
    margin-top: 20px;
}

.jewels-wisdom-page .jow-closing-divider span {
    background: #d5a35a;
}

.jewels-wisdom-page .jow-closing-divider i {
    color: var(--jow-gold);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991px) {
    .jewels-wisdom-page .jow-hero {
        min-height: 520px;
        padding: 75px 0 50px;
    }

    .jewels-wisdom-page .jow-breadcrumb {
        margin-bottom: 42px;
    }

    .jewels-wisdom-page .jow-teachings-grid {
        gap: 18px;
    }

    .jewels-wisdom-page .jow-teaching-card {
        gap: 15px;
        padding: 22px 18px 24px;
    }

    .jewels-wisdom-page .jow-teaching-meta {
        flex-basis: 45px;
    }

    .jewels-wisdom-page .jow-number {
        width: 43px;
        height: 43px;
        font-size: 13px;
    }

    .jewels-wisdom-page .jow-teaching-content > p {
        font-size: 14px;
        line-height: 1.85;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {
    .jewels-wisdom-page .jow-container {
        width: calc(100% - 36px);
    }

    .jewels-wisdom-page .jow-hero {
        min-height: 510px;
        padding: 45px 0 35px;
    }

    .jewels-wisdom-page .jow-hero-image {
        background-position: 57% center;
    }

    .jewels-wisdom-page .jow-hero-overlay {
        background: linear-gradient(
            90deg,
            rgba(250, 247, 242, 0.96),
            rgba(250, 247, 242, 0.84)
        );
    }

    .jewels-wisdom-page .jow-hero-inner {
        min-height: 420px;
    }

    .jewels-wisdom-page .jow-breadcrumb {
        gap: 7px;
        margin-bottom: 45px;
        font-size: 11px;
        line-height: 1.8;
    }

    .jewels-wisdom-page .jow-hero-copy h1 {
        font-size: clamp(40px, 10vw, 55px);
        letter-spacing: -0.8px;
    }

    .jewels-wisdom-page .jow-hero-copy h2 {
        font-size: 22px;
    }

    .jewels-wisdom-page .jow-hero-copy > p {
        font-size: 15px;
        line-height: 1.85;
    }

    .jewels-wisdom-page .jow-hero-bottom {
        gap: 10px;
        margin-top: 25px;
    }

    .jewels-wisdom-page .jow-hero-bottom span {
        width: 35px;
    }

    .jewels-wisdom-page .jow-hero-bottom i {
        width: 45px;
        height: 45px;
        font-size: 25px;
    }


    /* OM ornament */

    .jewels-wisdom-page .jow-sacred-intro {
        padding: 22px 0 10px;
    }

    .jewels-wisdom-page .jow-ornament,
    .jewels-wisdom-page .jow-closing-ornament {
        gap: 10px;
    }

    .jewels-wisdom-page .jow-ornament span {
        width: auto;
        flex: 1;
    }

    .jewels-wisdom-page .jow-ornament i {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .jewels-wisdom-page .jow-opening-quote {
        margin-top: 25px;
        padding: 0 8px;
    }

    .jewels-wisdom-page .jow-opening-quote h2 {
        font-size: 24px;
        line-height: 1.6;
    }

    .jewels-wisdom-page .jow-floating-lotus {
        font-size: 40px;
        opacity: 0.6;
    }

    .jewels-wisdom-page .jow-lotus-left {
        left: -8px;
    }

    .jewels-wisdom-page .jow-lotus-right {
        right: -8px;
    }


    /* Introduction */

    .jewels-wisdom-page .jow-introduction {
        padding: 28px 0 30px;
    }

    .jewels-wisdom-page .jow-intro-content h2,
    .jewels-wisdom-page .jow-section-header h2 {
        font-size: 30px;
    }

    .jewels-wisdom-page .jow-intro-content > p {
        font-size: 16px;
        line-height: 1.9;
        text-align: left;
    }


    /* Teaching cards */

    .jewels-wisdom-page .jow-teachings {
        padding: 25px 0 45px;
    }

    .jewels-wisdom-page .jow-section-header {
        margin-bottom: 32px;
    }

    .jewels-wisdom-page .jow-section-header > p {
        font-size: 15px;
    }

    .jewels-wisdom-page .jow-teachings-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .jewels-wisdom-page .jow-teachings-column {
        gap: 17px;
    }

    .jewels-wisdom-page .jow-teaching-card {
        gap: 15px;
        padding: 22px 18px 24px;
    }

    .jewels-wisdom-page .jow-teaching-meta {
        flex-basis: 43px;
        gap: 10px;
    }

    .jewels-wisdom-page .jow-number {
        width: 42px;
        height: 42px;
        font-size: 12px;
    }

    .jewels-wisdom-page .jow-teaching-meta img {
        width: 21px;
        height: 21px;
    }

    .jewels-wisdom-page .jow-card-label {
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .jewels-wisdom-page .jow-teaching-content > p {
        font-size: 15px;
        line-height: 1.85;
    }

    .jewels-wisdom-page .jow-teaching-content .jow-guidance {
        font-size: 14px;
    }


    /* Closing note */

    .jewels-wisdom-page .jow-end-note {
        gap: 8px;
        margin-top: 32px;
        padding: 20px 10px;
    }

    .jewels-wisdom-page .jow-end-note p {
        font-size: 15px;
    }


    /* Closing ornament before footer */

    .jewels-wisdom-page .jow-closing {
        padding: 0 18px 28px;
    }

    .jewels-wisdom-page .jow-closing-ornament {
        gap: 12px;
    }

    .jewels-wisdom-page .jow-closing-ornament span {
        width: auto;
        flex: 1;
    }

    .jewels-wisdom-page .jow-closing-ornament i {
        flex-basis: auto;
        width: auto;
        height: auto;
        font-size: 13px;
    }

    .jewels-wisdom-page .jow-closing-eyebrow {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .jewels-wisdom-page .jow-closing-inner h2 {
        font-size: 22px;
        line-height: 1.65;
    }
}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 380px) {
    .jewels-wisdom-page .jow-container {
        width: calc(100% - 28px);
    }

    .jewels-wisdom-page .jow-teaching-card {
        gap: 11px;
        padding: 18px 13px 21px;
    }

    .jewels-wisdom-page .jow-teaching-meta {
        flex-basis: 36px;
    }

    .jewels-wisdom-page .jow-number {
        width: 36px;
        height: 36px;
        font-size: 11px;
    }

    .jewels-wisdom-page .jow-teaching-content > p {
        font-size: 14px;
        line-height: 1.8;
    }

    .jewels-wisdom-page .jow-card-label {
        font-size: 8px;
        letter-spacing: 0.9px;
    }

    .jewels-wisdom-page .jow-opening-quote h2 {
        font-size: 21px;
    }

    .jewels-wisdom-page .jow-closing-inner h2 {
        font-size: 19px;
    }
}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

@media (prefers-reduced-motion: reduce) {
    .jewels-wisdom-page *,
    .jewels-wisdom-page *::before,
    .jewels-wisdom-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}


/* Reduce gap between Introduction and Wisdom Collection */

.jewels-wisdom-page .jow-introduction {
    padding-bottom: 0 !important;
}

.jewels-wisdom-page .jow-intro-content .jow-lotus-image {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.jewels-wisdom-page .jow-teachings {
    padding-top: 10px !important;
    margin-top: 0 !important;
}

.jewels-wisdom-page .jow-section-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    .jewels-wisdom-page .jow-introduction {
        padding-bottom: 0 !important;
    }

    .jewels-wisdom-page .jow-teachings {
        padding-top: 8px !important;
    }
}


/* importance of three  */


/* =========================================================
   THE IMPORTANCE OF THREE
   Shiva-yoga inspired styling
========================================================= */
.importance-three-page {
    --iot-navy: #132a46;
    --iot-deep-navy: #082e4a;
    --iot-navy-light: #1b3657;
    --iot-gold: #ad843f;
    --iot-gold-light: #d5a35a;
    --iot-cream: #f8f4eb;
    --iot-text: #302a22;
    --iot-muted: #71695e;
    --iot-border: rgba(173, 132, 63, 0.30);

    --iot-background: linear-gradient(
        90deg,
        #faf7ef 0%,
        #f8f2e6 50%,
        #faf7ef 100%
    );

    --iot-serif: "Source Serif 4";
    --iot-ui: "Aptos", "Segoe UI", Arial, sans-serif;

    position: relative;
    overflow: hidden;
    color: var(--iot-text);
    background: var(--iot-background);
    font-family: var(--iot-serif);
}

.importance-three-page *,
.importance-three-page *::before,
.importance-three-page *::after {
    box-sizing: border-box;
}

.importance-three-page img {
    max-width: 100%;
}

/* HERO */

.importance-three-page .iot-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: var(--iot-cream);
    background-size: cover;
    background-position: center;
}

.importance-three-page .iot-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        90deg,
        rgba(250, 247, 239, 0.96) 0%,
        rgba(248, 244, 235, 0.91) 52%,
        rgba(248, 244, 235, 0.72) 100%
    );
}

.importance-three-page .iot-hero .container {
    position: relative;
    z-index: 1;
}

.importance-three-page .iot-hero .breadcrumb-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 24px;
    color: var(--iot-muted);
    font-family: var(--iot-ui);
    font-size: 13px;
    line-height: 1.7;
}

.importance-three-page .iot-hero .breadcrumb-nav a {
    color: var(--iot-navy);
    text-decoration: none;
}

.importance-three-page .iot-hero .breadcrumb-nav a:hover {
    color: var(--iot-gold);
}

.importance-three-page .iot-hero .breadcrumb-nav span {
    color: var(--iot-gold);
}

.importance-three-page .iot-hero h1 {
    max-width: 900px;
    margin: 0 0 17px;
    color: var(--iot-navy);
    font-family: var(--iot-serif);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.5px;
}

.importance-three-page .iot-hero .breadcrumb-line {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 115px;
    height: 2px;
    margin: 0 0 22px;
    background: rgba(173, 132, 63, 0.35);
}

.importance-three-page .iot-hero .breadcrumb-line span {
    display: block;
    width: 55px;
    height: 2px;
    background: var(--iot-gold);
}

.importance-three-page .iot-hero h4 {
    margin: 0 0 10px;
    color: var(--iot-navy-light);
    font-family: var(--iot-serif);
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 500;
    line-height: 1.5;
}

.importance-three-page .iot-hero-hindi {
    margin: 0;
    color: var(--iot-muted);
    font-size: 18px;
    line-height: 1.8;
}

/* OM ORNAMENT BELOW HERO */

.importance-three-page .iot-om-band {
    padding: 30px 20px 25px;
    background: var(--iot-background);
    text-align: center;
}

.importance-three-page .iot-om-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.importance-three-page .iot-om-ornament span {
    display: block;
    width: min(330px, 35%);
    height: 1px;
    background: var(--iot-gold-light);
}

.importance-three-page .iot-om-ornament i {
    display: grid;
    flex: 0 0 54px;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    color: var(--iot-gold);
    font-family: var(--iot-serif);
    font-size: 31px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.importance-three-page .iot-mantra {
    margin: 19px 0 0;
    color: var(--iot-gold);
    font-family: var(--iot-serif);
    font-size: clamp(19px, 2.2vw, 25px);
    font-weight: 500;
    line-height: 1.7;
}

/* TEACHINGS SECTION */

.importance-three-page .iot-teachings-section {
    padding: 15px 0 75px;
    background: var(--iot-background);
}

.importance-three-page .iot-teachings-section > .container {
    width: 100%;
    max-width: 1440px;
    padding-right: 24px;
    padding-left: 24px;
}

/* BOTH LANGUAGE CARDS IN ONE ROW */

.importance-three-page .iot-language-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
    width: 100%;
}

.importance-three-page .iot-language-grid > .iot-language-card {
    width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 36px 32px 30px;
    border: 1px solid var(--iot-border);
    border-radius: 5px;
    background: rgba(255, 253, 248, 0.72);
    box-shadow: 0 8px 26px rgba(19, 42, 70, 0.045);
}

/* LANGUAGE HEADINGS */

.importance-three-page .iot-language-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin: 0 0 32px;
    padding: 0 0 21px;
    border-bottom: 1px solid rgba(173, 132, 63, 0.28);
    color: var(--iot-navy);
    font-family: var(--iot-serif);
    font-size: clamp(24px, 2.2vw, 29px);
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
}

.importance-three-page .iot-language-heading img {
    display: block;
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    object-fit: contain;
    opacity: 0.82;
}

/* TEACHING ROWS */

.importance-three-page .iot-teaching-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.importance-three-page .iot-teaching-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 0 0 22px;
}

.importance-three-page .iot-teaching-row + .iot-teaching-row {
    padding-top: 4px;
}

.importance-three-page .iot-number {
    flex: 0 0 32px;
    width: 32px;
    padding-top: 1px;
    color: var(--iot-gold);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.55;
}

.importance-three-page .iot-teaching-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.importance-three-page .iot-teaching-copy h3 {
    margin: 0 0 5px;
    color: var(--iot-navy);
    font-family: var(--iot-serif);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.importance-three-page .iot-teaching-copy p {
    margin: 0;
    color: #514a41;
    font-family: var(--iot-serif);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    overflow-wrap: break-word;
}

/* HINDI TEXT */

.importance-three-page [lang="hi"] .iot-teaching-copy h3 {
    font-size: 19px;
    line-height: 1.65;
    font-weight: 600;
}

.importance-three-page [lang="hi"] .iot-teaching-copy p {
    font-size: 17px;
    line-height: 1.9;
}

/* CLOSING SECTION ABOVE FOOTER */

.importance-three-page .iot-closing-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 10px 24px 55px;
    color: var(--iot-text);
    background: var(--iot-background);
    text-align: center;
}

.importance-three-page .iot-closing-section .container {
    position: relative;
    z-index: 1;
}

.importance-three-page .iot-closing-content {
    max-width: 900px;
    margin: 0 auto;
}

.importance-three-page .iot-closing-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 auto 25px;
}

.importance-three-page .iot-closing-ornament span {
    display: block;
    width: min(300px, 35%);
    height: 1px;
    background: var(--iot-gold-light);
}

.importance-three-page .iot-closing-ornament i {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: var(--iot-gold);
    font-size: 15px;
    font-style: normal;
    line-height: 1;
}

.importance-three-page .iot-closing-content h3 {
    margin: 0 auto 18px;
    color: var(--iot-navy);
    font-family: var(--iot-serif);
    font-size: clamp(23px, 2.8vw, 34px);
    font-weight: 500;
    line-height: 1.65;
}

.importance-three-page .iot-closing-signature {
    margin: 0;
    color: var(--iot-muted);
    font-family: var(--iot-serif);
    font-size: 17px;
    font-style: italic;
    line-height: 1.8;
}

.importance-three-page .iot-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 23px auto 0;
}

.importance-three-page .iot-closing-divider span {
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(173, 132, 63, 0.65);
}

.importance-three-page .iot-closing-divider i {
    color: var(--iot-gold);
    font-size: 17px;
    line-height: 1;
}

/* TABLET */

@media (max-width: 991.98px) {
    .importance-three-page .iot-teachings-section > .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .importance-three-page .iot-language-grid {
        gap: 16px;
    }

    .importance-three-page .iot-language-grid > .iot-language-card {
        padding: 28px 20px 24px;
    }

    .importance-three-page .iot-teaching-row {
        gap: 8px;
    }

    .importance-three-page .iot-number {
        flex-basis: 27px;
        width: 27px;
        font-size: 16px;
    }

    .importance-three-page .iot-teaching-copy h3 {
        font-size: 16px;
    }

    .importance-three-page .iot-teaching-copy p {
        font-size: 14.5px;
        line-height: 1.75;
    }

    .importance-three-page [lang="hi"] .iot-teaching-copy h3 {
        font-size: 17px;
    }

    .importance-three-page [lang="hi"] .iot-teaching-copy p {
        font-size: 15.5px;
    }
}

/* MOBILE: STACK CARDS VERTICALLY */

@media (max-width: 767.98px) {
    .importance-three-page .iot-hero {
        padding-top: 15px;
        padding-bottom: 15px;
        background-position: center;
    }

    .importance-three-page .iot-hero::before {
        background: linear-gradient(
            90deg,
            rgba(250, 247, 239, 0.96) 0%,
            rgba(248, 244, 235, 0.88) 100%
        );
    }

    .importance-three-page .iot-hero .breadcrumb-nav {
        gap: 6px;
        margin-bottom: 19px;
        font-size: 11px;
    }

    .importance-three-page .iot-hero h1 {
        margin-bottom: 13px;
        font-size: clamp(29px, 7vw, 38px);
        line-height: 1.2;
    }

    .importance-three-page .iot-hero .breadcrumb-line {
        margin-bottom: 16px;
    }

    .importance-three-page .iot-hero h4 {
        font-size: 18px;
        line-height: 1.5;
    }

    .importance-three-page .iot-hero-hindi {
        font-size: 16px;
    }

    /* OM */

    .importance-three-page .iot-om-band {
        padding: 24px 18px 20px;
    }

    .importance-three-page .iot-om-ornament {
        gap: 15px;
    }

    .importance-three-page .iot-om-ornament span {
        width: min(130px, 32%);
    }

    .importance-three-page .iot-om-ornament i {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .importance-three-page .iot-mantra {
        margin-top: 15px;
        font-size: 20px;
    }

    /* CARDS */

    .importance-three-page .iot-teachings-section {
        padding: 12px 0 40px;
    }

    .importance-three-page .iot-teachings-section > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .importance-three-page .iot-language-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .importance-three-page .iot-language-grid > .iot-language-card {
        padding: 25px 20px 20px;
        border-radius: 4px;
    }

    .importance-three-page .iot-language-heading {
        gap: 10px;
        margin-bottom: 25px;
        padding-bottom: 17px;
        font-size: 24px;
    }

    .importance-three-page .iot-language-heading img {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
    }

    .importance-three-page .iot-teaching-row {
        gap: 9px;
        padding-bottom: 19px;
    }

    .importance-three-page .iot-number {
        flex-basis: 28px;
        width: 28px;
        font-size: 16px;
    }

    .importance-three-page .iot-teaching-copy h3 {
        margin-bottom: 4px;
        font-size: 17px;
        line-height: 1.55;
    }

    .importance-three-page .iot-teaching-copy p {
        font-size: 15px;
        line-height: 1.8;
    }

    .importance-three-page [lang="hi"] .iot-teaching-copy h3 {
        font-size: 17px;
        line-height: 1.7;
    }

    .importance-three-page [lang="hi"] .iot-teaching-copy p {
        font-size: 16px;
        line-height: 1.85;
    }

    /* CLOSING */

    .importance-three-page .iot-closing-section {
        padding: 5px 18px 35px;
    }

    .importance-three-page .iot-closing-ornament {
        gap: 12px;
        margin-bottom: 20px;
    }

    .importance-three-page .iot-closing-ornament span {
        width: min(120px, 34%);
    }

    .importance-three-page .iot-closing-ornament i {
        font-size: 13px;
    }

    .importance-three-page .iot-closing-content h3 {
        font-size: 23px;
        line-height: 1.6;
    }

    .importance-three-page .iot-closing-signature {
        font-size: 16px;
    }

    .importance-three-page .iot-closing-divider {
        margin-top: 18px;
    }
}

/* SMALL MOBILE */

@media (max-width: 400px) {
    .importance-three-page .iot-language-grid > .iot-language-card {
        padding-right: 15px;
        padding-left: 15px;
    }

    .importance-three-page .iot-teaching-row {
        gap: 7px;
    }

    .importance-three-page .iot-number {
        flex-basis: 25px;
        width: 25px;
        font-size: 15px;
    }

    .importance-three-page .iot-teaching-copy h3 {
        font-size: 16px;
    }

    .importance-three-page .iot-teaching-copy p {
        font-size: 14.5px;
    }

    .importance-three-page [lang="hi"] .iot-teaching-copy h3 {
        font-size: 16px;
    }

    .importance-three-page [lang="hi"] .iot-teaching-copy p {
        font-size: 15px;
    }

    .importance-three-page .iot-desktop-break {
        display: none;
    }
}
/* =====================================================
   CENTER BOTH CARDS WITH SIDE SPACING
===================================================== */

.importance-three-page .iot-teachings-section > .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.importance-three-page .iot-language-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    width: 100%;
    margin: 0 auto;
    align-items: stretch;
}

.importance-three-page .iot-language-grid > .iot-language-card {
    width: 100%;
    min-width: 0;
    margin: 0;
}

/* TABLET */
@media (max-width: 991.98px) {
    .importance-three-page .iot-teachings-section > .container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .importance-three-page .iot-language-grid {
        gap: 20px;
    }
}

/* MOBILE */
@media (max-width: 767.98px) {
    .importance-three-page .iot-teachings-section > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .importance-three-page .iot-language-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
}

/* =====================================================
   OM SECTION — SHIVA-YOGA STYLE
   Hero section remains unchanged
===================================================== */

.importance-three-page .iot-om-band {
    position: relative;
    padding: 34px 20px 30px;
    background: #f5f0e6;
    text-align: center;
}

.importance-three-page .iot-om-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.importance-three-page .iot-om-ornament span {
    flex: 1 1 auto;
    width: auto;
    max-width: 330px;
    height: 1px;
    background: rgba(173, 132, 63, 0.65);
}

.importance-three-page .iot-om-ornament i {
    display: grid;
    flex: 0 0 54px;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid #b9822d;
    border-radius: 50%;
    color: #ad843f;
    background: rgba(255, 253, 248, 0.65);
    font-family: var(--iot-serif);
    font-size: 30px;
    font-style: normal;
    line-height: 1;
}

.importance-three-page .iot-mantra {
    margin: 18px 0 0;
    color: #132a46;
    font-family: var(--iot-serif);
    font-size: clamp(19px, 2.2vw, 25px);
    font-weight: 500;
    line-height: 1.8;
}


/* =====================================================
   CLOSING SECTION — SHIVA-YOGA STYLE
===================================================== */

.importance-three-page .iot-closing-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 35px 24px 60px;
    color: #302a22;
    background: #f5f0e6;
    text-align: center;
}

.importance-three-page .iot-closing-section .container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.importance-three-page .iot-closing-content {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.importance-three-page .iot-closing-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 0 auto 26px;
}

.importance-three-page .iot-closing-ornament span {
    display: block;
    width: min(300px, 35%);
    height: 1px;
    background: rgba(173, 132, 63, 0.7);
}

.importance-three-page .iot-closing-ornament i {
    display: grid;
    place-items: center;
    color: #ad843f;
    font-size: 18px;
    font-style: normal;
    line-height: 1;
}

.importance-three-page .iot-closing-content h3 {
    max-width: 850px;
    margin: 0 auto 18px;
    color: #132a46;
    font-family: var(--iot-serif);
    font-size: clamp(23px, 2.8vw, 34px);
    font-weight: 500;
    line-height: 1.65;
}

.importance-three-page .iot-closing-signature {
    margin: 0;
    color: #71695e;
    font-family: var(--iot-serif);
    font-size: 17px;
    font-style: italic;
    line-height: 1.8;
}

.importance-three-page .iot-closing-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 25px auto 0;
}

.importance-three-page .iot-closing-divider span {
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(173, 132, 63, 0.7);
}

.importance-three-page .iot-closing-divider i {
    color: #ad843f;
    font-size: 18px;
    line-height: 1;
}


/* =====================================================
   CARD CENTERING AND SIDE SPACING
===================================================== */

.importance-three-page .iot-teachings-section > .container {
    width: 100%;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
}

.importance-three-page .iot-language-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 30px;
    width: 100%;
    margin: 0 auto;
}

.importance-three-page .iot-language-grid > .iot-language-card {
    width: 100%;
    min-width: 0;
    margin: 0;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991.98px) {
    .importance-three-page .iot-teachings-section > .container {
        padding-right: 22px;
        padding-left: 22px;
    }

    .importance-three-page .iot-language-grid {
        gap: 20px;
    }

    .importance-three-page .iot-om-band {
        padding: 28px 20px 25px;
    }

    .importance-three-page .iot-closing-section {
        padding: 30px 22px 45px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767.98px) {
    .importance-three-page .iot-teachings-section > .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    .importance-three-page .iot-language-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .importance-three-page .iot-om-band {
        padding: 24px 18px 21px;
    }

    .importance-three-page .iot-om-ornament {
        gap: 15px;
    }

    .importance-three-page .iot-om-ornament i {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .importance-three-page .iot-mantra {
        margin-top: 15px;
        font-size: 20px;
    }

    .importance-three-page .iot-closing-section {
        padding: 25px 18px 35px;
    }

    .importance-three-page .iot-closing-ornament {
        gap: 12px;
        margin-bottom: 20px;
    }

    .importance-three-page .iot-closing-ornament span {
        width: min(120px, 34%);
    }

    .importance-three-page .iot-closing-content h3 {
        font-size: 23px;
        line-height: 1.6;
    }

    .importance-three-page .iot-closing-signature {
        font-size: 16px;
    }

    .importance-three-page .iot-closing-divider {
        margin-top: 18px;
    }
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {
    .importance-three-page .iot-teachings-section > .container {
        padding-right: 12px;
        padding-left: 12px;
    }

    .importance-three-page .iot-language-grid {
        gap: 16px;
    }

    .importance-three-page .iot-om-ornament {
        gap: 10px;
    }

    .importance-three-page .iot-closing-section {
        padding-right: 14px;
        padding-left: 14px;
    }

    .importance-three-page .iot-desktop-break {
        display: none;
    }
}

/* =========================================================
   REDUCE VERTICAL SPACE BETWEEN SECTIONS
========================================================= */

/* OM section — reduce bottom space */
.importance-three-page .iot-om-band {
    padding-top: 22px !important;
    padding-bottom: 16px !important;
}

/* Teaching section — reduce top and bottom space */
.importance-three-page .iot-teachings-section {
    padding-top: 18px !important;
    padding-bottom: 22px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Reduce extra space around the language cards */
.importance-three-page .iot-language-grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Closing section — reduce space above and below */
.importance-three-page .iot-closing-section {
    padding-top: 18px !important;
    padding-bottom: 32px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Tablet */
@media (max-width: 991.98px) {
    .importance-three-page .iot-om-band {
        padding-top: 18px !important;
        padding-bottom: 14px !important;
    }

    .importance-three-page .iot-teachings-section {
        padding-top: 14px !important;
        padding-bottom: 18px !important;
    }

    .importance-three-page .iot-closing-section {
        padding-top: 16px !important;
        padding-bottom: 28px !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .importance-three-page .iot-om-band {
        padding-top: 16px !important;
        padding-bottom: 12px !important;
    }

    .importance-three-page .iot-teachings-section {
        padding-top: 12px !important;
        padding-bottom: 16px !important;
    }

    .importance-three-page .iot-closing-section {
        padding-top: 14px !important;
        padding-bottom: 24px !important;
    }
}
/* Closing message — match Shiva-yoga typography */
.importance-three-page .iot-closing-content h3 {
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif !important;
    font-size: clamp(20px, 2vw, 21px) !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    font-style: italic !important;
    letter-spacing: 0.2px !important;
    color: #132a46 !important;
    text-align: center !important;
    max-width: 850px;
    margin: 0 auto 16px !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    .importance-three-page .iot-closing-content h3 {
        font-size: 20px !important;
        line-height: 1.6 !important;
    }
}


/* hyms of the lord   */


/* =========================================================
   HYMNS OF THE LORD
   Theme matched with the Shivayoga page
========================================================= */


/* =========================================================
   HYMNS OF THE LORD
   Elegant Poetry Book Design
========================================================= */


.hymns-page {
    --hymns-navy: #073653;
    --hymns-navy-dark: #04283d;
    --hymns-ink: #173b50;
    --hymns-gold: #b98532;
    --hymns-gold-light: #d9b16c;
    --hymns-cream: #f8f3e9;
    --hymns-paper: #f8f3e9;
    --hymns-text: #30291f;
    --hymns-muted: #746b60;
    --hymns-line: rgba(185, 133, 50, 0.35);

    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: clip;
    background: var(--hymns-cream);
    color: var(--hymns-text);
    font-family: "Source Serif 4", Georgia, serif;
}

.hymns-page *,
.hymns-page *::before,
.hymns-page *::after {
    box-sizing: border-box;
}

.hymns-page img {
    max-width: 100%;
}

/* =========================================================
   HERO
========================================================= */

.hymns-page .teaching-hero {
    margin-bottom: 0;
}

.hymns-page .teaching-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.hymns-page .teaching-breadcrumb a {
    text-decoration: none;
}

.hymns-page .teaching-breadcrumb [aria-current="page"] {
    color: rgba(255, 255, 255, 0.82);
}

/* =========================================================
   OPENING PRAYER
========================================================= */

.hymns-page .hymns-intro {
    position: relative;
    margin: 0;
    padding: 18px 24px 18px;
    background: var(--hymns-cream);
    text-align: center;
}

.hymns-page .hymns-intro-inner {
    width: min(1000px, 100%);
    margin: 0 auto;
}

.hymns-page .hymns-intro-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
}

.hymns-page .hymns-intro-ornament > span {
    display: block;
    width: min(280px, 34%);
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--hymns-gold-light)
    );
}

.hymns-page .hymns-intro-ornament > span:last-child {
    transform: scaleX(-1);
}

.hymns-page .hymns-intro-ornament > i {
    display: grid;
    flex: 0 0 50px;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid var(--hymns-gold-light);
    border-radius: 50%;
    color: var(--hymns-gold);
    font-family: "Noto Serif Devanagari", Georgia, serif;
    font-size: 27px;
    font-style: normal;
    line-height: 1;
}

.hymns-page .hymns-intro-quote {
    margin: 10px auto 0;
    color: var(--hymns-ink);
    font-size: clamp(19px, 2vw, 24px);
    font-style: italic;
    font-weight: 400;
    line-height: 1.5;
}

.hymns-page .hymns-intro-caption {
    display: block;
    margin-top: 5px;
    color: var(--hymns-muted);
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase;
}

/* =========================================================
   MAIN POETRY SECTION
========================================================= */

.hymns-page .hymns-content {
    margin: 0;
    padding: 20px 0 22px;
    background: var(--hymns-cream);
}

.hymns-page .hymns-container {
    width: min(1120px, calc(100% - 64px));
    margin: 0 auto;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.hymns-page .hymns-section-heading {
    max-width: 760px;
    margin: 0 auto 18px;
    text-align: center;
}

.hymns-page .hymns-eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #a36e25;
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1.7;
}

.hymns-page .hymns-section-heading h2 {
    margin: 0;
    color: var(--hymns-navy);
    font-size: clamp(30px, 3.2vw, 39px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.hymns-page .hymns-heading-line {
    display: block;
    width: 65px;
    height: 2px;
    margin: 13px auto;
    background: linear-gradient(
        90deg,
        transparent,
        var(--hymns-gold),
        transparent
    );
}

.hymns-page .hymns-section-heading > p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--hymns-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

/* =========================================================
   CONTINUOUS POETRY BOOK LAYOUT
========================================================= */

.hymns-page .hymns-poetry-list {
    width: min(790px, 100%);
    margin: 0 auto;
    padding: 0;
}

.hymns-page .hymn-poem-entry {
    position: relative;
    margin: 0;
    padding: 22px 24px 24px;
    border: 0;
    border-bottom: 1px solid var(--hymns-line);
    background: transparent;
}

.hymns-page .hymn-poem-entry:first-child {
    padding-top: 8px;
}

.hymns-page .hymn-poem-entry:last-child {
    padding-bottom: 8px;
    border-bottom: 0;
}

/* Ornamental separator between poems */

.hymns-page .hymn-poem-entry:not(:last-child)::after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 7px;
    height: 7px;
    border: 1px solid var(--hymns-gold);
    background: var(--hymns-cream);
    content: "";
    transform: translateX(-50%) rotate(45deg);
}

/* =========================================================
   POEM LINES
========================================================= */

.hymns-page .hymn-poem {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.hymns-page .hymn-line {
    margin: 0;
    padding: 0;
    color: var(--hymns-text);
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
    overflow-wrap: anywhere;
}

/* Number remains inline with the first line */

.hymns-page .hymn-inline-number {
    display: inline;
    margin-right: 6px;
    color: var(--hymns-gold);
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
}

/* Space between stanzas */

.hymns-page .hymn-stanza-space {
    display: block;
    height: 14px;
}

/* Hide old card-design elements if any remain */

.hymns-page .hymns-grid,
.hymns-page .hymn-card,
.hymns-page .hymn-card-heading,
.hymns-page .hymn-number-label,
.hymns-page .hymn-lotus-divider {
    display: none;
}

/* =========================================================
   CLOSING / SOURCE
========================================================= */

.hymns-page .hymns-source {
    margin: 0;
    padding: 10px 24px 22px;
    background: var(--hymns-cream);
    text-align: center;
}

.hymns-page .hymns-source-inner {
    width: min(900px, 100%);
    margin: 0 auto;
}

.hymns-page .hymns-source-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: var(--hymns-gold);
    font-size: 15px;
    line-height: 1;
}

.hymns-page .hymns-source-ornament > span {
    display: block;
    width: min(230px, 32%);
    height: 1px;
    background: var(--hymns-line);
}

.hymns-page .hymns-source-reflection {
    max-width: 720px;
    margin: 12px auto 16px;
    color: var(--hymns-ink);
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

.hymns-page .hymns-source-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin: 14px auto;
}

.hymns-page .hymns-source-divider > span {
    width: 35px;
    height: 1px;
    background: var(--hymns-line);
}

.hymns-page .hymns-source-divider > i {
    color: var(--hymns-gold);
    font-size: 21px;
    font-style: normal;
}

.hymns-page .hymns-source-label {
    margin: 0 0 8px;
    color: #a36e25;
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.5px;
    line-height: 1.7;
}

.hymns-page .hymns-source-text {
    max-width: 760px;
    margin: 0 auto;
    color: var(--hymns-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

.hymns-page .hymns-source-text strong {
    color: var(--hymns-ink);
    font-weight: 600;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {
    .hymns-page .hymns-container {
        width: calc(100% - 48px);
    }

    .hymns-page .hymns-content {
        padding: 18px 0 20px;
    }

    .hymns-page .hymns-poetry-list {
        width: min(740px, 100%);
    }

    .hymns-page .hymn-poem-entry {
        padding: 20px 18px 22px;
    }

    .hymns-page .hymn-line {
        font-size: 18px;
        line-height: 1.75;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {
    .hymns-page .hymns-intro {
        padding: 14px 18px;
    }

    .hymns-page .hymns-intro-ornament {
        gap: 12px;
    }

    .hymns-page .hymns-intro-ornament > i {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }

    .hymns-page .hymns-intro-quote {
        margin-top: 9px;
        font-size: 18px;
        line-height: 1.5;
    }

    .hymns-page .hymns-intro-caption {
        margin-top: 5px;
        font-size: 9px;
        letter-spacing: 1.5px;
    }

    .hymns-page .hymns-content {
        padding: 15px 0 16px;
    }

    .hymns-page .hymns-container {
        width: calc(100% - 32px);
    }

    .hymns-page .hymns-section-heading {
        margin-bottom: 14px;
    }

    .hymns-page .hymns-eyebrow {
        margin-bottom: 8px;
        font-size: 9px;
        letter-spacing: 2.3px;
    }

    .hymns-page .hymns-section-heading h2 {
        font-size: 29px;
    }

    .hymns-page .hymns-heading-line {
        margin: 11px auto;
    }

    .hymns-page .hymns-section-heading > p {
        font-size: 15px;
        line-height: 1.65;
    }

    .hymns-page .hymns-poetry-list {
        width: 100%;
    }

    .hymns-page .hymn-poem-entry {
        padding: 18px 8px 20px;
    }

    .hymns-page .hymn-poem-entry:first-child {
        padding-top: 5px;
    }

    .hymns-page .hymn-poem-entry:last-child {
        padding-bottom: 5px;
    }

    .hymns-page .hymn-line {
        font-size: 16px;
        line-height: 1.75;
        text-align: center;
    }

    .hymns-page .hymn-inline-number {
        margin-right: 5px;
        font-size: 15px;
    }

    .hymns-page .hymn-stanza-space {
        height: 12px;
    }

    .hymns-page .hymns-source {
        padding: 10px 18px 16px;
    }

    .hymns-page .hymns-source-reflection {
        margin: 10px auto 13px;
        font-size: 18px;
        line-height: 1.55;
    }

    .hymns-page .hymns-source-divider {
        margin: 11px auto;
    }

    .hymns-page .hymns-source-text {
        font-size: 15px;
        line-height: 1.7;
    }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .hymns-page .hymns-container {
        width: calc(100% - 26px);
    }

    .hymns-page .hymns-section-heading h2 {
        font-size: 26px;
    }

    .hymns-page .hymn-poem-entry {
        padding-right: 4px;
        padding-left: 4px;
    }

    .hymns-page .hymn-line {
        font-size: 15px;
        line-height: 1.75;
    }

    .hymns-page .hymn-inline-number {
        font-size: 14px;
    }

    .hymns-page .hymns-intro-quote {
        font-size: 17px;
    }

    .hymns-page .hymns-source-reflection {
        font-size: 17px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .hymns-page *,
    .hymns-page *::before,
    .hymns-page *::after {
        scroll-behavior: auto !important;
    }
}



/* shivayoga at a glance */



/* =========================================================
   SHIVAYOGA AT A GLANCE
   All styles scoped to this page
========================================================= */


.shivayoga-glance-page {
    --shivayoga-navy: #073653;
    --shivayoga-navy-dark: #05304a;
    --shivayoga-ink: #0b3557;
    --shivayoga-gold: #c98b27;
    --shivayoga-gold-light: #e1a532;
    --shivayoga-cream: #f8f3e9;
    --shivayoga-paper: #faf7ef;
    --shivayoga-line: #d5a35a;
    --shivayoga-text: #2c241d;
    --shivayoga-muted: #6f675d;
    --shivayoga-white: #ffffff;

    --shivayoga-serif:
        "Source Serif 4";
    --shivayoga-ui:
        "Aptos",
        "Segoe UI",
        Arial,
        sans-serif;

    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: clip;
    background: var(--shivayoga-paper);
    color: var(--shivayoga-text);
    font-family: var(--shivayoga-serif);
}

.shivayoga-glance-page *,
.shivayoga-glance-page *::before,
.shivayoga-glance-page *::after {
    box-sizing: border-box;
}

.shivayoga-glance-page img {
    max-width: 100%;
}


/* =========================================================
   HERO / BREADCRUMB
========================================================= */

.shivayoga-glance-page .sg-breadcrumb {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.shivayoga-glance-page .sg-breadcrumb h1 {
    color: var(--shivayoga-white);
    font-family: var(--shivayoga-serif);
}

.shivayoga-glance-page .sg-breadcrumb h4 {
    color: var(--shivayoga-gold-light);
    font-family: var(--shivayoga-serif);
}

.shivayoga-glance-page .sg-breadcrumb p {
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--shivayoga-serif);
}


/* =========================================================
   SACRED QUOTE / OM SECTION
========================================================= */

.shivayoga-glance-page .sacred-section {
    position: relative;
    overflow: hidden;
    padding: 28px 0 24px !important;
    background: var(--shivayoga-paper);
    border: 0;
}

.shivayoga-glance-page .sacred-section > .container {
    position: relative;
}

.shivayoga-glance-page .sacred-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: min(650px, 100%);
    margin: 0 auto 22px;
}

.shivayoga-glance-page .sacred-divider .line {
    display: block;
    flex: 1;
    height: 1px;
    background: var(--shivayoga-line);
}

.shivayoga-glance-page .om-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    border: 1px solid #d8ad6b;
    border-radius: 50%;
    background: transparent;
    color: var(--shivayoga-gold);
    font-family: var(--shivayoga-serif);
    font-size: 30px;
    line-height: 1;
}

.shivayoga-glance-page .sacred-content {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.shivayoga-glance-page .sacred-content h3 {
    margin: 0 0 12px;
    color: var(--shivayoga-ink);
    font-family: var(--shivayoga-serif);
    font-size: clamp(21px, 2.2vw, 27px);
    font-weight: 400;
    font-style: italic;
    line-height: 1.6;
}

.shivayoga-glance-page .sacred-content > span {
    display: block;
    color: var(--shivayoga-gold);
    font-family: var(--shivayoga-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}

.shivayoga-glance-page .small-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    max-width: 180px;
    margin: 20px auto 0;
    color: var(--shivayoga-gold);
}

.shivayoga-glance-page .small-divider span {
    flex: 1;
    height: 1px;
    background: rgba(201, 139, 39, 0.5);
}

.shivayoga-glance-page .small-divider i {
    font-size: 18px;
}

.shivayoga-glance-page .lotus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(201, 139, 39, 0.16);
    font-size: 64px;
    line-height: 1;
    pointer-events: none;
}

.shivayoga-glance-page .lotus-left {
    left: 0;
}

.shivayoga-glance-page .lotus-right {
    right: 0;
}


/* =========================================================
   PEARLS SECTION
========================================================= */

.shivayoga-glance-page .pearls-section {
    padding: 30px 0 38px;
    background: var(--shivayoga-paper);
    border: 0;
}

.shivayoga-glance-page .section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto 26px;
    text-align: center;
}

/* Lotus centered above the heading */

.shivayoga-glance-page .sg-heading-lotus {
    display: block;
    width: 38px;
    height: auto;
    margin: 0 auto 10px;
    object-fit: contain;
}

/* Pearls heading */

.shivayoga-glance-page .section-header h2 {
    margin: 0;
    color: var(--shivayoga-ink);
    font-family: var(--shivayoga-serif);
    font-size: clamp(27px, 2.5vw, 26px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 1px;
    text-align: center;
}

.shivayoga-glance-page .section-header::after {
    display: block;
    width: 54px;
    height: 1px;
    margin: 18px auto 0;
    background: var(--shivayoga-line);
    content: "";
}


/* =========================================================
   RANGE TABS
========================================================= */

.shivayoga-glance-page .range-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 600px;
    margin: 0 auto 35px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(201, 139, 39, 0.3);
}

.shivayoga-glance-page .range-tab {
    position: relative;
    padding: 0 10px 10px;
    border: 0;
    background: transparent;
    color: var(--shivayoga-muted);
    font-family: var(--shivayoga-ui);
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    transition: color 0.2s ease;
}

.shivayoga-glance-page .range-tab:hover {
    color: var(--shivayoga-gold);
}

.shivayoga-glance-page .range-tab.active {
    color: var(--shivayoga-ink);
    font-weight: 600;
}

.shivayoga-glance-page .range-tab.active::after {
    position: absolute;
    right: 0;
    bottom: -13px;
    left: 0;
    height: 2px;
    background: var(--shivayoga-gold);
    content: "";
}


/* =========================================================
   PEARL ROWS
========================================================= */

.shivayoga-glance-page .saying-row {
    display: flex;
    align-items: flex-start;
    max-width: 900px;
    margin: 0 auto 30px;
}

.shivayoga-glance-page .saying-num-container {
    flex-shrink: 0;
    margin-right: 26px;
}

.shivayoga-glance-page .saying-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid var(--shivayoga-line);
    border-radius: 50%;
    background: transparent;
    color: var(--shivayoga-gold);
    font-family: var(--shivayoga-serif);
    font-size: 20px;
    font-weight: 500;
}

.shivayoga-glance-page .saying-copy {
    flex-grow: 1;
    min-width: 0;
}

.shivayoga-glance-page .saying-copy p,
.shivayoga-glance-page .saying-copy ol {
    color: var(--shivayoga-text);
    /* font-family: var(--shivayoga-serif); */
    font-family: "Source Serif 4";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.82;
}

.shivayoga-glance-page .saying-copy p {
    margin: 0;
    text-align: left;
    text-justify: inter-word;
    overflow-wrap: break-word;
}

.shivayoga-glance-page .saying-copy ol {
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 24px;
    text-align: justify;
}

.shivayoga-glance-page .saying-copy ol li {
    margin-bottom: 10px;
}

.shivayoga-glance-page .saying-copy ol li:last-child {
    margin-bottom: 0;
}

.shivayoga-glance-page .saying-copy ol li strong {
    color: var(--shivayoga-ink);
    font-weight: 600;
}


/* =========================================================
   LOTUS DIVIDER BETWEEN PEARLS
========================================================= */

.shivayoga-glance-page .lotus-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto 30px;
}

.shivayoga-glance-page .lotus-divider span {
    flex-grow: 1;
    height: 1px;
    background: rgba(201, 139, 39, 0.3);
}

.shivayoga-glance-page .lotus-divider img {
    width: 28px;
    height: auto;
    margin: 0 15px;
    opacity: 0.7;
}


/* =========================================================
   PAGINATION
========================================================= */

.shivayoga-glance-page .range-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    max-width: 800px;
    margin: 35px auto 0;
}

.shivayoga-glance-page .range-nav button {
    padding: 10px 22px;
    border: 1px solid var(--shivayoga-line);
    border-radius: 3px;
    background: transparent;
    color: var(--shivayoga-ink);
    font-family: var(--shivayoga-ui);
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.shivayoga-glance-page .range-nav button:hover:not(:disabled) {
    background: var(--shivayoga-navy);
    color: var(--shivayoga-white);
}

.shivayoga-glance-page .range-nav button:disabled {
    border-color: #ddd6ca;
    color: #aaa49a;
    cursor: not-allowed;
}

.shivayoga-glance-page .range-status {
    color: var(--shivayoga-muted);
    font-family: var(--shivayoga-ui);
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.shivayoga-glance-page .range-status strong {
    margin-right: 8px;
    color: var(--shivayoga-gold);
    font-size: 16px;
    font-weight: 600;
}


/* =========================================================
   SOURCE NOTE — ABOVE FOOTER
========================================================= */

.shivayoga-glance-page .sg-source-section {
    margin: 0;
    padding: 18px 15px 30px !important;
    background: var(--shivayoga-paper);
    border: 0;
    text-align: center;
}

.shivayoga-glance-page .sg-source-section .container {
    width: min(900px, calc(100% - 36px));
    margin: 0 auto;
}

.shivayoga-glance-page .sg-source-section p {
    margin: 0 auto;
    color: var(--shivayoga-ink);
    font-family: var(--shivayoga-serif);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center !important;
}

.shivayoga-glance-page .sg-source-section strong {
    font-weight: 500;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .shivayoga-glance-page .sacred-section {
        padding-top: 26px !important;
        padding-bottom: 22px !important;
    }

    .shivayoga-glance-page .pearls-section {
        padding-top: 28px;
        padding-bottom: 32px;
    }

    .shivayoga-glance-page .saying-row {
        max-width: 100%;
    }

    .shivayoga-glance-page .saying-copy p,
    .shivayoga-glance-page .saying-copy ol {
        font-size: 18px;
        line-height: 1.78;
    }

    .shivayoga-glance-page .range-tabs {
        gap: 22px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .shivayoga-glance-page .sacred-section {
        padding: 24px 0 20px !important;
    }

    .shivayoga-glance-page .sacred-divider {
        gap: 12px;
        margin-bottom: 18px;
    }

    .shivayoga-glance-page .om-circle {
        width: 46px;
        height: 46px;
        font-size: 25px;
    }

    .shivayoga-glance-page .sacred-content {
        padding: 0 8px;
    }

    .shivayoga-glance-page .sacred-content h3 {
        margin-bottom: 10px;
        font-size: 21px;
        line-height: 1.55;
    }

    .shivayoga-glance-page .sacred-content > span {
        font-size: 15px;
    }

    .shivayoga-glance-page .lotus {
        top: auto;
        bottom: 10px;
        font-size: 38px;
        transform: none;
    }

    .shivayoga-glance-page .lotus-left {
        left: 5px;
    }

    .shivayoga-glance-page .lotus-right {
        right: 5px;
    }

    .shivayoga-glance-page .pearls-section {
        padding: 25px 0 28px;
    }

    .shivayoga-glance-page .section-header {
        margin-bottom: 22px;
    }

    .shivayoga-glance-page .sg-heading-lotus {
        width: 34px;
        margin-bottom: 8px;
    }

    .shivayoga-glance-page .section-header h2 {
        font-size: 29px;
        line-height: 1.25;
    }

    .shivayoga-glance-page .section-header::after {
        margin-top: 15px;
    }

    .shivayoga-glance-page .range-tabs {
        gap: 10px;
        margin-bottom: 28px;
        padding-bottom: 10px;
    }

    .shivayoga-glance-page .range-tab {
        padding: 0 7px 8px;
        font-size: 13px;
    }

    .shivayoga-glance-page .range-tab.active::after {
        bottom: -11px;
    }

    .shivayoga-glance-page .saying-row {
        flex-direction: column;
        align-items: center;
        margin-bottom: 25px;
    }

    .shivayoga-glance-page .saying-num-container {
        margin-right: 0;
        margin-bottom: 14px;
    }

    .shivayoga-glance-page .saying-num {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .shivayoga-glance-page .saying-copy {
        width: 100%;
    }

    .shivayoga-glance-page .saying-copy p,
    .shivayoga-glance-page .saying-copy ol {
        font-size: 17px;
        line-height: 1.75;
    }

    .shivayoga-glance-page .saying-copy ol {
        padding-left: 22px;
    }

    .shivayoga-glance-page .lotus-divider {
        margin-bottom: 24px;
    }

    .shivayoga-glance-page .lotus-divider img {
        width: 24px;
        margin: 0 10px;
    }

    .shivayoga-glance-page .range-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 28px;
    }

    .shivayoga-glance-page .range-nav button {
        padding: 9px 12px;
        font-size: 13px;
    }

    .shivayoga-glance-page .range-status {
        order: -1;
        width: 100%;
        margin-bottom: 4px;
        font-size: 13px;
    }

    .shivayoga-glance-page .range-status strong {
        font-size: 14px;
    }

    .shivayoga-glance-page .sg-source-section {
        padding: 14px 18px 25px !important;
    }

    .shivayoga-glance-page .sg-source-section .container {
        width: 100%;
    }

    .shivayoga-glance-page .sg-source-section p {
        font-size: 15px;
        line-height: 1.7;
    }

    .shivayoga-glance-page .sg-source-section br {
        display: none;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .shivayoga-glance-page .range-tabs {
        gap: 4px;
    }

    .shivayoga-glance-page .range-tab {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 12px;
    }

    .shivayoga-glance-page .range-nav {
        gap: 8px;
    }

    .shivayoga-glance-page .range-nav button {
        padding: 8px 9px;
        font-size: 12px;
    }

    .shivayoga-glance-page .section-header h2 {
        font-size: 26px;
    }

    .shivayoga-glance-page .saying-copy p,
    .shivayoga-glance-page .saying-copy ol {
        font-size: 16px;
        line-height: 1.72;
    }
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .shivayoga-glance-page .range-tab,
    .shivayoga-glance-page .range-nav button {
        transition: none;
    }
}
/* Reduce vertical gaps between sections */

.shivayoga-glance-page .sacred-section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.shivayoga-glance-page .sacred-divider {
    margin-bottom: 12px !important;
}

.shivayoga-glance-page .pearls-section {
    padding-top: 15px !important;
    padding-bottom: 25px !important;
}

.shivayoga-glance-page .section-header {
    margin-bottom: 18px !important;
}

.shivayoga-glance-page .sg-heading-lotus {
    margin-bottom: 5px !important;
}

.shivayoga-glance-page .section-header h2 {
    margin-top: 0 !important;
}

.shivayoga-glance-page .sg-source-section {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}

/* Mobile spacing */
@media (max-width: 767px) {
    .shivayoga-glance-page .sacred-section {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .shivayoga-glance-page .pearls-section {
        padding-top: 12px !important;
        padding-bottom: 20px !important;
    }

    .shivayoga-glance-page .section-header {
        margin-bottom: 15px !important;
    }

    .shivayoga-glance-page .sg-source-section {
        padding-top: 8px !important;
        padding-bottom: 15px !important;
    }
}
/* Source section decorative golden ornament */
.shivayoga-glance-page .hymns-source-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    max-width: 560px;
    margin: 0 auto 22px;
}

.shivayoga-glance-page .hymns-source-ornament span {
    display: block;
    flex: 1;
    max-width: 250px;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #c98b27 35%,
        #c98b27
    );
}

.shivayoga-glance-page .hymns-source-ornament span:last-child {
    background: linear-gradient(
        to left,
        transparent,
        #c98b27 35%,
        #c98b27
    );
}

.shivayoga-glance-page .hymns-source-ornament i {
    color: #c98b27;
    font-size: 19px;
    font-style: normal;
    line-height: 1;
    flex-shrink: 0;
}

.shivayoga-glance-page .sg-source-section p {
    margin-bottom: 0;
    line-height: 1.8;
}

@media (max-width: 767px) {
    .shivayoga-glance-page .hymns-source-ornament {
        max-width: 85%;
        gap: 12px;
        margin-bottom: 16px;
    }

    .shivayoga-glance-page .hymns-source-ornament i {
        font-size: 16px;
    }

    .shivayoga-glance-page .sg-source-section p br {
        display: none;
    }
}

/* =========================================================
   MOBILE RESPONSIVE FIX
   Shivayoga At a Glance
========================================================= */

/* Prevent horizontal overflow */
.shivayoga-glance-page {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

.shivayoga-glance-page .container {
    max-width: 100%;
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991px) {

    .shivayoga-glance-page .sacred-section {
        padding: 18px 0 !important;
    }

    .shivayoga-glance-page .pearls-section {
        padding: 22px 0 28px !important;
    }

    .shivayoga-glance-page .saying-row {
        padding: 0 10px;
        gap: 0;
    }

    .shivayoga-glance-page .saying-num-container {
        margin-right: 18px;
    }

    .shivayoga-glance-page .saying-num {
        width: 46px;
        height: 46px;
        font-size: 18px;
    }

    .shivayoga-glance-page .saying-copy p,
    .shivayoga-glance-page .saying-copy ol {
        font-size: 17px;
        line-height: 1.75;
    }

    .shivayoga-glance-page .range-nav {
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 575px) {

    /* Hero spacing */
    .shivayoga-glance-page .height-110 {
        height: 80px;
    }

    .shivayoga-glance-page .teaching-hero-copy {
        padding: 30px 18px;
    }

    .shivayoga-glance-page .teaching-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 7px;
        font-size: 12px;
        line-height: 1.7;
    }

    .shivayoga-glance-page .teaching-hero-copy h1 {
        font-size: clamp(27px, 7vw, 36px);
        line-height: 1.2;
        overflow-wrap: break-word;
    }

    .shivayoga-glance-page .teaching-descriptor {
        font-size: 15px;
        line-height: 1.7;
    }

    /* Sacred quote and Om */
    .shivayoga-glance-page .sacred-section {
        padding: 12px 0 !important;
    }

    .shivayoga-glance-page .sacred-section > .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .shivayoga-glance-page .sacred-divider {
        gap: 10px;
        margin-bottom: 14px !important;
    }

    .shivayoga-glance-page .om-circle {
        width: 42px;
        height: 42px;
        font-size: 24px;
    }

    .shivayoga-glance-page .sacred-content {
        padding: 0 2px;
    }

    .shivayoga-glance-page .sacred-content h3 {
        font-size: clamp(18px, 5vw, 22px);
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .shivayoga-glance-page .sacred-content > span {
        font-size: 14px;
    }

    /* Pearls section */
    .shivayoga-glance-page .pearls-section {
        padding: 14px 0 22px !important;
    }

    .shivayoga-glance-page .pearls-section > .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .shivayoga-glance-page .section-header {
        margin-bottom: 16px !important;
    }

    .shivayoga-glance-page .sg-heading-lotus {
        width: 30px;
        margin-bottom: 5px !important;
    }

    .shivayoga-glance-page .section-header h2 {
        font-size: clamp(23px, 6.5vw, 29px);
        line-height: 1.3;
        letter-spacing: 0.5px;
    }

    .shivayoga-glance-page .section-header::after {
        margin-top: 12px;
    }

    /* Tabs */
    .shivayoga-glance-page .range-tabs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 12px;
        margin-bottom: 24px;
        padding-bottom: 9px;
    }

    .shivayoga-glance-page .range-tab {
        padding: 0 5px 8px;
        font-size: 12px;
        white-space: nowrap;
    }

    .shivayoga-glance-page .range-tab.active::after {
        bottom: -10px;
    }

    /* Pearl number and text */
    .shivayoga-glance-page .saying-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 auto 22px;
        padding: 0;
    }

    .shivayoga-glance-page .saying-num-container {
        margin: 0 0 12px;
    }

    .shivayoga-glance-page .saying-num {
        width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .shivayoga-glance-page .saying-copy {
        width: 100%;
        min-width: 0;
    }

    .shivayoga-glance-page .saying-copy p,
    .shivayoga-glance-page .saying-copy ol {
        font-size: 16px;
        line-height: 1.75;
        overflow-wrap: anywhere;
    }

    .shivayoga-glance-page .saying-copy p {
        text-align: left;
        text-justify: auto;
    }

    .shivayoga-glance-page .saying-copy ol {
        padding-left: 21px;
        text-align: left;
    }

    .shivayoga-glance-page .saying-copy ol li {
        padding-left: 2px;
        margin-bottom: 10px;
    }

    /* Decorative lotus dividers */
    .shivayoga-glance-page .lotus-divider {
        width: 90%;
        margin: 0 auto 22px;
    }

    .shivayoga-glance-page .lotus-divider img {
        width: 23px;
        margin: 0 10px;
    }

    /* Pagination */
    .shivayoga-glance-page .range-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
        margin-top: 24px;
    }

    .shivayoga-glance-page .range-status {
        order: -1;
        width: 100%;
        margin-bottom: 3px;
        font-size: 13px;
    }

    .shivayoga-glance-page .range-status strong {
        font-size: 14px;
    }

    .shivayoga-glance-page .range-nav button {
        max-width: 100%;
        padding: 9px 10px;
        font-size: 12px;
        line-height: 1.5;
        white-space: normal;
    }

    /* Source ornament: longer lines around the star */
    .shivayoga-glance-page .sg-source-section {
        padding: 10px 16px 18px !important;
    }

    .shivayoga-glance-page .sg-source-section .container {
        width: 100%;
        padding: 0;
    }

    .shivayoga-glance-page .hymns-source-ornament {
        width: 100%;
        max-width: 100%;
        gap: 12px;
        margin: 0 auto 14px;
    }

    .shivayoga-glance-page .hymns-source-ornament span {
        min-width: 0;
        max-width: none;
    }

    .shivayoga-glance-page .hymns-source-ornament i {
        flex-shrink: 0;
        font-size: 16px;
    }

    .shivayoga-glance-page .sg-source-section p {
        font-size: 14px;
        line-height: 1.7;
        overflow-wrap: break-word;
    }

    .shivayoga-glance-page .sg-source-section br {
        display: none;
    }
}

/* Extra-small phones */
@media (max-width: 360px) {

    .shivayoga-glance-page .teaching-hero-copy {
        padding-right: 14px;
        padding-left: 14px;
    }

    .shivayoga-glance-page .pearls-section > .container {
        padding-right: 14px;
        padding-left: 14px;
    }

    .shivayoga-glance-page .range-tabs {
        gap: 8px;
    }

    .shivayoga-glance-page .range-tab {
        font-size: 11px;
    }

    .shivayoga-glance-page .saying-copy p,
    .shivayoga-glance-page .saying-copy ol {
        font-size: 15px;
        line-height: 1.7;
    }

    .shivayoga-glance-page .range-nav {
        gap: 7px;
    }

    .shivayoga-glance-page .range-nav button {
        padding: 8px;
        font-size: 11px;
    }
}







/* =========================================================
   MY EXPERIENCES OF TAPOVAN
   Reuse existing Shiva-yoga styles
========================================================= */

/*
   IMPORTANT:
   Replace "shivayoga.css" below with the actual filename
   of the CSS file containing your supplied Shiva-yoga styles,
   if its name is different.



/* Page-specific article highlight */

.tapovan-experiences-page .tapovan-testimony {
    margin: 32px 0;
    padding: 25px 28px;
    border-left: 3px solid #c98b27;
    background: rgba(255, 255, 255, 0.48);
}

.tapovan-experiences-page .tapovan-testimony-label {
    display: block;
    margin-bottom: 12px;
    color: #a86e1f;
    font-family: "Aptos", "Segoe UI", Arial, sans-serif;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 2.5px;
    line-height: 1.5;
}

.tapovan-experiences-page .tapovan-testimony p {
    margin: 0;
    color: #2c241d;
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.82;
    text-align: justify;
}


/* Author attribution */

.tapovan-experiences-page .tapovan-author {
    margin: 28px 0 0 !important;
    color: #073653 !important;
    font-size: 17px !important;
    font-style: italic;
    text-align: right !important;
}


/* Closing mantra — use Shiva-yoga typography */

.tapovan-experiences-page .tapovan-closing-mantra {
    margin-top: 15px !important;
    color: #0b3557 !important;
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif !important;
    font-size: 21px !important;
    font-style: italic;
    font-weight: 400;
    line-height: 1.65;
    text-align: center;
}


/* Mobile adjustments */

@media (max-width: 700px) {
    .tapovan-experiences-page .tapovan-testimony {
        margin: 26px 0;
        padding: 20px 17px;
    }

    .tapovan-experiences-page .tapovan-testimony p {
        font-size: 18px;
        line-height: 1.75;
        text-align: left;
    }

    .tapovan-experiences-page .tapovan-author {
        font-size: 16px !important;
    }

    .tapovan-experiences-page .tapovan-closing-mantra {
        font-size: 18px !important;
    }
}
/* =========================================
   MY EXPERIENCES OF TAPOVAN
   HERO HEIGHT + BREADCRUMB FONT
========================================= */

.tapovan-experiences-page .shivayoga-hero {
    min-height: 600px;
    height: 620px;
}

.tapovan-experiences-page .shivayoga-hero-image {
    height: 100%;
    object-fit: cover;
}

/* Breadcrumb font same as heading */
.tapovan-experiences-page .shivayoga-crumbs,
.tapovan-experiences-page .shivayoga-crumbs a,
.tapovan-experiences-page .shivayoga-crumbs span {
    font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.7;
}

/* Mobile responsive */
@media (max-width: 700px) {
    .tapovan-experiences-page .shivayoga-hero {
        min-height: 540px;
        height: 540px;
    }

    .tapovan-experiences-page .shivayoga-crumbs,
    .tapovan-experiences-page .shivayoga-crumbs a,
    .tapovan-experiences-page .shivayoga-crumbs span {
        font-size: 11px;
    }
}
.tapovan-experiences-page .shivayoga-crumbs > span:last-child {
    color: #c98b27;
}

/* Move complete hero content slightly downward */
.tapovan-experiences-page .shivayoga-hero-content {
    padding-top: 200px;
    margin-left: -10px !important;
}

@media (max-width: 700px) {
    .tapovan-experiences-page .shivayoga-hero-content {
        padding-top: 115px;
    }
}


/* Shri Guru Kumareshaya Namaha - Author Image */
.tapovan-experiences-page .shivayoga-content img.same-img {
    width: 160px;
    height: 180px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}


/* Force vertical line to dark red */
.tapovan-experiences-page .shivayoga-content p,
.tapovan-experiences-page .tapovan-testimony,
.tapovan-experiences-page .shivayoga-teaching {
    border-left-color: #8B0000 !important;
}

.tapovan-experiences-page .shivayoga-content p::before,
.tapovan-experiences-page .tapovan-testimony::before,
.tapovan-experiences-page .shivayoga-teaching::before {
    background-color: #8B0000 !important;
    border-left-color: #8B0000 !important;
}










/* =========================================
   LOGIN PAGE ONLY
   Main website header remains unaffected
========================================= */

body.login-body {
    --login-ivory: #f6f1e8;
    --login-cream: #eee5d5;
    --login-brown: #4b4036;
    --login-brown-dark: #332c26;
    --login-gold: #a88755;
    --login-gold-light: #c5aa79;
    --login-text: #403932;
    --login-muted: #81776b;
    --login-border: rgba(75, 64, 54, 0.18);

    margin: 0;
    min-height: 100vh;
    background: var(--login-ivory);
    color: var(--login-text);
    font-family: "Inter", sans-serif;
}

/* Apply box sizing only to login page elements */

.login-body .login-wrapper *,
.login-body .login-wrapper *::before,
.login-body .login-wrapper *::after {
    box-sizing: border-box;
}

.login-body .login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(168, 135, 85, 0.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(75, 64, 54, 0.07),
            transparent 30%
        ),
        var(--login-ivory);
}

.login-body .decor-circle {
    position: absolute;
    border: 1px solid rgba(168, 135, 85, 0.16);
    border-radius: 50%;
    pointer-events: none;
}

.login-body .circle-one {
    width: 450px;
    height: 450px;
    left: -230px;
    top: -180px;
}

.login-body .circle-two {
    width: 600px;
    height: 600px;
    right: -330px;
    bottom: -300px;
}

.login-body .circle-three {
    width: 180px;
    height: 180px;
    right: 12%;
    top: 10%;
    border-color: rgba(168, 135, 85, 0.10);
}

.login-body .login-card {
    width: 100%;
    max-width: 460px;
    position: relative;
    z-index: 2;
    background: rgba(255, 252, 246, 0.94);
    border: 1px solid var(--login-border);
    padding: 48px 48px 42px;
    box-shadow: 0 20px 60px rgba(52, 43, 34, 0.08);

    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* Login brand - independent from website .brand */

.login-body .login-card .brand {
    text-align: center;
    margin: 0 0 35px;
    margin-left: 0 !important;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
}

.login-body .brand-symbol {
    width: 55px;
    height: 55px;
    margin: 0 auto 18px;
    border: 1px solid var(--login-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--login-gold);
    font-family: "Cormorant Garamond", serif;
    font-size: 25px;
}

.login-body .brand-title {
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--login-brown-dark);
}

.login-body .brand-subtitle {
    margin-top: 5px;
    font-size: 10px;
    letter-spacing: 3px;
    color: var(--login-gold);
    text-transform: uppercase;
}

.login-body .brand-line {
    width: 45px;
    height: 1px;
    background: var(--login-gold);
    margin: 20px auto 0;
}

.login-body .login-heading {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    font-weight: 600;
    color: var(--login-brown-dark);
    margin: 0 0 5px;
}

.login-body .login-description {
    text-align: center;
    font-size: 13px;
    color: var(--login-muted);
    margin: 0 0 30px;
}

.login-body .login-form .form-label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--login-brown);
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.login-body .input-group-custom {
    position: relative;
}

.login-body .input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--login-gold);
    font-size: 16px;
    z-index: 3;
    pointer-events: none;
}

.login-body .login-form .form-control {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 0;
    border: 1px solid rgba(75, 64, 54, 0.20);
    background: #fffdf9;
    color: var(--login-text);
    padding: 0 45px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    box-shadow: none;
    transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
}

.login-body .login-form .form-control:focus {
    border-color: var(--login-gold);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(168, 135, 85, 0.08);
    outline: 0;
}

.login-body .login-form .form-control::placeholder {
    color: #aaa197;
}

.login-body .password-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #918679;
    cursor: pointer;
    z-index: 5;
    padding: 4px;
}

.login-body .password-toggle:hover {
    color: var(--login-gold);
}

.login-body .login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 17px 0 25px;
}

.login-body .remember-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: var(--login-muted);
    cursor: pointer;
}

.login-body .remember-label input {
    width: 15px;
    height: 15px;
    accent-color: var(--login-gold);
    cursor: pointer;
}

.login-body .forgot-link {
    font-size: 12px;
    color: var(--login-gold);
    text-decoration: none;
    transition: color 0.2s ease;
}

.login-body .forgot-link:hover {
    color: var(--login-brown-dark);
}

.login-body .login-btn {
    display: block;
    width: 100%;
    min-height: 50px;
    border: none;
    border-radius: 0;
    background: var(--login-brown);
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
}

.login-body .login-btn:hover {
    background: var(--login-brown-dark);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(51, 44, 38, 0.16);
}

.login-body .login-btn:disabled {
    opacity: 0.7;
    cursor: wait;
    transform: none;
}

.login-body .login-error {
    display: none;
    margin-bottom: 18px;
    padding: 10px 12px;
    border: 1px solid #d8aaa1;
    background: #fff4f1;
    color: #8b3025;
    font-size: 12px;
    line-height: 1.6;
}

.login-body .login-error.is-visible {
    display: block;
}

.login-body .login-footer {
    text-align: center;
    margin-top: 30px;
    padding-top: 22px;
    border-top: 1px solid rgba(75, 64, 54, 0.10);
    font-size: 11px;
    color: #938a80;
    line-height: 1.7;
}

.login-body .om-symbol {
    display: block;
    font-family: "Cormorant Garamond", serif;
    color: var(--login-gold);
    font-size: 20px;
    margin-bottom: 3px;
}

/* Responsive */

@media (max-width: 576px) {
    .login-body .login-wrapper {
        padding: 25px 15px;
    }

    .login-body .login-card {
        padding: 38px 25px 32px;
    }

    .login-body .brand-title {
        font-size: 23px;
    }

    .login-body .login-heading {
        font-size: 27px;
    }

    .login-body .circle-three {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-body .login-form .form-control,
    .login-body .forgot-link,
    .login-body .login-btn {
        transition: none;
    }
}



/* =========================================================
   SHIVAYOGA — MANAGE GATHERINGS
   Fully scoped CSS: will not affect login, header or navbar
========================================================= */

.gatherings-page {
    --gathering-ivory: #f6f1e8;
    --gathering-cream: #eee5d5;
    --gathering-paper: #fffdf8;
    --gathering-brown: #4b4036;
    --gathering-brown-dark: #332c26;
    --gathering-gold: #a88755;
    --gathering-gold-light: #c5aa79;
    --gathering-text: #403932;
    --gathering-muted: #81776b;
    --gathering-border: rgba(75, 64, 54, 0.18);

    min-height: 100vh;
    padding: 0 0 60px;
    background: var(--gathering-ivory);
    color: var(--gathering-text);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.gatherings-page,
.gatherings-page *,
.gatherings-page *::before,
.gatherings-page *::after {
    box-sizing: border-box;
}

/* =========================================================
   TOP PROTOTYPE NOTICE
========================================================= */

.gatherings-page .top {
    width: 100%;
    padding: 11px 20px;
    background: var(--gathering-brown-dark);
    color: #f6f1e8;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.6;
}

/* =========================================================
   MAIN WRAPPER
========================================================= */

.gatherings-page .shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding-top: 55px;
}

/* =========================================================
   PAGE HEADING
========================================================= */

.gatherings-page .head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 36px;
}

.gatherings-page .eyebrow {
    margin: 0 0 12px;
    color: var(--gathering-gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.2px;
    line-height: 1.6;
    text-transform: uppercase;
}

.gatherings-page h1 {
    margin: 0;
    color: var(--gathering-brown-dark);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.5px;
}

.gatherings-page .head p {
    max-width: 590px;
    margin: 12px 0 0;
    color: var(--gathering-muted);
    font-size: 13px;
    line-height: 1.8;
}

.gatherings-page .head-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

/* =========================================================
   BUTTONS
========================================================= */

.gatherings-page .btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 15px;
    border: 1px solid var(--gathering-border);
    border-radius: 0;
    background: var(--gathering-paper);
    color: var(--gathering-brown);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease;
}

.gatherings-page .btn:hover {
    border-color: var(--gathering-gold);
    background: var(--gathering-cream);
    color: var(--gathering-brown-dark);
}

.gatherings-page .btn.primary {
    border-color: var(--gathering-brown);
    background: var(--gathering-brown);
    color: #fff;
}

.gatherings-page .btn.primary:hover {
    border-color: var(--gathering-brown-dark);
    background: var(--gathering-brown-dark);
    color: #fff;
}

.gatherings-page .btn.gold {
    border-color: var(--gathering-gold);
    background: var(--gathering-gold);
    color: #fff;
}

.gatherings-page .btn.gold:hover {
    border-color: var(--gathering-brown);
    background: var(--gathering-brown);
}

.gatherings-page .btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.gatherings-page .btn:focus-visible,
.gatherings-page .link:focus-visible,
.gatherings-page .tab:focus-visible,
.gatherings-page .close:focus-visible {
    outline: 2px solid var(--gathering-gold);
    outline-offset: 3px;
}

/* =========================================================
   TABS
========================================================= */

.gatherings-page .tabs {
    display: flex;
    align-items: stretch;
    gap: 28px;
    margin: 0 0 24px;
    border-bottom: 1px solid var(--gathering-border);
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--gathering-gold-light) transparent;
}

.gatherings-page .tab {
    position: relative;
    flex: 0 0 auto;
    min-height: 48px;
    padding: 12px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--gathering-muted);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.gatherings-page .tab:hover {
    color: var(--gathering-brown-dark);
}

.gatherings-page .tab.active {
    color: var(--gathering-brown-dark);
    font-weight: 600;
}

.gatherings-page .tab.active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--gathering-gold);
    content: "";
}

/* =========================================================
   PANELS
========================================================= */

.gatherings-page .panel {
    display: none;
    min-width: 0;
}

.gatherings-page .panel.active {
    display: block;
}

/* =========================================================
   EVENT CARDS
========================================================= */

.gatherings-page .card {
    margin-bottom: 12px;
    padding: 23px 24px;
    border: 1px solid var(--gathering-border);
    border-radius: 0;
    background: var(--gathering-paper);
    box-shadow: 0 5px 18px rgba(52, 43, 34, 0.025);
}

.gatherings-page .row {
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 24px;
    margin: 0;
}

.gatherings-page .date {
    color: var(--gathering-gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.1px;
    line-height: 1.7;
}

.gatherings-page .title {
    margin: 0 0 5px;
    color: var(--gathering-brown-dark);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.gatherings-page .meta {
    color: var(--gathering-muted);
    font-size: 11px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

/* =========================================================
   STATUS LABELS
========================================================= */

.gatherings-page .status {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.35px;
    line-height: 1.4;
    white-space: nowrap;
}

.gatherings-page .status.live {
    border-color: rgba(67, 113, 79, 0.2);
    background: #edf4ec;
    color: #416c49;
}

.gatherings-page .status.draft {
    border-color: rgba(168, 135, 85, 0.24);
    background: #f5eddf;
    color: #87683b;
}

.gatherings-page .status.need {
    border-color: rgba(153, 83, 59, 0.2);
    background: #f8eae4;
    color: #914c38;
}

/* =========================================================
   EVENT ACTION LINKS
========================================================= */

.gatherings-page .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 13px;
}

.gatherings-page .link {
    display: inline-block;
    padding: 3px 0;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--gathering-brown);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.6;
    text-align: left;
    cursor: pointer;
}

.gatherings-page .link:hover {
    border-bottom-color: var(--gathering-gold);
    color: var(--gathering-gold);
}

/* =========================================================
   EMPTY STATE
========================================================= */

.gatherings-page .empty {
    padding: 50px 24px;
    border: 1px dashed var(--gathering-border);
    background: rgba(255, 253, 248, 0.55);
    color: var(--gathering-muted);
    font-size: 12px;
    text-align: center;
}

/* =========================================================
   INFORMATION NOTICE
========================================================= */

.gatherings-page .notice {
    margin: 0 0 18px;
    padding: 15px 17px;
    border-left: 3px solid var(--gathering-gold);
    background: #f0e8da;
    color: var(--gathering-brown);
    font-size: 11px;
    line-height: 1.8;
}

/* =========================================================
   ARCHIVE TOOLBAR
========================================================= */

.gatherings-page .archivebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
    padding: 22px 24px;
    border: 1px solid var(--gathering-border);
    background: var(--gathering-paper);
}

.gatherings-page .archivebar strong {
    display: block;
    margin-bottom: 4px;
    color: var(--gathering-brown-dark);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 600;
}

/* =========================================================
   MODAL OVERLAY
========================================================= */

.gatherings-page .overlay {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 35px 20px;
    overflow-y: auto;
    background: rgba(25, 24, 21, 0.58);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.gatherings-page .overlay.open {
    display: flex;
}

/* =========================================================
   MODAL SHEET
========================================================= */

.gatherings-page .sheet {
    position: relative;
    width: min(760px, 100%);
    margin: auto 0;
    padding: 40px;
    border: 1px solid rgba(168, 135, 85, 0.25);
    background: var(--gathering-ivory);
    box-shadow: 0 25px 90px rgba(0, 0, 0, 0.22);
}

.gatherings-page .close {
    display: block;
    margin: 0 0 25px auto;
    padding: 6px 0;
    border: 0;
    border-bottom: 1px solid var(--gathering-border);
    border-radius: 0;
    background: transparent;
    color: var(--gathering-muted);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
}

.gatherings-page .close:hover {
    color: var(--gathering-brown-dark);
}

.gatherings-page .sheet h2 {
    margin: 0 0 24px;
    color: var(--gathering-brown-dark);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

/* =========================================================
   EVENT / RECAP FORM GRID
========================================================= */

.gatherings-page .formgrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 18px;
}

.gatherings-page .field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

.gatherings-page .field.full {
    grid-column: 1 / -1;
}

.gatherings-page .field label {
    margin: 0;
    color: var(--gathering-brown);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.25px;
}

.gatherings-page .field input,
.gatherings-page .field textarea {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 45px;
    padding: 11px 13px;
    border: 1px solid var(--gathering-border);
    border-radius: 0;
    outline: none;
    background: var(--gathering-paper);
    color: var(--gathering-text);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.6;
    box-shadow: none;
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease;
}

.gatherings-page .field textarea {
    min-height: 105px;
    resize: vertical;
}

.gatherings-page .field input:focus,
.gatherings-page .field textarea:focus {
    border-color: var(--gathering-gold);
    box-shadow: 0 0 0 3px rgba(168, 135, 85, 0.08);
}

.gatherings-page .field input::placeholder,
.gatherings-page .field textarea::placeholder {
    color: #aaa197;
}

.gatherings-page .field input[type="file"] {
    min-height: auto;
    padding: 10px;
}

.gatherings-page .field input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 7px 10px;
    border: 1px solid var(--gathering-border);
    background: var(--gathering-cream);
    color: var(--gathering-brown);
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 10px;
    cursor: pointer;
}

.gatherings-page .hint {
    color: var(--gathering-muted);
    font-size: 10px;
    line-height: 1.7;
}

/* =========================================================
   MODAL FOOTER ACTIONS
========================================================= */

.gatherings-page .footer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid var(--gathering-border);
}

.gatherings-page .right-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

/* =========================================================
   VISITOR PREVIEW
========================================================= */

.gatherings-page .preview {
    margin-top: 24px;
    padding: 25px;
    border: 1px solid var(--gathering-border);
    background: var(--gathering-paper);
}

.gatherings-page .preview .bigdate {
    margin: 0 0 7px;
    color: var(--gathering-gold);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.1;
}

.gatherings-page .preview h3 {
    margin: 0 0 10px;
    color: var(--gathering-brown-dark);
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.gatherings-page .preview-description {
    margin: 16px 0 0;
    color: var(--gathering-text);
    font-size: 12px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.gatherings-page .preview-program {
    margin: 16px 0 0;
    padding-top: 15px;
    border-top: 1px solid var(--gathering-border);
    color: var(--gathering-muted);
    font-size: 11px;
    line-height: 2;
}

/* =========================================================
   RECAP PHOTOGRAPHS
========================================================= */

.gatherings-page .photo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.gatherings-page .thumb {
    position: relative;
    min-width: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid var(--gathering-border);
    background: var(--gathering-cream);
}

.gatherings-page .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gatherings-page .thumb > span {
    position: absolute;
    top: 7px;
    left: 7px;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    background: var(--gathering-brown-dark);
    color: #fff;
    font-size: 10px;
}

.gatherings-page .thumb-placeholder {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 12px;
    color: var(--gathering-muted);
    font-size: 10px;
    text-align: center;
    overflow-wrap: anywhere;
}

/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1024px) {
    .gatherings-page .shell {
        width: calc(100% - 40px);
        padding-top: 40px;
    }

    .gatherings-page .head {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .gatherings-page .head-actions {
        justify-content: flex-start;
    }

    .gatherings-page .row {
        grid-template-columns: 105px minmax(0, 1fr) auto;
        gap: 17px;
    }

    .gatherings-page .actions {
        grid-column: 2 / -1;
        justify-content: flex-start;
    }
}

/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 700px) {
    .gatherings-page {
        padding-bottom: 35px;
    }

    .gatherings-page .top {
        padding: 10px 14px;
        font-size: 9px;
        letter-spacing: 1px;
    }

    .gatherings-page .shell {
        width: calc(100% - 30px);
        padding-top: 30px;
    }

    .gatherings-page .head {
        margin-bottom: 26px;
    }

    .gatherings-page h1 {
        font-size: 37px;
    }

    .gatherings-page .head p {
        font-size: 12px;
    }

    .gatherings-page .head-actions {
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
    }

    .gatherings-page .head-actions .btn {
        flex: 1 1 auto;
    }

    .gatherings-page .tabs {
        gap: 22px;
        margin-bottom: 18px;
    }

    .gatherings-page .tab {
        min-height: 44px;
        font-size: 10px;
    }

    .gatherings-page .card {
        padding: 19px 16px;
    }

    .gatherings-page .row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 12px;
    }

    .gatherings-page .date {
        grid-column: 1 / -1;
    }

    .gatherings-page .title {
        font-size: 21px;
    }

    .gatherings-page .status {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        max-width: 130px;
        white-space: normal;
        text-align: center;
    }

    .gatherings-page .actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-top: 8px;
        border-top: 1px solid rgba(75, 64, 54, 0.09);
    }

    .gatherings-page .archivebar {
        align-items: flex-start;
        flex-direction: column;
        padding: 19px 16px;
    }

    .gatherings-page .overlay {
        padding: 12px;
    }

    .gatherings-page .sheet {
        padding: 25px 19px;
    }

    .gatherings-page .sheet h2 {
        font-size: 29px;
    }

    .gatherings-page .formgrid {
        grid-template-columns: minmax(0, 1fr);
        gap: 17px;
    }

    .gatherings-page .field.full {
        grid-column: auto;
    }

    .gatherings-page .footer-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .gatherings-page .footer-actions > .btn {
        width: 100%;
    }

    .gatherings-page .right-actions {
        width: 100%;
        justify-content: stretch;
    }

    .gatherings-page .right-actions .btn {
        flex: 1 1 0;
    }

    .gatherings-page .preview {
        padding: 19px;
    }

    .gatherings-page .preview h3 {
        font-size: 24px;
    }

    .gatherings-page .photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   RESPONSIVE — SMALL MOBILE
========================================================= */

@media (max-width: 400px) {
    .gatherings-page .shell {
        width: calc(100% - 22px);
    }

    .gatherings-page h1 {
        font-size: 32px;
    }

    .gatherings-page .head-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .gatherings-page .head-actions .btn {
        width: 100%;
    }

    .gatherings-page .card {
        padding: 16px 12px;
    }

    .gatherings-page .row {
        column-gap: 8px;
    }

    .gatherings-page .title {
        font-size: 19px;
    }

    .gatherings-page .sheet {
        padding: 22px 14px;
    }

    .gatherings-page .right-actions {
        flex-direction: column;
    }

    .gatherings-page .right-actions .btn {
        width: 100%;
        flex: auto;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .gatherings-page *,
    .gatherings-page *::before,
    .gatherings-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}







:root {
    --ivory: #f7f4ed;
    --paper: #fffdf8;
    --ink: #28251f;
    --muted: #756e63;
    --gold: #b48635;
    --line: #ded8cd;
    --soft: #eee9df;
    --green: #536b58;
    --red: #8b5147;
    --sans: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --serif: Georgia, 'Times New Roman', serif;
}

* {
    box-sizing: border-box;
}

body.gatherings-admin {
    margin: 0;
    background: radial-gradient(ellipse at 95% 2%, #efe7d8 0%, transparent 35%), var(--ivory);
    color: var(--ink);
    font-family: var(--sans);
}

.gatherings-admin button,
.gatherings-admin input,
.gatherings-admin textarea,
.gatherings-admin select {
    font: inherit;
}

.gatherings-admin .top {
    background: #24231f;
    color: #fff;
    padding: 14px 4vw;
    font-size: 12px;
    letter-spacing: .12em;
    text-align: center;
}

.gatherings-admin .shell {
    max-width: 1320px;
    margin: auto;
    padding: 50px 32px 84px;
}

.gatherings-admin .eyebrow {
    font-size: 12px;
    letter-spacing: .28em;
    color: var(--gold);
    font-weight: 700;
}

.gatherings-admin .head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    margin-bottom: 34px;
    padding: 8px 0 12px;
}

.gatherings-admin .head h1 {
    font: 52px/1.05 var(--serif);
    letter-spacing: -.035em;
    margin: 10px 0 0;
}

.gatherings-admin .head p {
    color: var(--muted);
    margin: 8px 0 0;
    font-size: 15px;
    line-height: 1.5;
    max-width: 550px;
}

.gatherings-admin .head-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.gatherings-admin .btn {
    border: 1px solid var(--ink);
    background: transparent;
    padding: 12px 18px;
    cursor: pointer;
    letter-spacing: .08em;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    transition: transform .18s, background .18s;
}

.gatherings-admin .btn:hover {
    transform: translateY(-1px);
}

.gatherings-admin .btn.primary {
    background: var(--ink);
    color: white;
}

.gatherings-admin .btn.gold {
    border-color: var(--gold);
    color: #6e501e;
}

.gatherings-admin .btn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.gatherings-admin .tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid #d6cec1;
    padding-bottom: 9px;
    margin-bottom: 22px;
}

.gatherings-admin .tab {
    padding: 10px 15px;
    border-radius: 24px;
    border: 1px solid transparent;
    background: none;
    color: var(--muted);
    cursor: pointer;
    font-size: 14px;
    line-height: 1.2;
    transition: background .2s, color .2s;
}

.gatherings-admin .tab:hover {
    background: #eee7db;
    color: var(--ink);
}

.gatherings-admin .tab.active {
    background: #2d2a25;
    color: #fff;
    border: 1px solid #2d2a25;
}

.gatherings-admin .panel {
    display: none;
}

.gatherings-admin .panel.active {
    display: block;
}

.gatherings-admin .card {
    background: var(--paper);
    border: 1px solid #e2dbcf;
    border-radius: 11px;
    padding: 22px 26px;
    margin: 12px 0;
    box-shadow: 0 5px 20px rgba(49, 39, 22, .025);
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.gatherings-admin .card:hover {
    transform: translateY(-1px);
    border-color: #cbb994;
    box-shadow: 0 9px 28px rgba(49, 39, 22, .06);
}

.gatherings-admin .row {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 145px 154px;
    gap: 20px;
    align-items: center;
    min-height: 48px;
}

.gatherings-admin .date {
    font-size: 11.5px;
    letter-spacing: .15em;
    color: var(--gold);
    white-space: nowrap;
    font-weight: 650;
}

.gatherings-admin .title {
    font: 21px/1.22 var(--serif);
    letter-spacing: -.012em;
    margin-bottom: 2px;
}

.gatherings-admin .meta {
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--muted);
}

.gatherings-admin .status {
    font-size: 10.5px;
    letter-spacing: .045em;
    text-transform: uppercase;
    white-space: nowrap;
    justify-self: end;
    font-weight: 600;
    padding: 7px 10px;
    border-radius: 30px;
    background: #f1ede5;
}

.gatherings-admin .status.live {
    color: var(--green);
    background: #e9eee6;
}

.gatherings-admin .status.draft {
    color: var(--muted);
    background: #eeeae1;
}

.gatherings-admin .status.need {
    color: var(--red);
    background: #f5eae6;
}

.gatherings-admin .actions {
    text-align: right;
    justify-self: end;
    min-width: 145px;
}

.gatherings-admin .link {
    display: inline-block;
    border: 0;
    background: none;
    padding: 8px 2px;
    margin: -3px -2px;
    font-family: var(--sans);
    font-size: 13.5px;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid #c8b58f;
    cursor: pointer;
    color: #373229;
    white-space: nowrap;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.gatherings-admin .link:hover,
.gatherings-admin .link:focus-visible {
    color: #805d23;
    border-bottom: 2px solid var(--gold);
    background: rgba(180, 134, 53, .045);
}

.gatherings-admin .link:focus-visible,
.gatherings-admin .btn:focus-visible,
.gatherings-admin .tab:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 4px;
}

.gatherings-admin .empty {
    padding: 50px;
    text-align: center;
    color: var(--muted);
    border: 1px dashed var(--line);
}

.gatherings-admin .overlay {
    position: fixed;
    inset: 0;
    background: rgba(36, 35, 31, .38);
    display: none;
    z-index: 2000;
    padding: 24px;
    overflow: auto;
}

.gatherings-admin .overlay.open {
    display: block;
}

.gatherings-admin .sheet {
    max-width: 980px;
    margin: 20px auto;
    background: var(--paper);
    min-height: 0;
    padding: 48px 54px;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 25px 85px #211e1940;
}

.gatherings-admin .close {
    position: absolute;
    right: 34px;
    top: 30px;
    border: 0;
    background: none;
    cursor: pointer;
    letter-spacing: .1em;
}

.gatherings-admin .sheet h2 {
    font: 42px/1.08 var(--serif);
    margin: 10px 0 30px;
}

.gatherings-admin .formgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.gatherings-admin .field.full {
    grid-column: 1 / -1;
}

.gatherings-admin .field label {
    display: block;
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 8px;
}

.gatherings-admin .field input,
.gatherings-admin .field textarea {
    width: 100%;
    border: 1px solid var(--line);
    background: #fff;
    padding: 13px 14px;
    font-family: var(--sans);
    font-size: 15px;
    line-height: 1.45;
    color: var(--ink);
    border-radius: 6px;
    transition: border-color .2s, box-shadow .2s;
}

.gatherings-admin .field input:focus,
.gatherings-admin .field textarea:focus {
    outline: 0;
    border-color: var(--gold);
    box-shadow: 0 0 0 3px #b4863520;
}

.gatherings-admin .field textarea {
    min-height: 105px;
    resize: vertical;
}

.gatherings-admin .hint {
    font-size: 12px;
    line-height: 1.45;
    color: var(--muted);
    margin-top: 6px;
}

.gatherings-admin .footer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--line);
    margin-top: 34px;
    padding-top: 22px;
    gap: 15px;
}

.gatherings-admin .right-actions {
    display: flex;
    gap: 10px;
}

.gatherings-admin .preview {
    border: 1px solid var(--line);
    margin: 25px 0;
    padding: 34px;
    background: var(--ivory);
}

.gatherings-admin .preview h3 {
    font: 34px/1.1 var(--serif);
    margin: 8px 0;
}

.gatherings-admin .preview .bigdate {
    font: 56px/1 var(--serif);
    margin: 8px 0;
}

.gatherings-admin .photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 14px;
}

.gatherings-admin .thumb {
    aspect-ratio: 4 / 3;
    background: var(--soft);
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
}

.gatherings-admin .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gatherings-admin .thumb span {
    position: absolute;
    left: 7px;
    top: 7px;
    background: rgba(255, 255, 255, .9);
    padding: 4px 7px;
    font-size: 11px;
}

.gatherings-admin .notice {
    background: #f0eadf;
    border-left: 3px solid var(--gold);
    padding: 13px 16px;
    color: #625a4d;
    font-size: 13px;
    margin: 16px 0;
}

.gatherings-admin .archivebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
    gap: 15px;
}

@media (max-width: 960px) {
    .gatherings-admin .row {
        grid-template-columns: 95px minmax(0, 1fr);
        gap: 10px 16px;
    }

    .gatherings-admin .row .status,
    .gatherings-admin .row .actions {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .gatherings-admin .shell {
        padding: 35px 18px;
    }

    .gatherings-admin .head {
        display: block;
    }

    .gatherings-admin .head h1 {
        font-size: 40px;
    }

    .gatherings-admin .head-actions {
        margin-top: 20px;
    }

    .gatherings-admin .tabs {
        gap: 20px;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .gatherings-admin .tab {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .gatherings-admin .row {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 10px 16px;
    }

    .gatherings-admin .row .status,
    .gatherings-admin .row .actions {
        grid-column: 2;
        justify-self: start;
    }

    .gatherings-admin .actions {
        text-align: left;
        min-width: 0;
    }

    .gatherings-admin .sheet {
        padding: 40px 22px;
    }

    .gatherings-admin .sheet h2 {
        font-size: 34px;
    }

    .gatherings-admin .formgrid {
        grid-template-columns: 1fr;
    }

    .gatherings-admin .field.full {
        grid-column: auto;
    }

    .gatherings-admin .photo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gatherings-admin .footer-actions {
        display: block;
    }

    .gatherings-admin .right-actions {
        margin-top: 15px;
        flex-wrap: wrap;
    }

    .gatherings-admin .archivebar {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gatherings-admin .link,
    .gatherings-admin .btn,
    .gatherings-admin .tab,
    .gatherings-admin .card {
        transition: none;
    }
}



.home-gatherings {
    padding: 90px 0 100px;
    background: #f8f3e9;
    color: #073653;
}

.home-gatherings-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.home-gatherings-heading {
    max-width: 760px;
    margin: 0 auto 44px;
    text-align: center;
}

.home-gatherings-eyebrow {
    margin: 0 0 14px;
    color: #b9822d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
}

.home-gatherings-heading h2 {
    margin: 0;
    color: #073653;
    font-family: Georgia, serif;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 400;
    line-height: 1.2;
}

.home-gatherings-intro {
    max-width: 620px;
    margin: 18px auto 22px;
    color: #716f6a;
    font-size: 15px;
    line-height: 1.9;
}

.home-gatherings-divider {
    display: block;
    width: 65px;
    height: 2px;
    margin: 0 auto;
    background: #c98b27;
}

.home-gatherings-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.home-gathering-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 30px 27px;
    background: #fffdf8;
    border: 1px solid #e7ddcc;
    border-top: 3px solid #c98b27;
}

.home-gathering-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}

.home-gathering-date {
    color: #716f6a;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.7;
}

.home-gathering-status {
    display: inline-block;
    padding: 6px 10px;
    background: #edf3ed;
    color: #315c43;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-gathering-status.is-news {
    background: #f5ead7;
    color: #8a5a16;
}

.home-gathering-card h3 {
    margin: 0 0 14px;
    color: #073653;
    font-family: Georgia, serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.home-gathering-description {
    margin: 0 0 24px;
    color: #716f6a;
    font-size: 14px;
    line-height: 1.9;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.home-gathering-meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #e9e1d5;
    color: #4e5960;
    font-size: 13px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.home-gathering-meta strong {
    color: #073653;
    font-weight: 600;
}

.home-gatherings-loading,
.home-gatherings-empty {
    grid-column: 1 / -1;
    padding: 30px 20px;
    color: #716f6a;
    text-align: center;
    line-height: 1.8;
}

@media (max-width: 900px) {
    .home-gatherings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .home-gatherings {
        padding: 62px 0 70px;
    }

    .home-gatherings-inner {
        padding: 0 18px;
    }

    .home-gatherings-heading {
        margin-bottom: 30px;
    }

    .home-gatherings-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-gathering-card {
        padding: 24px 21px;
    }

    .home-gathering-card h3 {
        font-size: 23px;
    }
}





/* =====================================================
   SHIVAYOGA — LIVING COMMUNITY
   Separate Home Page Stylesheet
===================================================== */

:root {
    --lc-ink: #25221d;
    --lc-muted: #777066;
    --lc-gold: #b39151;
    --lc-gold-light: #d6c08a;
    --lc-paper: #fbfaf6;
    --lc-warm: #f2eee5;
    --lc-line: rgba(70, 57, 39, 0.16);
    --lc-deep: #343126;
}


/* =====================================================
   MAIN COMMUNITY SECTION
===================================================== */

.sy-living-community {
    position: relative;
    overflow: hidden;
    padding: 62px 6vw 66px;
    background: var(--lc-paper);
    color: var(--lc-ink);
    font-family: Arial, Helvetica, sans-serif;
}

.sy-living-community *,
.lc-closing *,
.lc-modal * {
    box-sizing: border-box;
}

.sy-living-community::before {
    content: "";
    position: absolute;
    top: 4px;
    right: -125px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(203, 181, 128, 0.11),
        rgba(203, 181, 128, 0) 68%
    );
    pointer-events: none;
}

.sy-living-community .lc-head,
.sy-living-community .lc-grid {
    position: relative;
    z-index: 1;
}

.sy-living-community .lc-head {
    max-width: 1100px;
    margin: 0 auto 34px;
}

.sy-living-community .lc-eyebrow {
    color: var(--lc-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.sy-living-community .lc-head h2 {
    margin: 9px 0 0;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.7vw, 50px);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.025em;
}


/* =====================================================
   TWO-COLUMN LAYOUT
===================================================== */

.sy-living-community .lc-grid {
    display: grid;
    grid-template-columns: 1.04fr 0.96fr;
    align-items: start;
    gap: clamp(46px, 5.4vw, 72px);
    max-width: 1100px;
    margin: 0 auto;
    min-width: 0;
}

.sy-living-community .lc-upcoming-column,
.sy-living-community .lc-recent-column {
    min-width: 0;
}

.sy-living-community .lc-side-label {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--lc-line);
    color: var(--lc-muted);
    font-size: 11px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}


/* =====================================================
   UPCOMING FEATURED DATE
===================================================== */

.sy-living-community .lc-featured-date {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 14px;
}

.sy-living-community .lc-month {
    margin-top: 7px;
    color: var(--lc-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.sy-living-community .lc-day {
    color: var(--lc-deep);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 62px;
    font-weight: 400;
    line-height: 0.82;
}


/* =====================================================
   FEATURED TITLES AND TEXT
===================================================== */

.sy-living-community .lc-featured-title,
.sy-living-community .lc-recent-copy h3 {
    margin: 0 0 12px;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 2.55vw, 38px);
    font-weight: 400;
    line-height: 1.08;
}

.sy-living-community .lc-meta {
    margin-bottom: 13px;
    color: var(--lc-muted);
    font-size: 12.5px;
    line-height: 1.7;
    letter-spacing: 0.025em;
    overflow-wrap: anywhere;
}

.sy-living-community .lc-desc {
    max-width: 500px;
    margin: 0;
    color: #5f5a51;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.58;
    overflow-wrap: anywhere;
}


/* =====================================================
   TEXT LINKS
===================================================== */

.sy-living-community .lc-action {
    display: inline-block;
    margin-top: 14px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--lc-gold);
    color: var(--lc-ink);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.sy-living-community .lc-action:focus-visible,
.sy-living-community .lc-column-link a:focus-visible {
    outline: 2px solid var(--lc-gold);
    outline-offset: 5px;
}


/* =====================================================
   SECONDARY EVENT LISTS
===================================================== */

.sy-living-community .lc-secondary {
    margin-top: 26px;
    border-top: 1px solid var(--lc-line);
}

.sy-living-community .lc-secondary:empty {
    display: none;
}

.sy-living-community .lc-secondary button {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    width: 100%;
    padding: 13px 0;
    border: 0;
    border-bottom: 1px solid var(--lc-line);
    background: transparent;
    color: var(--lc-ink);
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.sy-living-community .lc-sec-date {
    color: var(--lc-gold);
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sy-living-community .lc-sec-title {
    min-width: 0;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.sy-living-community .lc-arrow {
    color: var(--lc-muted);
    font-size: 16px;
}


/* =====================================================
   RECENT MOMENT IMAGE
===================================================== */

.sy-living-community .lc-recent-visual {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.9 / 1;
    margin-bottom: 18px;
    background: #ddd5c7;
}

.sy-living-community .lc-recent-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.82) contrast(0.98);
}

.sy-living-community .lc-recent-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 68%,
        rgba(25, 22, 17, 0.18)
    );
    pointer-events: none;
}

.sy-living-community .lc-recent-copy {
    padding-top: 0;
}

.sy-living-community .lc-recent-copy h3 {
    margin-bottom: 12px;
    font-size: 30px;
}

.sy-living-community .lc-recent-copy .lc-desc {
    font-size: 15.5px;
}


/* =====================================================
   VIEW ALL LINKS
===================================================== */

.sy-living-community .lc-column-link {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--lc-line);
}

.sy-living-community .lc-column-link a {
    color: var(--lc-muted);
    font-size: 10.5px;
    letter-spacing: 0.13em;
    text-decoration: none;
    text-transform: uppercase;
}

.sy-living-community .lc-column-link a span {
    display: inline-block;
    margin-left: 3px;
}


/* =====================================================
   DATABASE ERROR MESSAGE
===================================================== */

.sy-living-community .lc-error {
    max-width: 1100px;
    margin: 24px auto 0;
    color: #8b4337;
    font-size: 13px;
    line-height: 1.6;
}

.sy-living-community .lc-error[hidden] {
    display: none;
}


/* =====================================================
   CLOSING SECTION — ABOVE FOOTER
===================================================== */

.lc-closing {
    display: grid;
    min-height: 300px;
    place-items: center;
    padding: 68px 24px 76px;
    background: linear-gradient(
        180deg,
        var(--lc-paper),
        #f3eee3
    );
    text-align: center;
    color: var(--lc-ink);
    font-family: Arial, Helvetica, sans-serif;
}

.lc-closing-inner {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.lc-closing .lc-om {
    margin-bottom: 14px;
    color: var(--lc-gold);
    font-family: Georgia, "Noto Serif Devanagari", serif;
    font-size: 20px;
    font-weight: 400;
}

.lc-closing h2 {
    margin: 0;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 3.2vw, 38px);
    font-weight: 400;
    line-height: 1.15;
}

.lc-closing p {
    margin: 13px 0 0;
    color: var(--lc-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =====================================================
   MODAL BACKDROP
===================================================== */

.lc-modal {
    position: fixed;
    z-index: 99999;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(22, 20, 16, 0.76);
}

.lc-modal.is-open {
    display: flex;
}

body.lc-modal-open {
    overflow: hidden;
}


/* =====================================================
   MODAL CONTENT
===================================================== */

.lc-modal .lc-modal-card {
    position: relative;
    width: 100%;
    max-width: 760px;
    max-height: 84vh;
    overflow: auto;
    padding: 38px 40px 40px;
    background: var(--lc-paper);
    color: var(--lc-ink);
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.16);
    overscroll-behavior: contain;
}

.lc-modal .lc-modal-close {
    position: sticky;
    z-index: 2;
    top: 0;
    float: right;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    margin: -24px -24px 0 0;
    border: 0;
    background: rgba(251, 250, 246, 0.96);
    color: var(--lc-ink);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 27px;
    line-height: 1;
    cursor: pointer;
}

.lc-modal .lc-modal-close:focus-visible {
    outline: 2px solid var(--lc-gold);
    outline-offset: 2px;
}

.lc-modal .lc-eyebrow {
    margin-bottom: 8px;
    color: var(--lc-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.lc-modal h2 {
    margin: 20px 0 10px;
    padding-right: 20px;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.lc-modal p {
    margin: 11px 0;
    color: var(--lc-muted);
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.lc-modal .lc-modal-program {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--lc-line);
}

.lc-modal .lc-modal-program p {
    margin: 9px 0;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
}

.lc-modal .lc-modal-photos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 28px;
}

.lc-modal .lc-modal-photos img {
    display: block;
    width: 100%;
    max-height: 350px;
    object-fit: contain;
    background: var(--lc-warm);
}

.lc-modal .lc-collection-row {
    padding: 18px 0;
    border-bottom: 1px solid var(--lc-line);
}

.lc-modal .lc-collection-row h3 {
    margin: 8px 0;
    color: var(--lc-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.lc-modal .lc-collection-row p {
    margin: 10px 0;
}


/* =====================================================
   WIDE SCREENS
===================================================== */

@media (min-width: 1200px) {

    .sy-living-community .lc-featured-title.lc-long-title {
        font-size: clamp(23px, 1.68vw, 27px);
        letter-spacing: -0.035em;
        white-space: nowrap;
    }

}


/* =====================================================
   TABLETS AND MOBILE
===================================================== */

@media (max-width: 800px) {

    .sy-living-community {
        padding: 56px 24px 60px;
    }

    .sy-living-community .lc-head {
        margin-bottom: 32px;
    }

    .sy-living-community .lc-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 54px;
    }

    .sy-living-community .lc-day {
        font-size: 58px;
    }

    .sy-living-community .lc-featured-title.lc-long-title {
        font-size: clamp(26px, 6vw, 34px);
        white-space: normal;
    }

    .sy-living-community .lc-recent-copy h3 {
        font-size: 28px;
    }

    .lc-closing {
        min-height: 260px;
        padding: 60px 24px;
    }

    .lc-modal {
        padding: 18px;
    }

    .lc-modal .lc-modal-card {
        max-height: 88vh;
        padding: 34px 25px 30px;
    }

    .lc-modal .lc-modal-close {
        margin: -20px -15px 0 0;
    }

    .lc-modal h2 {
        font-size: 28px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .sy-living-community {
        padding: 46px 20px 48px;
    }

    .sy-living-community .lc-head h2 {
        font-size: 34px;
        line-height: 1.12;
    }

    .sy-living-community .lc-grid {
        gap: 42px;
    }

    .sy-living-community .lc-side-label {
        margin-bottom: 17px;
    }

    .sy-living-community .lc-featured-title {
        font-size: 29px;
    }

    .sy-living-community .lc-secondary button {
        grid-template-columns: 60px minmax(0, 1fr) auto;
        gap: 9px;
    }

    .sy-living-community .lc-sec-title {
        font-size: 15px;
    }

    .sy-living-community .lc-recent-visual {
        aspect-ratio: 1.5 / 1;
    }

    .lc-closing h2 {
        font-size: 30px;
    }

    .lc-modal {
        padding: 12px;
    }

    .lc-modal .lc-modal-card {
        padding: 30px 20px 25px;
    }

    .lc-modal .lc-modal-photos {
        grid-template-columns: minmax(0, 1fr);
    }

    .lc-modal h2 {
        font-size: 25px;
    }

}





/* =========================================
   BASAVA VACHANAS - OPENING SPACE
========================================= */

.basava-vachanas-page .parchment.opening .reflection {
    padding-top: 25px;
    padding-bottom: 25px;
}

.basava-vachanas-page .parchment.opening .ornament {
    margin-top: 0;
    margin-bottom: 12px;
}

.basava-vachanas-page .parchment.opening .reflection p {
    margin-top: 0;
    margin-bottom: 0;
}


/* =========================================
   BASAVA VACHANAS - CLOSING SPACE
========================================= */

.basava-vachanas-page .closing {
    padding-top: 25px;
    padding-bottom: 25px;
}

.basava-vachanas-page .closing .ornament {
    margin-top: 0;
    margin-bottom: 12px;
}

.basava-vachanas-page .closing p {
    margin-top: 0;
    margin-bottom: 12px;
}

.basava-vachanas-page .closing .basava-gold-stroke {
    margin-top: 0;
}

/* Move closing section slightly upward */
.basava-vachanas-page .closing {
    margin-top: -25px;
}


/* =========================================
   BASAVA MYSTIC — REDUCE SECTION GAPS
========================================= */

/* Opening section */
.basava-mystic-page .parchment.opening {
    padding-top: 10px !important;
    /* padding-bottom: 2px !important; */
    /* margin-top: 0 !important; */
    margin-bottom: 0 !important;
}

.basava-mystic-page .parchment.opening .reflection {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.basava-mystic-page .parchment.opening .ornament {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.basava-mystic-page .parchment.opening .reflection p {
    /* margin-top: 0 !important; */
    /* margin-bottom: 0 !important; */
}


/* Article section — reduce top and bottom space */
.basava-mystic-page .buddha-article-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.basava-mystic-page .buddha-page-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.basava-mystic-page .buddha-article-layout {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Closing section — move closer to article */
.basava-mystic-page .closing.page-width {
    padding-top: 2px !important;
    /* padding-bottom: 5px !important; */
    /* margin-top: -1px !important; */
    margin-bottom: 0 !important;
}

.basava-mystic-page .closing .ornament {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
}

.basava-mystic-page .closing p {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
}

.basava-mystic-page .closing .basava-gold-stroke {
    margin-top: 0 !important;
}

/* Opening aur Article ke beech balanced gap */

.basava-mystic-page .parchment.opening {
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
}

.basava-mystic-page .buddha-article-section {
    padding-top: 15px !important;
    margin-top: 0 !important;
}

/* Opening aur Main Content ke beech balanced gap */

/* .parchment.opening {
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
}

.parchment.opening .reflection {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.buddha-article-section {
    padding-top: 12px !important;
    margin-top: 0 !important;
}
 */


 /* =========================================
   BASAVA THE MYSTIC — OPENING GAP
   Only this page
========================================= */

.basava-mystic-page .parchment.opening {
    padding-bottom: 8px !important;
    margin-bottom: 0 !important;
}

.basava-mystic-page .parchment.opening .reflection {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.basava-mystic-page .buddha-article-section {
    padding-top: 12px !important;
    margin-top: 0 !important;
}


/* All content pages — Opening section */
.buddha-buddhism-page .parchment.opening {
    padding-top: 22px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

.buddha-buddhism-page .parchment.opening .reflection {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.buddha-buddhism-page .parchment.opening .ornament {
    margin-top: 5px !important;
    margin-bottom: 12px !important;
}

/* All content pages — Article section */
.buddha-buddhism-page .buddha-article-section {
    padding-top: 10px !important;
    margin-top: 0 !important;
}

/* All content pages — Closing section */
.buddha-buddhism-page .closing.page-width {
    padding-top: 12px !important;
    padding-bottom: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.buddha-buddhism-page .closing .ornament {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}


/* =========================================
   THE GREAT SHARANAS — NAVY TEXT COLORS
   ========================================= */

/* Opening and closing reflection text */
.sharanas-section .threshold-reflection p,
.sharanas-section .closing-reflection p {
    color: #073653 !important;
}

/* Sharana card titles */
.sharanas-section .sharana-card h2 {
    color: #073653 !important;
}

/* Card descriptions */
.sharanas-section .sharana-card .traits {
    color: #073653 !important;
}

/* Explore links and arrows */
.sharanas-section .sharana-card a.explore11,
.sharanas-section .sharana-card a.explore11 span {
    color: #073653 !important;
}

/* Keep card links navy blue */
.sharanas-section .sharana-card a {
    color: #073653;
}



/* Explore Basava heading */
.parchment.opening .explore .explore-head h2 {
    color: #073653 !important;
}

/* Fourteen perspectives text */
.parchment.opening .explore .carousel-meta em {
    color: #073653 !important;
}

/* Explore text inside all cards */
.parchment.opening .explore .cards a.explore,
.parchment.opening .explore .cards a.explore11,
.parchment.opening .explore .cards a[class*="explore"] {
    color: #073653 !important;
}

/* Explore arrow inside cards */
.parchment.opening .explore .cards a[class*="explore"] span {
    color: #073653 !important;
}














/* Basava cards — black text to navy blue */
.parchment.opening .explore .cards,
.parchment.opening .explore .cards h2,
.parchment.opening .explore .cards h3,
.parchment.opening .explore .cards h4,
.parchment.opening .explore .cards p,
.parchment.opening .explore .cards a,
.parchment.opening .explore .cards span,
.parchment.opening .explore .cards strong {
    color: #073653;
}

/* Preserve gold/yellow text */
.parchment.opening .explore .cards .gold,
.parchment.opening .explore .cards .highlight,
.parchment.opening .explore .cards .gold *,
.parchment.opening .explore .cards .highlight * {
    color: #c98b27 !important;
}



/* Cards: default text navy blue */
.parchment.opening .explore .cards,
.parchment.opening .explore .cards h2,
.parchment.opening .explore .cards h3,
.parchment.opening .explore .cards h4,
.parchment.opening .explore .cards p,
.parchment.opening .explore .cards a,
.parchment.opening .explore .cards span,
.parchment.opening .explore .cards strong {
    color: #073653;
}

/* Restore gold on highlighted card text */
.parchment.opening .explore .cards .vachana,
.parchment.opening .explore .cards .card-category,
.parchment.opening .explore .cards .eyebrow,
.parchment.opening .explore .cards .gold,
.parchment.opening .explore .cards .highlight {
    color: #c98b27 !important;
}

/* Dimensions heading and description — navy blue */
.parchment.opening .dimensions .section-heading h2,
.parchment.opening .dimensions .section-heading p {
    color: #073653 !important;
}




/* button page 2 */

.shivayoga-page-navigation {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 30px;
}

.shivayoga-page-navigation a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background-color: #073653 !important;
    color: #ffffff !important;
    border: 1px solid #073653;
    text-decoration: none;
    font-weight: 600;
}

.shivayoga-page-navigation a span {
    color: #ffffff !important;
}





/* Life Sketch - All Story Subheadings */
.life-sketch-story-content h3 {
    color: #95651E !important;
    font-family: "Source Serif 4" !important;
    font-size: 19px !important;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 16px;
}









@media screen and (max-width: 768px) {
    .teaching-hero.satsthala-hero > img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}


@media screen and (max-width: 768px) {
    .great-sharanas-hero.basava-vachanas-hero .great-sharanas-crumb {
        margin-bottom: 0 !important;
    }

    .great-sharanas-hero.basava-vachanas-hero .great-sharanas-crumb + h1 {
        margin-top: 90px !important;
    }
}




/* =========================================
   SHIVA-YOGA OPENING & CLOSING
   MOBILE RESPONSIVE FIX
========================================= */

@media screen and (max-width: 768px) {

    /* OPENING SECTION */
    main.shivayoga-page section.shivayoga-opening {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 24px 18px !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
    }

    main.shivayoga-page .shivayoga-opening-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* CLOSING SECTION */
    main.shivayoga-page section.shivayoga-closing {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 24px 18px !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
    }

    main.shivayoga-page .shivayoga-closing-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* BOTH SECTION ORNAMENTS */
    main.shivayoga-page .shivayoga-opening .shivayoga-ornament,
    main.shivayoga-page .shivayoga-closing .shivayoga-ornament {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        margin: 0 auto 14px !important;
        box-sizing: border-box !important;
    }

    main.shivayoga-page .shivayoga-ornament span {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* BOTH SECTION PARAGRAPHS */
    main.shivayoga-page .shivayoga-opening-inner p,
    main.shivayoga-page .shivayoga-closing-inner p {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1.7 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        box-sizing: border-box !important;
    }

    /* CLOSING PAGE NAVIGATION */
    main.shivayoga-page .shivayoga-page-navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 22px auto 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    main.shivayoga-page .shivayoga-page-navigation a {
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }
}

/* SMALL MOBILE SCREENS */
@media screen and (max-width: 480px) {

    main.shivayoga-page section.shivayoga-opening,
    main.shivayoga-page section.shivayoga-closing {
        padding: 20px 14px !important;
    }

    main.shivayoga-page .shivayoga-opening-inner p,
    main.shivayoga-page .shivayoga-closing-inner p {
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    main.shivayoga-page .shivayoga-opening .shivayoga-ornament,
    main.shivayoga-page .shivayoga-closing .shivayoga-ornament {
        gap: 9px !important;
    }
}




/* =========================================
   ISHTALINGA PAUSE - MOBILE RESPONSIVE
========================================= */

@media screen and (max-width: 768px) {

    .avp-ishtalinga-pause {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 24px 0 !important;
        padding: 0 !important;
        gap: 18px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .avp-ishtalinga-pause img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 320px !important;
        object-fit: cover !important;
        object-position: center !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .avp-ishtalinga-pause > div {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 18px 20px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    .avp-ishtalinga-pause > div > span {
        display: block !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
        font-size: 11px !important;
        letter-spacing: 2px !important;
        overflow-wrap: break-word !important;
    }

    .avp-ishtalinga-pause h3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        font-size: 19px !important;
        line-height: 1.5 !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        box-sizing: border-box !important;
    }
}

/* SMALL MOBILE SCREENS */
@media screen and (max-width: 480px) {

    .avp-ishtalinga-pause {
        margin: 20px 0 !important;
        gap: 14px !important;
    }

    .avp-ishtalinga-pause img {
        max-height: 260px !important;
    }

    .avp-ishtalinga-pause > div {
        padding: 0 14px 18px !important;
    }

    .avp-ishtalinga-pause h3 {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }
}





/* =====================================================
   VEERASHAIVA — NEWS & EVENTS
   Elegant editorial layout
===================================================== */

.sy-living-community {
    --lc-navy: #073653;
    --lc-deep: #022b44;
    --lc-gold: #c98b27;
    --lc-cream: #f6f1e8;
    --lc-paper: #fbf8f1;
    --lc-line: #dcd1bd;
    --lc-text: #494942;
    --lc-muted: #777369;

    padding: 82px 24px 88px;
    background: var(--lc-cream);
    color: var(--lc-text);
}

.sy-living-community *,
.lc-modal * {
    box-sizing: border-box;
}

/* Section heading */

.sy-living-community .lc-head {
    width: min(1180px, 100%);
    margin: 0 auto 48px;
    text-align: center;
}

.sy-living-community .lc-eyebrow {
    margin: 0 0 12px;
    color: var(--lc-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.8;
    text-transform: uppercase;
}

.sy-living-community .lc-head h2 {
    margin: 0;
    color: var(--lc-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.2;
}

.sy-living-community .lc-head h2::after {
    content: "";
    display: block;
    width: 46px;
    height: 2px;
    margin: 19px auto 0;
    background: var(--lc-gold);
}

/* Two editorial columns — no individual cards */

.sy-living-community .lc-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    width: min(1180px, 100%);
    margin: 0 auto;
    border-top: 1px solid var(--lc-line);
    border-bottom: 1px solid var(--lc-line);
}

.sy-living-community .lc-upcoming-column,
.sy-living-community .lc-recent-column {
    min-width: 0;
    padding: 28px 32px 30px;
    background: transparent;
}

.sy-living-community .lc-upcoming-column {
    border-right: 1px solid var(--lc-line);
}

.sy-living-community .lc-recent-column {
    padding-right: 0;
}

.sy-living-community .lc-upcoming-column {
    padding-left: 0;
}

.sy-living-community .lc-side-label {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 25px;
    color: var(--lc-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.35;
}

.sy-living-community .lc-side-label::before {
    content: "";
    width: 3px;
    height: 25px;
    flex: 0 0 3px;
    background: var(--lc-gold);
}

.sy-living-community .lc-side-label::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--lc-line);
}

/* Upcoming featured image */

.sy-living-community .lc-featured-visual {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0 0 23px;
    overflow: hidden;
    background: #e9e0cf;
}

.sy-living-community .lc-featured-visual img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sy-living-community .lc-featured-visual--empty {
    display: grid;
    place-items: center;
    background: #eae1d1;
}

.sy-living-community .lc-image-placeholder {
    padding: 20px;
    color: var(--lc-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    text-align: center;
}

.sy-living-community .lc-image-placeholder span {
    display: block;
    margin-bottom: 7px;
    color: var(--lc-gold);
    font-size: 30px;
}

/* Date block */

.sy-living-community .lc-featured-date {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 62px;
    min-width: 62px;
    min-height: 65px;
    padding: 7px;
    background: var(--lc-navy);
    border-bottom: 3px solid var(--lc-gold);
    color: #fff;
    text-align: center;
}

.sy-living-community .lc-featured-date .lc-month {
    color: #efd092;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.sy-living-community .lc-featured-date .lc-day {
    margin-top: 3px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    line-height: 1.05;
}

.sy-living-community .lc-featured-date--overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/* Featured event content */

.sy-living-community .lc-featured-content {
    min-width: 0;
}

.sy-living-community .lc-featured-title,
.sy-living-community .lc-recent-copy h3 {
    margin: 0 0 13px;
    color: var(--lc-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(25px, 2.4vw, 32px);
    font-weight: 400;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.sy-living-community .lc-featured-title.lc-long-title {
    font-size: clamp(22px, 2.1vw, 28px);
}

.sy-living-community .lc-meta {
    margin: 0 0 13px;
    color: var(--lc-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.45px;
}

.sy-living-community .lc-desc {
    margin: 0;
    color: var(--lc-text);
    font-size: 14px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.sy-living-community .lc-featured-content > .lc-desc,
.sy-living-community .lc-recent-copy > .lc-desc {
    margin-bottom: 20px;
}

/* Text links instead of large buttons */

.sy-living-community .lc-action {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 5px 0 7px;
    border-bottom: 1px solid var(--lc-gold);
    color: var(--lc-navy);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-decoration: none;
    text-transform: uppercase;
}

.sy-living-community .lc-action::after {
    content: "→";
    color: var(--lc-gold);
    font-size: 17px;
}

.sy-living-community .lc-action:hover,
.sy-living-community .lc-action:focus-visible {
    color: var(--lc-gold);
}

/* Other upcoming and recent items */

.sy-living-community .lc-secondary {
    margin-top: 27px;
    border-top: 1px solid var(--lc-line);
}

.sy-living-community .lc-secondary button {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 17px 0;
    border: 0;
    border-bottom: 1px solid var(--lc-line);
    background: transparent;
    color: var(--lc-navy);
    text-align: left;
    cursor: pointer;
}

.sy-living-community .lc-secondary button:last-child {
    border-bottom: 0;
}

.sy-living-community .lc-sec-date {
    color: var(--lc-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.6;
    text-transform: uppercase;
}

.sy-living-community .lc-sec-title {
    min-width: 0;
    color: var(--lc-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.sy-living-community .lc-arrow {
    color: var(--lc-gold);
    font-size: 18px;
    text-align: right;
}

.sy-living-community .lc-secondary button:hover .lc-sec-title,
.sy-living-community .lc-secondary button:focus-visible .lc-sec-title {
    color: var(--lc-gold);
}

/* Recent moment — image and reflection together */

.sy-living-community #lc-recent-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
}

.sy-living-community .lc-recent-visual {
    width: 100%;
    aspect-ratio: 5 / 4;
    margin: 0 0 22px;
    overflow: hidden;
    background: #e9e0cf;
}

.sy-living-community .lc-recent-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sy-living-community .lc-recent-copy {
    min-width: 0;
}

.sy-living-community .lc-recent-copy h3 {
    font-size: clamp(24px, 2.2vw, 30px);
}

/* Bottom links */

.sy-living-community .lc-column-link {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid var(--lc-line);
}

.sy-living-community .lc-column-link a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--lc-navy);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.8;
    text-decoration: none;
    text-transform: uppercase;
}

.sy-living-community .lc-column-link a span {
    color: var(--lc-gold);
    font-size: 18px;
}

.sy-living-community .lc-column-link a:hover,
.sy-living-community .lc-column-link a:focus-visible {
    color: var(--lc-gold);
}

.sy-living-community .lc-error {
    width: min(1180px, 100%);
    margin: 20px auto 0;
    padding: 12px 15px;
    border-left: 3px solid #a64c38;
    background: #f5e6df;
    color: #873d2d;
    font-size: 13px;
    line-height: 1.7;
}

.sy-living-community #lc-upcoming-feature > .lc-desc,
.sy-living-community #lc-recent-feature > .lc-desc {
    padding: 18px 0;
}

/* =====================================================
   DETAILS MODAL — SAME FUNCTIONALITY
===================================================== */

body.lc-modal-open {
    overflow: hidden;
}

.lc-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(2, 31, 48, 0.8);
}

.lc-modal.is-open {
    display: flex;
}

.lc-modal-card {
    position: relative;
    width: min(720px, 100%);
    max-height: 85vh;
    overflow-y: auto;
    padding: 42px;
    border-top: 3px solid #c98b27;
    background: #fbf8f1;
    color: #494942;
}

.lc-modal-close {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 36px;
    height: 36px;
    border: 1px solid #dcd1bd;
    background: transparent;
    color: #073653;
    font-size: 27px;
    line-height: 1;
    cursor: pointer;
}

.lc-modal-close:hover,
.lc-modal-close:focus-visible {
    background: #073653;
    color: #fff;
}

.lc-modal .lc-eyebrow {
    margin: 0 0 12px;
    color: #c98b27;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lc-modal h2 {
    margin: 0 40px 17px 0;
    color: #073653;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 4vw, 36px);
    font-weight: 400;
    line-height: 1.3;
}

.lc-modal p {
    color: #494942;
    font-size: 14px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.lc-modal-program {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #dcd1bd;
}

.lc-modal-program p {
    margin: 7px 0;
}

.lc-modal-photos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.lc-modal-photos img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #e9e0cf;
}

.lc-collection {
    margin-top: 22px;
}

.lc-collection-row {
    padding: 19px 0;
    border-top: 1px solid #dcd1bd;
}

.lc-collection-row h3 {
    margin: 6px 0 9px;
    color: #073653;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
}

.lc-collection-row p {
    margin: 0 0 13px;
}

/* =====================================================
   CLOSING REFLECTION
===================================================== */

.lc-closing {
    padding: 60px 24px 66px;
    background: #071c2d;
    color: #f8f3e9;
    text-align: center;
}

.lc-closing::before {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin: 0 auto 24px;
    background: #c98b27;
}

.lc-closing-inner {
    width: min(760px, 100%);
    margin: 0 auto;
}

.lc-closing .lc-om {
    margin-bottom: 14px;
    color: #d9a13a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.lc-closing h2 {
    margin: 0 0 12px;
    color: #f8f3e9;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 400;
    line-height: 1.35;
}

.lc-closing p {
    margin: 0;
    color: #d8d4ca;
    font-size: 12px;
    line-height: 1.9;
    letter-spacing: 1px;
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {
    .sy-living-community {
        padding: 65px 22px;
    }

    .sy-living-community .lc-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sy-living-community .lc-upcoming-column,
    .sy-living-community .lc-recent-column {
        padding: 27px 0 30px;
        border-right: 0;
    }

    .sy-living-community .lc-upcoming-column {
        border-bottom: 1px solid var(--lc-line);
    }

    .sy-living-community .lc-featured-visual {
        aspect-ratio: 16 / 8;
    }

    .sy-living-community .lc-recent-visual {
        aspect-ratio: 16 / 8;
    }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 560px) {
    .sy-living-community {
        padding: 50px 17px 55px;
    }

    .sy-living-community .lc-head {
        margin-bottom: 31px;
    }

    .sy-living-community .lc-head h2 {
        font-size: 33px;
    }

    .sy-living-community .lc-side-label {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .sy-living-community .lc-featured-visual,
    .sy-living-community .lc-recent-visual {
        aspect-ratio: 4 / 3;
    }

    .sy-living-community .lc-featured-title,
    .sy-living-community .lc-recent-copy h3 {
        font-size: 26px;
    }

    .sy-living-community .lc-featured-title.lc-long-title {
        font-size: 23px;
    }

    .sy-living-community .lc-secondary button {
        grid-template-columns: 48px minmax(0, 1fr) 15px;
        gap: 9px;
        padding: 15px 0;
    }

    .sy-living-community .lc-sec-title {
        font-size: 15px;
    }

    .lc-modal {
        padding: 12px;
    }

    .lc-modal-card {
        max-height: 90vh;
        padding: 36px 20px 24px;
    }

    .lc-modal-photos {
        gap: 8px;
    }

    .lc-closing {
        padding: 47px 20px 52px;
    }
}


/* =========================================
   CLOSING REFLECTION — NAVY BLUE
========================================= */

.closing-reflection {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    /* Section ko upar lana */
    margin-top: 35px !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;

    /* Navy blue text */
    color: #073653 !important;
}

.closing-reflection p {
    color: #073653 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    
}

.closing-reflection .closing-lines i,
.closing-reflection .short-rule {
    background-color: #c98b27 !important;
}

.closing-reflection .five-mark {
    color: #c98b27 !important;
}


/* Homepage Closing Text — Center Alignment */
.home-closing-reflection {
    width: 100% !important;
    text-align: center !important;
}

.home-closing-reflection p {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-style: italic;
    color: var(--navy);
    font-size: 18px !important;
}

.home-closing-reflection .closing-lines {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
  
}

.home-closing-reflection .short-rule {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    margin-bottom: 25px;
}













/* ============================================
   VEERASHAIVA — LUXURY RECENT MOMENTS
   Theme: Midnight Navy / Antique Gold / Ivory
============================================ */

.community-list-page {
    --news-navy: #082b43;
    --news-deep: #041b2b;
    --news-gold: #c6a15b;
    --news-gold-light: #e4ce9b;
    --news-ivory: #f8f4eb;
    --news-paper: #fffdf8;
    --news-muted: #79766e;
    --news-border: #e5dccb;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 80vh;
    padding: 32px 26px 100px;
    color: var(--news-navy);
    background:
        radial-gradient(
            ellipse at 0% 12%,
            rgba(198, 161, 91, 0.10),
            transparent 32%
        ),
        radial-gradient(
            ellipse at 100% 58%,
            rgba(8, 43, 67, 0.035),
            transparent 35%
        ),
        var(--news-ivory);
}

.community-list-page *,
.community-list-page *::before,
.community-list-page *::after {
    box-sizing: border-box;
}

/* Subtle decorative lines */

.community-list-page::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 5%;
    width: 1px;
    height: 230px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(198, 161, 91, 0.45),
        transparent
    );
    content: "";
}

.community-list-page::after {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 5%;
    width: 1px;
    height: 230px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(198, 161, 91, 0.35),
        transparent
    );
    content: "";
}

.community-list-inner {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
}

/* Back navigation */

.community-back-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 40px;
    color: #6c6b64;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.community-back-link span {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9c9ac;
    border-radius: 50%;
    color: #a77e35;
    font-size: 17px;
}

.community-back-link:hover {
    color: var(--news-navy);
}

/* Editorial hero */

.community-list-header {
    position: relative;
    max-width: 820px;
    margin: 0 auto 65px;
    text-align: center;
}

.community-list-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 23px;
    color: #a47c35;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 1.8;
    text-transform: uppercase;
}

.community-list-eyebrow::before,
.community-list-eyebrow::after {
    width: 35px;
    height: 1px;
    background: var(--news-gold);
    content: "";
}

.community-list-heading {
    margin: 0;
    color: var(--news-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 6.5vw, 76px);
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 1.08;
}

.community-list-heading span {
    display: inline-block;
    color: #aa843e;
    font-style: italic;
    font-weight: 400;
}

.community-list-rule {
    position: relative;
    width: 82px;
    height: 1px;
    margin: 30px auto 27px;
    background: var(--news-gold);
}

.community-list-rule::before {
    position: absolute;
    top: -4px;
    left: 50%;
    width: 9px;
    height: 9px;
    border: 1px solid var(--news-gold);
    background: var(--news-ivory);
    content: "";
    transform: translateX(-50%) rotate(45deg);
}

.community-list-intro {
    max-width: 610px;
    margin: 0 auto;
    color: var(--news-muted);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.15px;
    line-height: 2.1;
}

/* Collection heading */

.community-list-section-label {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 27px;
}

.community-list-section-label span {
    flex-shrink: 0;
    color: var(--news-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 400;
}

.community-list-section-label::after {
    flex: 1;
    height: 1px;
    background: linear-gradient(
        to right,
        #d6c39f,
        rgba(214, 195, 159, 0.12)
    );
    content: "";
}

/* Card grid */

.community-list-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 30px;
}

/* Premium editorial cards */

.community-event {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(8, 43, 67, 0.10);
    background: var(--news-paper);
    box-shadow: 0 8px 30px rgba(4, 27, 43, 0.045);
}

.community-event-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e7ddc9;
}

.community-event-image::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    content: "";
    pointer-events: none;
}

.community-event-image::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--news-gold);
    content: "";
    pointer-events: none;
}

.community-event-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.community-event-image-placeholder {
    display: flex;
    width: 100%;
    aspect-ratio: 4 / 3;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(
            circle at center,
            rgba(198, 161, 91, 0.19),
            transparent 50%
        ),
        #eee6d8;
    color: #a7803c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 45px;
}

/* Card content */

.community-event-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 27px 26px 24px;
}

.community-event-date {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #a47c35;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.65px;
    line-height: 1.8;
    text-transform: uppercase;
}

.community-event-date::before {
    width: 20px;
    height: 1px;
    flex-shrink: 0;
    background: var(--news-gold);
    content: "";
}

.community-event h2 {
    margin: 0 0 15px;
    color: var(--news-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -0.35px;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.community-event-location {
    margin: -2px 0 15px;
    color: #928775;
    font-size: 11px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.community-event-description {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 25px;
    color: #77746c;
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

/* Refined card footer */

.community-event-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 19px;
    border-top: 1px solid #eee6d8;
}

.community-event-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--news-navy);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1.25px;
    line-height: 1.8;
    text-decoration: none;
    text-transform: uppercase;
}

.community-event-link span {
    color: #b58b42;
    font-size: 17px;
    line-height: 1;
}

.community-event-link:hover {
    color: #a47c35;
}

.community-event-count {
    color: #b7a98f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: 1px;
}

/* Loading / empty / error state */

.community-list-message {
    max-width: 690px;
    margin: 0 auto;
    padding: 43px 25px;
    border: 1px solid #e2d5bf;
    background: rgba(255, 253, 248, 0.86);
    color: #77746c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.9;
    text-align: center;
}

.community-list-message[hidden] {
    display: none !important;
}

.community-list-message::before {
    display: block;
    margin-bottom: 12px;
    color: #b58b42;
    font-size: 25px;
    content: "✧";
}

/* Closing signature */

.community-list-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 64px;
    color: #918573;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: center;
    text-transform: uppercase;
}

.community-list-bottom::before,
.community-list-bottom::after {
    width: 38px;
    height: 1px;
    flex-shrink: 0;
    background: #d4c09b;
    content: "";
}

/* Tablet */

@media (max-width: 1000px) {
    .community-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .community-list-heading {
        font-size: clamp(45px, 7vw, 64px);
    }

    .community-event-body {
        padding: 24px 22px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .community-list-page {
        padding: 23px 17px 62px;
    }

    .community-list-page::before {
        right: 3%;
        height: 150px;
    }

    .community-list-page::after {
        left: 3%;
        height: 150px;
    }

    .community-back-link {
        gap: 9px;
        margin-bottom: 39px;
        font-size: 10px;
    }

    .community-back-link span {
        width: 29px;
        height: 29px;
    }

    .community-list-header {
        margin-bottom: 42px;
    }

    .community-list-eyebrow {
        gap: 9px;
        margin-bottom: 19px;
        font-size: 8px;
        letter-spacing: 2.3px;
    }

    .community-list-eyebrow::before,
    .community-list-eyebrow::after {
        width: 19px;
    }

    .community-list-heading {
        font-size: clamp(39px, 10.5vw, 52px);
        letter-spacing: -1px;
        line-height: 1.12;
    }

    .community-list-rule {
        margin: 25px auto 22px;
    }

    .community-list-intro {
        font-size: 12px;
        line-height: 1.95;
    }

    .community-list-section-label {
        gap: 13px;
        margin-bottom: 22px;
    }

    .community-list-section-label span {
        font-size: 20px;
    }

    .community-list-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .community-event-image {
        aspect-ratio: 5 / 3;
    }

    .community-event-body {
        padding: 24px 21px 23px;
    }

    .community-event-date {
        margin-bottom: 12px;
        font-size: 9px;
    }

    .community-event h2 {
        font-size: 25px;
    }

    .community-event-description {
        margin-bottom: 22px;
        font-size: 12px;
    }

    .community-list-message {
        padding: 32px 19px;
        font-size: 15px;
    }

    .community-list-bottom {
        gap: 9px;
        margin-top: 43px;
        font-size: 8px;
        letter-spacing: 1px;
    }

    .community-list-bottom::before,
    .community-list-bottom::after {
        width: 18px;
    }
}




/* show news */


.news-details-page {
    background: #f6f1e8;
    padding: 55px 20px 80px;
    min-height: 70vh;
}

.news-details-container {
    max-width: 1000px;
    margin: 0 auto;
}

.news-details-back {
    display: inline-block;
    margin-bottom: 28px;
    color: #073653;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.news-details-back:hover {
    color: #c98b27;
}

.news-details-article {
    background: #fdfaf4;
    padding: 45px;
    border: 1px solid rgba(7, 54, 83, 0.12);
}

.news-details-eyebrow {
    color: #b47b20;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 16px;
}

.news-details-title {
    color: #073653;
    font-family: Georgia, serif;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.25;
    margin: 0 0 18px;
}

.news-details-date,
.news-details-location {
    color: #716f6a;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Cover image - slightly smaller */
.news-details-cover {
    max-width: 750px;
    margin: 25px auto;
}

.news-details-cover img {
    display: block;
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    border-radius: 6px;
}

.news-details-content {
    color: #393a38;
    font-size: 17px;
    line-height: 1.9;
    overflow-wrap: anywhere;
    margin-top: 28px;
}

.news-details-gallery {
    margin-top: 45px;
    padding-top: 28px;
    border-top: 1px solid rgba(7, 54, 83, 0.15);
}

.news-details-gallery h2 {
    color: #073653;
    font-family: Georgia, serif;
    font-size: 27px;
    margin: 0 0 22px;
}

.news-details-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.news-details-gallery-item {
    display: block;
    overflow: hidden;
    background: #eee6d8;
}

.news-details-gallery-item img {
    display: block;
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.news-details-footer {
    color: #716f6a;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 42px;
}

@media (max-width: 600px) {
    .news-details-page {
        padding: 30px 14px 45px;
    }

    .news-details-article {
        padding: 24px 18px;
    }

    .news-details-cover {
        max-width: 100%;
        margin: 20px auto;
    }

    .news-details-cover img {
        max-height: 260px;
    }

    .news-details-gallery-grid {
        grid-template-columns: 1fr;
    }

    .news-details-gallery-item img {
        height: 240px;
    }

    .news-details-content {
        font-size: 16px;
    }
}




/* =========================================================
   ARCHIVE SECTION — FORCE LAYOUT FIX
   5 photos in one row + statement on the right
========================================================= */


.sk-archive {
    width: 100%;
    padding: 35px 0;
    background: var(--cream, #f8f3e9);
    overflow-x: auto;
    box-sizing: border-box;
}

.sk-archive .sk-archive__inner {
    width: max-content;
    min-width: calc(100% - 80px);
    margin: 0 !important;
    padding: 0 0px !important;
    box-sizing: border-box;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 18px;
}

/* Five images in one row */
.sk-archive .sk-archive__photos {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;

    width: max-content !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* Image containers */
.sk-archive .sk-archive__photos .archive-photo {
    position: static !important;
    inset: auto !important;
    float: none !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto !important;
    width: auto !important;
    height: 150px !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
}

/* Images */
.sk-archive .sk-archive__photos .archive-photo img {
    display: block !important;
    width: auto !important;
    height: 150px !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: 150px !important;

    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
}

/* Statement */
.sk-archive .sk-archive__statement {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    position: static !important;
    flex: 0 0 250px !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;

    height: 180px !important;
    margin: 0 !important;
    padding: 0 0 0 22px !important;

    /* Keep only the left yellow line */
    border: none !important;
    border-left: 3px solid #c98b27 !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;

    box-sizing: border-box;
}

/* Statement text */
.sk-archive .sk-archive__statement p {
    display: block !important;
    position: static !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    color: #073653;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* Remove extra decorative line */
.sk-archive .sk-statement-rule,
.sk-archive .sk-archive__statement hr,
.sk-archive .sk-archive__statement::after,
.sk-archive .sk-archive__statement p::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Smaller screens */
@media (max-width: 1100px) {
    .sk-archive .sk-archive__photos .archive-photo,
    .sk-archive .sk-archive__photos .archive-photo img {
        height: 140px !important;
        max-height: 140px !important;
    }

    .sk-archive .sk-archive__statement {
        height: 160px !important;
        flex-basis: 220px !important;
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }

    .sk-archive .sk-archive__statement p {
        font-size: 21px;
    }
}
.sk-archive .sk-archive__inner {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
    justify-content: flex-start !important;
    transform: translateX(-20px) !important;
}





/* Only Source and References paragraph font size */
#references .basava-references-list .basava-reference-item p,
.source-references p,
.buddha-article-source p,
.buddha-references-card p,
.buddha-reference-source {
    font-size: 16px !important;
}




/* Source and References — paragraph and number span size */

/* Basava References */
#references .basava-reference-item p,
#references .basava-references-list .basava-reference-item p {
    font-size: 16px !important;
}

#references .basava-reference-item span,
#references .basava-references-list .basava-reference-item span,
#references span.basava-reference-number {
    font-size: 13px !important;
}

/* Other pages — Source and References only */
.source-references p,
.buddha-article-source p,
.buddha-references-card p {
    font-size: 16px !important;
}

/* Reference numbers and spans */
.source-references span,
.buddha-article-source span,
.buddha-references-card span,
.buddha-reference-source {
    font-size: 13px !important;
}



.chennabasava-golden-mean-page 
.buddha-article-content 
#golden-mean-introduction p strong {
    color: #073653 !important;
}






/* =========================================
   AKKA EXPLORE — IMAGE CROP & SPACING FIX
========================================= */

/* Reduce space above and below Explore section */
.akka-page .akka-explore {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Keep all three card images consistent */
.akka-page .akka-card {
    height: auto !important;
    overflow: hidden;
}

/* Show complete image without cropping */
.akka-page .akka-card > img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Avoid extra vertical gap around the cards */
.akka-page .akka-carousel-viewport {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Responsive image sizing */
@media (max-width: 768px) {
    .akka-page .akka-explore {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .akka-page .akka-card > img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}



/* =====================================================
   AKKA MAHADEVI PENTAGRAM
   Three Equal-Size Horizontal Images
===================================================== */

.buddha-buddhism-page #kara-sthala {
    display: flow-root;
}

/* Each image gets an equal-sized box */
.buddha-buddhism-page #kara-sthala p:has(> img) {
    display: inline-flex;
    width: 31.8%;
    height: 220px;
    margin: 10px 0.5%;
    padding: 0;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Keep all images the same size without cropping */
.buddha-buddhism-page #kara-sthala p > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .buddha-buddhism-page #kara-sthala p:has(> img) {
        display: flex;
        width: 100%;
        height: 220px;
        margin: 12px 0;
    }

    .buddha-buddhism-page #kara-sthala p > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}



/* FORCE THREE IMAGES TO SAME SIZE */

.buddha-buddhism-page #kara-sthala p:has(> img) {
    display: inline-block !important;
    width: 31.5% !important;
    height: 240px !important;
    margin: 10px 0.5% !important;
    padding: 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.buddha-buddhism-page #kara-sthala p > img {
    display: block !important;
    width: 100% !important;
    height: 240px !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 768px) {
    .buddha-buddhism-page #kara-sthala p:has(> img) {
        display: block !important;
        width: 100% !important;
        height: 240px !important;
        margin: 12px 0 !important;
    }

    .buddha-buddhism-page #kara-sthala p > img {
        width: 100% !important;
        height: 240px !important;
        object-fit: cover !important;
    }
}

/* All 3 images — same box, no cropping */

.buddha-buddhism-page #kara-sthala p:has(> img) {
    display: inline-flex !important;
    width: 31.5% !important;
    height: 240px !important;
    margin: 10px 0.5% !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

.buddha-buddhism-page #kara-sthala p > img {
    display: block !important;
    width: 100% !important;
    height: 240px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 768px) {
    .buddha-buddhism-page #kara-sthala p:has(> img) {
        display: flex !important;
        width: 100% !important;
        height: 240px !important;
        margin: 12px 0 !important;
    }

    .buddha-buddhism-page #kara-sthala p > img {
        width: 100% !important;
        height: 240px !important;
        object-fit: contain !important;
    }
}



/* Three images — minimum gap */

.buddha-buddhism-page #kara-sthala p:has(> img) {
    display: inline-flex !important;
    width: 32% !important;
    height: 240px !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
}

.buddha-buddhism-page #kara-sthala p > img {
    display: block !important;
    width: 100% !important;
    height: 240px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Move the 3rd image slightly left */
.buddha-buddhism-page #kara-sthala p:has(> img):nth-of-type(3) {
    position: relative;
    left: -10px;
}
/* Center image ko thoda right move karna */
.buddha-buddhism-page #kara-sthala p:has(> img[src*="akkacave005.jpg"]) {
    position: relative !important;
    left: 30px !important;
}



/* =========================================
   HUMANISM IN PRACTICE — SAME IMAGE DIMENSIONS
========================================= */

.basava-humanist-page .humanism-practice-images {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    margin: 28px 0;
}

.basava-humanist-page .humanism-practice-images figure {
    flex: 1 1 0;
    min-width: 0;
    height: 240px;
    margin: 0;
    overflow: hidden;
}

.basava-humanist-page .humanism-practice-images figure:nth-child(2) {
    position: relative;
    left: -90px;
}

.basava-humanist-page .humanism-practice-images img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Mobile Responsive */
@media screen and (max-width: 600px) {
    .basava-humanist-page .humanism-practice-images {
        gap: 10px;
        width: 100%;
        margin: 18px 0;
    }

    .basava-humanist-page .humanism-practice-images figure {
        flex: 1 1 0;
        width: calc(50% - 5px);
        min-width: 0;
        height: 140px;
    }

    .basava-humanist-page .humanism-practice-images img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    /* Mobile par second image ko shift nahi karna */
    .basava-humanist-page .humanism-practice-images figure:nth-child(2) {
        position: static;
        left: auto;
    }
}




/* =========================================
   CLOSING SECTION — CENTER ALIGNMENT
========================================= */

.buddha-buddhism-page .closing {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.buddha-buddhism-page .closing .ornament {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.buddha-buddhism-page .closing p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.buddha-buddhism-page .closing .basava-gold-stroke {
    display: block;
    margin-left: auto;
    margin-right: auto;
}






/* =========================================
   BASAVA VACHANAS — MOBILE FIX
========================================= */

@media screen and (max-width: 767px) {

    /* Opening section: ॐ ki lines visible rakhein */
    .basava-vachanas-page section.parchment.opening .reflection .ornament {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 auto 12px !important;
    }

    .basava-vachanas-page section.parchment.opening .reflection .ornament span {
        display: block !important;
        visibility: visible !important;
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;
        height: 1px !important;
        flex: 0 0 55px !important;
        background-color: #c98b27 !important;
    }

    .basava-vachanas-page section.parchment.opening .reflection .ornament i {
        display: inline-block !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    /* Opening ka extra space */
    .basava-vachanas-page section.parchment.opening {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-bottom: 0 !important;
    }

    .basava-vachanas-page section.parchment.opening .reflection {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Article ke upar aur neeche ka space */
    .basava-vachanas-page section.buddha-article-section {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .basava-vachanas-page .buddha-page-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .basava-vachanas-page .buddha-article-layout {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Closing section ka extra space */
    .basava-vachanas-page section.closing {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

}




/* =====================================================
   BUDDHA & BUDDHISM — MOBILE STRONG OVERRIDE
===================================================== */

@media screen and (max-width: 767px) {

    /* Source Serif 4 font */
    .buddha-buddhism-page,
    .buddha-buddhism-page p,
    .buddha-buddhism-page h1,
    .buddha-buddhism-page h2,
    .buddha-buddhism-page h3,
    .buddha-buddhism-page blockquote,
    .buddha-buddhism-page cite,
    .buddha-buddhism-page .buddha-reading-nav a,
    .buddha-buddhism-page .buddha-nav-label {
        font-family: "Source Serif 4", Georgia, serif !important;
        text-align: left !important;
    }

    /* -----------------------------------------
       OPENING SECTION — GAP REDUCE
    ----------------------------------------- */

    .buddha-buddhism-page section.parchment.opening {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    .buddha-buddhism-page .parchment.opening .reflection {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .buddha-buddhism-page .parchment.opening .ornament {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    .buddha-buddhism-page .parchment.opening .reflection p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 18px !important;
        line-height: 1.6 !important;
    }

    /* -----------------------------------------
       ARTICLE INTRO — REMOVE EXTRA SPACE
    ----------------------------------------- */

    .buddha-buddhism-page section.buddha-article-intro {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    .buddha-buddhism-page .buddha-article-intro .buddha-page-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* -----------------------------------------
       ARTICLE SECTION — GAP REDUCE
    ----------------------------------------- */

    .buddha-buddhism-page section.buddha-article-section {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    .buddha-buddhism-page .buddha-article-section > .buddha-page-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .buddha-buddhism-page .buddha-article-layout {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        gap: 12px !important;
    }

    /* -----------------------------------------
       MAIN HEADING — KEEP EXISTING SIZE
    ----------------------------------------- */

    .buddha-buddhism-page .buddha-main-title {
        font-family: "Source Serif 4", Georgia, serif !important;
        text-align: left !important;
        /* Existing font-size unchanged */
    }

    /* -----------------------------------------
       SUBHEADINGS — 19px
    ----------------------------------------- */

    .buddha-buddhism-page .buddha-article-content h2 {
        font-family: "Source Serif 4", Georgia, serif !important;
        font-size: 19px !important;
        line-height: 1.45 !important;
        text-align: left !important;
        margin-top: 16px !important;
        margin-bottom: 10px !important;
    }

    /* -----------------------------------------
       PARAGRAPHS — 18px, LEFT ALIGN
    ----------------------------------------- */

    .buddha-buddhism-page .buddha-article-content p,
    .buddha-buddhism-page .buddha-article-content blockquote p {
        font-family: "Source Serif 4", Georgia, serif !important;
        font-size: 18px !important;
        line-height: 1.7 !important;
        text-align: left !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }

    .buddha-buddhism-page .buddha-article-content blockquote {
        text-align: left !important;
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }

    /* -----------------------------------------
       REFERENCES — SAME FONT AND ALIGNMENT
    ----------------------------------------- */

    .buddha-buddhism-page #references,
    .buddha-buddhism-page #references p,
    .buddha-buddhism-page #references h2 {
        font-family: "Source Serif 4", Georgia, serif !important;
        text-align: left !important;
    }

    /* -----------------------------------------
       CLOSING SECTION — GAP REDUCE
    ----------------------------------------- */

    .buddha-buddhism-page section.closing {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: 0 !important;
    }

    .buddha-buddhism-page section.closing .ornament {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    .buddha-buddhism-page section.closing p {
        font-family: "Source Serif 4", Georgia, serif !important;
        font-size: 18px !important;
        line-height: 1.6 !important;
        text-align: left !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

}


/* =========================================
   MOBILE — OPENING & CLOSING CENTER ALIGN
========================================= */

@media screen and (max-width: 767px) {

    /* Opening Section */
    .buddha-buddhism-page section.parchment.opening,
    .buddha-buddhism-page .parchment.opening .reflection {
        text-align: center !important;
    }

    .buddha-buddhism-page .parchment.opening .ornament {
        justify-content: center !important;
        text-align: center !important;
    }

    .buddha-buddhism-page .parchment.opening .reflection p {
        text-align: center !important;
    }

    /* Closing Section */
    .buddha-buddhism-page section.closing {
        text-align: center !important;
    }

    .buddha-buddhism-page section.closing .ornament {
        justify-content: center !important;
        text-align: center !important;
    }

    .buddha-buddhism-page section.closing p {
        text-align: center !important;
    }

}
/* =========================================
   MOBILE — INCREASE OM ORNAMENT LINE LENGTH
========================================= */

@media screen and (max-width: 767px) {

    .buddha-buddhism-page .parchment.opening .ornament,
    .buddha-buddhism-page section.closing .ornament {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .buddha-buddhism-page .parchment.opening .ornament span,
    .buddha-buddhism-page section.closing .ornament span {
        display: block !important;
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;
        flex: 0 0 100px !important;
    }

}
/* =========================================
   MOBILE — OM ORNAMENT LINES DARKER
========================================= */

@media screen and (max-width: 767px) {

    .buddha-buddhism-page .parchment.opening .ornament span,
    .buddha-buddhism-page section.closing .ornament span {
        background-color: #8a744f !important;
        opacity: 1 !important;
    }

}



/* hero section mobile view */

/* =====================================================
   BASAVA THE MYSTIC — MOBILE HERO FIX
===================================================== */

@media (max-width: 767px) {

    .basava-mystic-page .great-sharanas-hero {
        overflow: hidden;
    }

    .basava-mystic-page .great-sharanas-hero-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }

    .basava-mystic-page .great-sharanas-hero-content h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .basava-mystic-page .great-sharanas-crumb {
        max-width: 100%;
        flex-wrap: wrap;
        row-gap: 6px;
        overflow-wrap: anywhere;
    }

}
.basava-mystic-page .great-sharanas-hero-content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 1px;
    padding-right: 20px;
}   


/* =====================================================
   BUDDHA AND BUDDHISM — MOBILE HERO FIX
   Same font size, style and left positioning
===================================================== */

@media (max-width: 767px) {

    .buddha-buddhism-page .great-sharanas-hero {
        overflow: hidden;
    }

    .buddha-buddhism-page .great-sharanas-hero-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: -5px;
        padding-right: 20px;
    }

    .buddha-buddhism-page .great-sharanas-hero-content h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .buddha-buddhism-page .great-sharanas-crumb {
        max-width: 100%;
        flex-wrap: wrap;
        row-gap: 6px;
        overflow-wrap: anywhere;
    }

}



/* =====================================================
   SIDDHARAMESHWARA — MOBILE HERO FIX
   Same font size, style and left positioning
===================================================== */

@media (max-width: 767px) {

    .siddharameshwara-page .teaching-hero {
        overflow: hidden;
    }

    .siddharameshwara-page .teaching-hero-copy {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: -10px;
        padding-right: 20px;
    }

    .siddharameshwara-page .teaching-hero-copy h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .siddharameshwara-page .teaching-breadcrumb {
        max-width: 100%;
        flex-wrap: wrap;
        row-gap: 6px;
        overflow-wrap: anywhere;
    }

}

/* =====================================================
   THE GREAT SHARANAS — MOBILE HERO FIX
   Same font size, style and left positioning
===================================================== */

@media (max-width: 767px) {

    .teaching-hero.satsthala-hero {
        overflow: hidden;
    }

    .teaching-hero.satsthala-hero .teaching-hero-copy {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: -10px;
        padding-right: 20px;
    }

    .teaching-hero.satsthala-hero .teaching-hero-copy h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .teaching-hero.satsthala-hero .teaching-breadcrumb {
        max-width: 100%;
        flex-wrap: wrap;
        row-gap: 6px;
        overflow-wrap: anywhere;
    }

}

/* =====================================================
   SADHANA — MOBILE HERO FIX
   Same font size, style and left positioning
===================================================== */

@media (max-width: 767px) {

    .sadhana-hero {
        overflow: hidden;
    }

    .sadhana-hero .sadhana-hero-copy {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: -1px;
        padding-right: 20px;
    }

    .sadhana-hero .sadhana-hero-copy h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .sadhana-hero .sadhana-breadcrumb {
        max-width: 100%;
        flex-wrap: wrap;
        row-gap: 6px;
        overflow-wrap: anywhere;
    }

}

/* =====================================================
   TEACHINGS — MOBILE HERO FIX
   Same font size, style and left positioning
===================================================== */

@media (max-width: 767px) {

    .teaching-hero .teaching-hero-copy {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: -10px;
        padding-right: 20px;
    }

    .teaching-hero .teaching-hero-copy h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
    }

    .teaching-hero .teaching-breadcrumb {
        max-width: 100%;
        flex-wrap: wrap;
        row-gap: 6px;
        overflow-wrap: anywhere;
    }

}

/* =====================================================
   SHRI KUMARASWAMIJI PHOTO GALLERY
   MOBILE HERO FIX
   Same font size, style and left positioning
===================================================== */

@media (max-width: 767px) {

    .sk-page .sk-hero {
        overflow: hidden;
    }

    .sk-page .sk-hero__content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 1px;
        padding-right: 20px;

    }

    .sk-page .sk-hero__content h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
        margin-top: 100px;
    }

   .sk-page .sk-hero__content .teaching-breadcrumb {
    max-width: 100%;
    flex-wrap: wrap;
    gap: 3px;
    row-gap: 3px;
    column-gap: 3px;
    overflow-wrap: anywhere;
    margin-top: -20px;
}
}

/* =====================================================
   SHIVAYOGA AT A GLANCE — MOBILE HERO FIX
===================================================== */

@media (max-width: 767px) {

    .shivayoga-glance-page .teaching-hero.satsthala-hero {
        overflow: hidden;
    }

    .shivayoga-glance-page .teaching-hero-copy {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 1px;
        padding-right: 20px;
    }

    /* Heading */
    .shivayoga-glance-page .teaching-hero-copy h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
        margin-top: 100px;
    }

    /* Breadcrumb */
    .shivayoga-glance-page .teaching-hero-copy .teaching-breadcrumb {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 3px;
        row-gap: 3px;
        column-gap: 3px;
        overflow-wrap: anywhere;
        margin-top: -20px;
    }

    /* Descriptor */
    .shivayoga-glance-page .teaching-hero-copy .teaching-descriptor {
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
    }
}

/* =====================================================
   MY VIEWS OF TAPOVANA — MOBILE HERO FIX
===================================================== */

@media (max-width: 767px) {

    .tapovan-experiences-page .shivayoga-hero {
        overflow: hidden;
    }

    .tapovan-experiences-page .shivayoga-hero-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 20px;
    }

    /* HERO HEADING */
    .tapovan-experiences-page .shivayoga-hero-content h1 {
        width: 100%;
        max-width: 100%;
        font-size: clamp(28px, 7.5vw, 36px);
        line-height: 1.2;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: normal;
        box-sizing: border-box;
        margin-top: 100px;
    }

    /* BREADCRUMB */
    .tapovan-experiences-page .shivayoga-crumbs {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 3px;
        row-gap: 3px;
        column-gap: 3px;
        overflow-wrap: anywhere;
        margin-top: -100px;
        font-size: 11px;
    }

    /* HERO DESCRIPTOR */
    .tapovan-experiences-page .shivayoga-descriptor {
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
    }

    /* ARTICLE CONTENT */
    .tapovan-experiences-page .shivayoga-container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 16px;
    }

    .tapovan-experiences-page .shivayoga-content {
        overflow-wrap: break-word;
        word-break: normal;
    }

    /* MOBILE HERO IMAGE HEIGHT */
.tapovan-experiences-page .shivayoga-hero {
    height: 450px;
    min-height: 450px;
}

.tapovan-experiences-page .shivayoga-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

}


/* =========================================================
   DEVOTEE REFLECTIONS — MOBILE OM DIVIDER FIX
========================================================= */

@media (max-width: 767px) {

    .a-devotee-reflects-page .devotee-heading-om {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    /* OM CIRCLE — PREVENT SHRINKING */
    .a-devotee-reflects-page .devotee-heading-om .om-circle {
        flex: 0 0 46px;
        width: 46px;
        min-width: 46px;
        max-width: 46px;
        height: 46px;
        min-height: 46px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        font-size: 27px;
        line-height: 1;
        white-space: nowrap;
    }

    /* SHORT LINES ON BOTH SIDES */
    .a-devotee-reflects-page .devotee-heading-om .line {
        display: block;
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: 75px;
    }

}


/* =========================================================
   PEARLS OF WISDOM — MOBILE OM DIVIDER
========================================================= */

@media (max-width: 767px) {

    .pearls-of-wisdom-page .sacred-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .pearls-of-wisdom-page .sacred-divider .om-circle {
        flex: 0 0 46px;
        width: 46px;
        min-width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 27px;
        line-height: 1;
        white-space: nowrap;
        box-sizing: border-box;
    }

  .pearls-of-wisdom-page .sacred-divider .line {
    flex: 0 0 110px;
    width: 110px;
    min-width: 0;
}

}



/* =========================================================
   EMINENT VOICES — MOBILE OM LINES
========================================================= */

@media (max-width: 767px) {

    .eminent-voices-page .ev-opening-lines {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }

    .eminent-voices-page .ev-opening-lines .ev-om-circle {
        flex: 0 0 46px;
        width: 46px;
        min-width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 27px;
        line-height: 1;
        white-space: nowrap;
    }

    .eminent-voices-page .ev-opening-lines i {
        flex: 0 0 110px;
        width: 110px;
        min-width: 0;
    }

}





/* ARTICLE SECTION */
.chennabasaveshwar-life-page .buddha-article-section {
    position: relative;
    overflow: clip;
}

/* ARTICLE LAYOUT */
.chennabasaveshwar-life-page .buddha-article-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    align-items: start;
    gap: 32px;
    position: relative;
}

/* LEFT NAV - STICKY WITHIN ARTICLE SECTION */
.chennabasaveshwar-life-page .buddha-reading-nav {
    position: sticky;
    top: 100px;
    align-self: start;
    height: fit-content;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    margin-top: 0;
    transform: none;
}

/* NAV INNER */
.chennabasaveshwar-life-page .buddha-reading-nav-inner {
    position: relative;
}

/* ARTICLE CONTENT */
.chennabasaveshwar-life-page .buddha-article-content {
    min-width: 0;
}

/* MOBILE */
@media (max-width: 767px) {
    .chennabasaveshwar-life-page .buddha-article-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .chennabasaveshwar-life-page .buddha-reading-nav {
        position: relative;
        top: auto;
        max-height: none;
        overflow: visible;
    }
}



/* Sharanas Table Spacing */
.buddha-buddhism-page table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2px;
}

.buddha-buddhism-page th,
.buddha-buddhism-page td {
    padding: 10px 15px;
    line-height: 1.7;
    vertical-align: top;
}




/* IMAGE CAPTION FONT STYLE */



/* =====================================================
   FORCE IMAGE CAPTION STYLE — CONTENT PAGES
===================================================== */

body .buddha-buddhism-page .buddha-article-content figure figcaption,
body .buddha-buddhism-page .buddha-article-content figure .caption,
body .buddha-buddhism-page .buddha-article-content .image-caption,
body .buddha-buddhism-page .buddha-article-content .img-caption,
body .buddha-buddhism-page .buddha-article-content .photo-caption,
body .buddha-buddhism-page .buddha-article-content .gallery-caption,
body .buddha-buddhism-page .humanism-practice-images + p,
body .buddha-buddhism-page .humanism-practice-images figure + p {
    font-family: "Source Serif 4", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #68655F !important;
    text-align: center !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}

/* Force caption text styling */
body .buddha-buddhism-page .buddha-article-content figure figcaption *,
body .buddha-buddhism-page .buddha-article-content .image-caption *,
body .buddha-buddhism-page .humanism-practice-images + p * {
    font-family: "Source Serif 4", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #68655F !important;
}
/* =========================================================
   GLOBAL ARTICLE IMAGE CAPTIONS
   Applies to all Buddha article-template pages
========================================================= */

body .buddha-article-content p:has(> img) + p {
    font-family: "Source Serif 4", Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #68655F !important;
    text-align: center !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    text-transform: none !important;
}

/* Image display */
body .buddha-article-content p > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/* Akka Mahadevi's Pentagram — Image Caption Center */
body .buddha-buddhism-page .buddha-article-content p.image-caption {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-family: "Source Serif 4", Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #68655F !important;
    line-height: 1.5 !important;
    margin: 10px auto 12px !important;
    padding: 0 !important;
}

/* =========================================================
   BASAVA VACHANAS — REFERENCES SECTION
   Muted Gold Heading | Ivory Background | Soft Charcoal Text
========================================================= */

body .basava-vachanas-page #references {
    background: transparent !important;
    padding-top: 28px !important;
    padding-bottom: 20px !important;
    border: none !important;
    box-shadow: none !important;
}

/* References heading */
body .basava-vachanas-page #references h2 {
    font-family: "Source Serif 4", serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #B08A48 !important;
    text-align: left !important;
    line-height: 1.4 !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
}

/* Reference list wrapper */
body .basava-vachanas-page #references .basava-references-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Individual reference row */
body .basava-vachanas-page #references .basava-reference-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
}

/* Reference numbering */
body .basava-vachanas-page #references .basava-reference-number {
    flex: 0 0 18px !important;
    font-family: "Source Serif 4", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #B08A48 !important;
    line-height: 1.6 !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Reference text */
body .basava-vachanas-page #references .basava-reference-item p {
    font-family: "Source Serif 4", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #625F59 !important;
    text-align: left !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove decorative elements from reference items */
body .basava-vachanas-page #references .basava-reference-item::before,
body .basava-vachanas-page #references .basava-reference-item::after {
    display: none !important;
    content: none !important;
}

/* Responsive typography */
@media (max-width: 768px) {

    body .basava-vachanas-page #references h2 {
        font-size: 23px !important;
        margin-bottom: 18px !important;
    }

    body .basava-vachanas-page #references .basava-reference-item {
        gap: 9px !important;
        margin-bottom: 12px !important;
    }

    body .basava-vachanas-page #references .basava-reference-number,
    body .basava-vachanas-page #references .basava-reference-item p {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}



/* =========================================================
   SOURCE SECTION — STRONG OVERRIDE
========================================================= */

.buddha-buddhism-page
.buddha-article-content section#references.buddha-source-section {
    display: block !important;
    width: 100% !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Source heading */
.buddha-buddhism-page
.buddha-article-content section#references.buddha-source-section h2 {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #95651E !important;
    font-family: "Source Serif 4" !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: left !important;
    text-transform: none !important;
    letter-spacing: normal !important;

    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Remove decorative heading lines */
.buddha-buddhism-page
.buddha-article-content section#references h2::before,
.buddha-buddhism-page
.buddha-article-content section#references h2::after {
    content: none !important;
    display: none !important;
}

/* Source text wrapper */
.buddha-buddhism-page
.buddha-article-content section#references .buddha-source-text {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Source paragraph */
.buddha-buddhism-page
.buddha-article-content section#references .buddha-source-text p {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #625F59 !important;
    font-family: "Source Serif 4" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.6 !important;

    text-align: left !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Preserve italic book title */
.buddha-buddhism-page
.buddha-article-content section#references .buddha-source-text em {
    color: #625F59 !important;
    font-family: "Source Serif 4"!important;
    font-size: inherit !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

@media (max-width: 768px) {
    .buddha-buddhism-page
    .buddha-article-content section#references.buddha-source-section {
        margin-top: 26px !important;
    }
}


/* Vertical line beside Source text */
.buddha-buddhism-page
.buddha-article-content
section#references.buddha-source-section .buddha-source-text {
    position: relative !important;
    padding-left: 16px !important;
}

.buddha-buddhism-page
.buddha-article-content
section#references.buddha-source-section .buddha-source-text::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 2px !important;
    height: calc(100% - 4px) !important;
    background: #B08A48 !important;
    display: block !important;
}



/* Source gap Reduce   */

/* Basava the Mystic — Move Source Up */
.basava-mystic-page .buddha-article-content section#references {
    margin-block-start: -35px !important;
    transform: translateY(-25px) !important;
}



/* basava and labour two image in one row */

.buddha-buddhism-page #basava-and-labour .humanism-practice-images {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    margin: 24px auto 8px;
    padding: 0;
}

.buddha-buddhism-page #basava-and-labour .humanism-practice-images figure {
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.buddha-buddhism-page #basava-and-labour .humanism-practice-images img {
    display: block;
    width: auto;
    height: 260px;
    max-width: calc((100vw - 40px) / 2);
    object-fit: contain;
    margin: 0;
}

.buddha-buddhism-page #basava-and-labour .buddha-image-caption {
    margin: 4px 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .buddha-buddhism-page #basava-and-labour .humanism-practice-images {
        gap: 4px;
    }

    .buddha-buddhism-page #basava-and-labour .humanism-practice-images img {
        height: 170px;
        max-width: calc((100vw - 24px) / 2);
    }
}



/* horizontal line on summary */

.buddha-buddhism-page hr {
    border: 0;
    border-top: 1px solid #c98b27;
    opacity: 1;
}




/* shivayoga   */

/* =========================================
   OTHER SHIVAYOGA HEADINGS — GOLDEN STYLE
   Exclude the two main h2 headings
========================================= */

.shivayoga-page .shivayoga-extra-section h3 {
    position: relative;
    display: block;
    width: auto;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #95651E !important;
    font-family: "Source Serif 4", serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;

    text-transform: none !important;
    border: none !important;
    border-left: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background: transparent !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
    margin-left: 94px !important;
}

/* Remove vertical lines beside other headings */
.shivayoga-page .shivayoga-extra-section h3::before,
.shivayoga-page .shivayoga-extra-section h3::after {
    content: none !important;
    display: none !important;
}




/* asta vidhan pooja image */

/* Reduce height of practice hands images only */
.avp-page .avp-step-color img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    object-position: center;
    display: block;
}
/* Practice images 3 and 4 */
.avp-page #instruction-3 figure.avp-step-color,
.avp-page #instruction-4 figure.avp-step-color {
    display: table;
    width: fit-content;
    max-width: 100%;
    height: auto;
    padding: 15px;
    margin: 20px auto;
    box-sizing: border-box;
        border-color: rgb(223, 211, 188);
}

.avp-page #instruction-3 figure.avp-step-color img,
.avp-page #instruction-4 figure.avp-step-color img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 280px;
    object-fit: contain;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}



/* history of veerashaivism line height */

/* History of Veerashaivism - numbered list spacing */
.buddha-buddhism-page #dravidian-religion ol {
    padding-left: 28px;
    margin-top: 16px;
    margin-bottom: 20px;
}

.buddha-buddhism-page #dravidian-religion ol li {
    margin-bottom: 14px;
    line-height: 1.8;
}

.buddha-buddhism-page #dravidian-religion ol li:last-child {
    margin-bottom: 0;
}


/* history of veerashaivism images */
/* Father Heras - Equal Image Display Without Cropping */
.buddha-buddhism-page #father-heras .humanism-practice-images {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    margin: 25px auto 0;
}

.buddha-buddhism-page #father-heras .humanism-practice-images figure {
    flex: 0 1 300px;
    width: 300px;
    max-width: calc(50% - 10px);
    height: 250px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buddha-buddhism-page #father-heras .humanism-practice-images img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
    object-position: center;
}

/* Center Caption */
.buddha-buddhism-page #father-heras .buddha-image-caption {
    width: 100%;
    text-align: center;
    margin: 12px auto 25px;
}

/* Mobile View */
@media (max-width: 600px) {
    .buddha-buddhism-page #father-heras .humanism-practice-images {
        gap: 10px;
    }

    .buddha-buddhism-page #father-heras .humanism-practice-images figure {
        flex: 0 1 calc(50% - 5px);
        width: calc(50% - 5px);
        max-width: calc(50% - 5px);
        height: 160px;
    }
}


/* Father Heras - Both Images Same Height Without Cropping */
.buddha-buddhism-page #father-heras > .humanism-practice-images:first-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 25px auto;
}

.buddha-buddhism-page #father-heras > .humanism-practice-images:first-of-type figure {
    flex: 0 1 300px;
    width: 300px;
    max-width: calc(50% - 10px);
    height: 250px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buddha-buddhism-page #father-heras > .humanism-practice-images:first-of-type img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
}

/* Mobile View */
@media (max-width: 600px) {
    .buddha-buddhism-page #father-heras > .humanism-practice-images:first-of-type {
        gap: 10px;
    }

    .buddha-buddhism-page #father-heras > .humanism-practice-images:first-of-type figure {
        flex: 0 1 calc(50% - 5px);
        width: calc(50% - 5px);
        max-width: calc(50% - 5px);
        height: 160px;
    }
}



/* Shiva-yoga page headings - same style */

.shivayoga-third-eye-page .shivayoga-content h3 {
    position: relative;
    display: block;
    width: auto;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #95651E !important;
    font-family: "Source Serif 4", serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;

    text-transform: none !important;
    border: none !important;
    border-left: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background: transparent !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;

    margin-left: 1px !important;
}

/* Remove vertical lines beside headings */

.shivayoga-third-eye-page .shivayoga-content h3::before,
.shivayoga-third-eye-page .shivayoga-content h3::after {
    content: none !important;
    display: none !important;
}

/* The Technique of Shivayoga — H3 heading style */

.tapovan-experiences-page .shivayoga-content h3 {
    position: relative;
    display: block;
    width: auto;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #95651E !important;
    font-family: "Source Serif 4", serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;

    text-transform: none !important;
    border: none !important;
    border-left: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background: transparent !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;

    /* margin-left: 1px !important; */
}

/* Remove vertical lines beside the heading */

.tapovan-experiences-page .shivayoga-content h3::before,
.tapovan-experiences-page .shivayoga-content h3::after {
    content: none !important;
    display: none !important;
}




/* header logo */

/* ================================================
   HEADER BRAND LOGO — IMAGE ONLY
================================================ */

.site-header .header-inner > a.brand,
.site-header .mobile-nav-header > a.mobile-brand {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* ================================================
   DESKTOP LOGO
================================================ */

.site-header .brand > img.brand-logo,
.site-header .mobile-brand > img.brand-logo {
    display: block !important;

    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;

    flex: 0 0 96px !important;

    object-fit: contain !important;
    object-position: center !important;

    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    box-sizing: border-box !important;
      margin-left: -90px !important;
}

/* ================================================
   HEADER ALIGNMENT
================================================ */

.site-header .header-inner {
    align-items: center !important;
}

/* ================================================
   TABLET LOGO
================================================ */

@media (min-width: 769px) and (max-width: 1100px) {

    .site-header .header-inner > a.brand > img.brand-logo {
        width: 78px !important;
        height: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        flex-basis: 78px !important;
        margin-left: 100px !important;
    }
}

/* ================================================
   MOBILE MAIN HEADER LOGO
================================================ */

@media (max-width: 768px) {

    .site-header .header-inner > a.brand {
        display: flex !important;

        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 90px) !important;

        flex: 0 1 auto !important;

        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .site-header .header-inner > a.brand > img.brand-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: static !important;
        float: none !important;

        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

        flex: 0 0 48px !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;

        box-sizing: border-box !important;
    }
}

/* ================================================
   MOBILE DRAWER LOGO
================================================ */

@media (max-width: 768px) {

    .site-header .primary-nav .mobile-nav-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 64px !important;

        padding: 10px 12px !important;
        box-sizing: border-box !important;
    }

    .site-header .primary-nav .mobile-nav-header > a.mobile-brand {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;

        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 40px) !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .site-header .primary-nav .mobile-nav-header img.brand-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: static !important;
        float: none !important;

        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

        flex: 0 0 48px !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .site-header .primary-nav .mobile-nav-header .nav-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 30px !important;
        width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
    }
}

/* ================================================
   NARROW MOBILE LOGO
================================================ */

@media (max-width: 380px) {

    .site-header .header-inner > a.brand {
        max-width: calc(100% - 78px) !important;
    }

    .site-header .header-inner > a.brand > img.brand-logo {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        flex-basis: 48px !important;
        margin: 0 !important;
    }

    .site-header .primary-nav .mobile-nav-header {
        padding: 8px !important;
    }

    .site-header .primary-nav .mobile-nav-header img.brand-logo {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        flex-basis: 48px !important;
        margin: 0 !important;
        margin-left: 10px !important;
    }
}

/* ================================================
   FOOTER LOGO IMAGE ONLY
================================================ */

.site-footer .footer-brand {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    width: auto;
    max-width: 100%;

    padding: 0;
    margin: 0 0 16px;

    background: transparent;
    text-decoration: none;
}

.site-footer .footer-brand-logo {
    display: block;

    width: 98px;
    height: 98px;
    min-width: 98px;

    flex: 0 0 98px;

    object-fit: contain;
    object-position: center;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;
    margin-top: -10px;
}

/* Mobile footer logo */

@media (max-width: 768px) {

    .site-footer .footer-brand-logo {
        width: 48px;
        height: 48px;
        min-width: 48px;
        flex-basis: 48px;
    }
}

/* Narrow mobile footer logo */

@media (max-width: 380px) {

    .site-footer .footer-brand-logo {
        width: 59px;
        height: 59px;
        min-width: 59px;
        flex-basis: 59px;
    }
}