/* =========================================================
   BAPBI
   BELIEFS PAGE STYLESHEET

   Page-specific styles only.
   Shared site shell is controlled by css/styles.css.

   Bethesda Apostolic Pentecostal Bible Institute
========================================================= */


/* =========================================================
   GOOGLE FONTS
========================================================= */

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


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

:root {

    --espresso: #120906;
    --espresso-light: #211008;
    --brown: #351707;
    --bronze: #6d350c;

    --gold-dark: #9f6816;
    --gold: #d5a32f;
    --gold-light: #f1cc72;

    --ivory: #f6f0e5;
    --cream: #e9dfcf;

    --white: #ffffff;

    --text-light: #e9e4dc;
    --text-muted: #b9b0a7;

    --dark-text: #271c16;
    --dark-muted: #766960;

    --border-dark:
        rgba(213, 163, 47, 0.22);

    --border-light:
        rgba(38, 20, 8, 0.14);

    --shadow:
        0 20px 60px
        rgba(0, 0, 0, 0.35);

    --container-width:
        1280px;

}


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

* {

    margin: 0;
    padding: 0;

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    background:
        var(--espresso);

    color:
        var(--text-light);

    font-family:
        "Inter",
        sans-serif;

    line-height:
        1.7;

    overflow-x:
        hidden;

}


img {

    display: block;

    max-width: 100%;

}


a {

    color: inherit;

    text-decoration:
        none;

}


button {

    font:
        inherit;

}


button,
a {

    -webkit-tap-highlight-color:
        transparent;

}


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

.content-container {

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

    margin:
        0 auto;

}


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

.section-eyebrow {

    color:
        var(--gold-light);

    font-size:
        0.72rem;

    font-weight:
        800;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


/* =========================================================
   PAGE-SPECIFIC NAVIGATION STATE
   Shared navigation styling is controlled by styles.css.
========================================================= */

.dropdown-button.active {
    color: var(--gold-light);
}

.dropdown-button.active > span {
    color: var(--gold-light);
}

.dropdown-active {
    color: var(--gold-light) !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        14px;

    min-height:
        52px;

    padding:
        0 25px;

    font-size:
        0.76rem;

    font-weight:
        800;

    letter-spacing:
        0.06em;

    text-transform:
        uppercase;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


.button-gold {

    background:
        linear-gradient(
            135deg,
            var(--gold-light),
            var(--gold)
        );

    color:
        #261606;

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

}


.button:hover {

    transform:
        translateY(-3px);

}


.button-gold:hover {

    box-shadow:
        0 14px 30px
        rgba(213, 163, 47, 0.22);

}


/* =========================================================
   BELIEFS INTRODUCTION
========================================================= */

.beliefs-intro {

    position:
        relative;

    padding:
        130px 0 120px;

    overflow:
        hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(125, 63, 14, 0.26),
            transparent 32%
        ),
        radial-gradient(
            circle at 85% 75%,
            rgba(213, 163, 47, 0.08),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #0f0806,
            #1c0d08
        );

}


.beliefs-intro::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(213, 163, 47, 0.025),
            transparent
        );

}


.beliefs-intro-content {

    position:
        relative;

    max-width:
        980px;

}


.beliefs-intro h1 {

    max-width:
        950px;

    margin:
        18px 0 28px;

    color:
        var(--ivory);

    font-family:
        "Cinzel",
        serif;

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

    font-weight:
        600;

    line-height:
        1.05;

}


.beliefs-intro h1 span {

    display:
        block;

    color:
        var(--gold-light);

}


.beliefs-intro-lead {

    max-width:
        760px;

    color:
        var(--text-muted);

    font-size:
        1.08rem;

}


.beliefs-intro-line {

    width:
        120px;

    height:
        1px;

    margin:
        38px 0;

    background:
        linear-gradient(
            90deg,
            var(--gold),
            transparent
        );

}


.beliefs-intro-statement {

    max-width:
        700px;

    color:
        var(--cream);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            1.3rem,
            2vw,
            1.7rem
        );

    font-style:
        italic;

    line-height:
        1.5;

}


/* =========================================================
   SHARED SECTION NUMBERS
========================================================= */

.section-number {

    margin-bottom:
        18px;

    color:
        var(--gold);

    font-family:
        "Cinzel",
        serif;

    font-size:
        0.85rem;

    font-weight:
        700;

    letter-spacing:
        0.18em;

}


/* =========================================================
   FOUNDATION
========================================================= */

.foundation-section {

    padding:
        120px 0;

    background:
        var(--ivory);

    color:
        var(--dark-text);

}


.foundation-grid {

    display:
        grid;

    grid-template-columns:
        minmax(280px, 0.85fr)
        minmax(0, 1.15fr);

    gap:
        100px;

    align-items:
        start;

}


.foundation-heading {

    position:
        sticky;

    top:
        35px;

}


.foundation-heading .section-eyebrow {

    color:
        var(--bronze);

}


.foundation-heading h2 {

    margin-top:
        18px;

    font-family:
        "Cinzel",
        serif;

    font-size:
        clamp(
            2.5rem,
            4vw,
            4.3rem
        );

    font-weight:
        600;

    line-height:
        1.1;

}


.foundation-heading h2 span {

    display:
        block;

    color:
        var(--gold-dark);

}


.foundation-content {

    max-width:
        700px;

}


.foundation-content > p {

    margin-bottom:
        24px;

    color:
        var(--dark-muted);

    font-size:
        1.02rem;

}


.foundation-scripture {

    margin-top:
        42px;

    padding:
        34px 40px;

    background:
        #fffdf9;

    border-left:
        3px solid var(--gold);

    box-shadow:
        0 15px 40px
        rgba(38, 20, 8, 0.08);

}


.foundation-scripture blockquote {

    color:
        #39271c;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            1.45rem,
            2.3vw,
            2rem
        );

    font-style:
        italic;

    line-height:
        1.45;

}


.foundation-scripture p {

    margin-top:
        18px;

    color:
        var(--gold-dark);

    font-family:
        "Cinzel",
        serif;

    font-size:
        0.72rem;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


/* =========================================================
   SHARED BELIEF SECTION
========================================================= */

.belief-section {

    padding:
        120px 0;

}


.belief-grid {

    display:
        grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap:
        100px;

    align-items:
        start;

}


.belief-heading {

    position:
        sticky;

    top:
        35px;

}


.belief-heading h2 {

    margin-top:
        18px;

    font-family:
        "Cinzel",
        serif;

    font-size:
        clamp(
            2.5rem,
            4vw,
            4.3rem
        );

    font-weight:
        600;

    line-height:
        1.1;

}


.belief-heading h2 span {

    display:
        block;

}


.belief-content {

    max-width:
        760px;

}


.belief-content > p {

    margin-bottom:
        25px;

    font-size:
        1.02rem;

}


/* =========================================================
   ONENESS OF GOD
========================================================= */

.oneness-section {

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(213, 163, 47, 0.12),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #120906,
            #211008
        );

}


.oneness-section .belief-heading h2 {

    color:
        var(--ivory);

}


.oneness-section .belief-heading h2 span {

    color:
        var(--gold-light);

}


.oneness-section .belief-content > p {

    color:
        var(--text-muted);

}


.belief-highlight {

    margin: 42px 0;

    color: var(--cream);

    font-family: "Cormorant Garamond", serif;

    font-size: clamp(1.35rem, 2vw, 1.75rem);

    font-style: italic;

    line-height: 1.5;

}


/* =========================================================
   SCRIPTURE REFERENCES
========================================================= */

.scripture-reference-panel {

    display: grid;

    grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);

    gap: 35px;

    align-items: center;

    margin-top: 55px;

    padding: 34px 40px;

    background: rgba(255, 255, 255, 0.025);

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

}


.scripture-reference-panel > p {

    color: var(--gold-light);

    font-family: "Cinzel", serif;

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.14em;

}


.scripture-reference-panel > div {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    padding: 0;

}


.scripture-reference-panel span {

    display: inline-flex;

    align-items: center;

    min-height: 38px;

    padding: 8px 14px;

    color: var(--cream);

    background: rgba(255, 255, 255, 0.035);

    border: 1px solid rgba(213, 163, 47, 0.16);

    font-size: 0.82rem;

    line-height: 1.3;

}


/* =========================================================
   SALVATION
========================================================= */

.salvation-section {

    background: #eee5d8;

    color: var(--dark-text);

}


.salvation-section .section-eyebrow {

    color: var(--bronze);

}


.salvation-section .belief-heading h2 span {

    color: var(--gold-dark);

}


.salvation-section .belief-content > p {

    color: var(--dark-muted);

}


.salvation-path {

    display: grid;

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

    gap: 22px;

    margin-top: 55px;

}


.salvation-path article {

    position: relative;

    min-height: 250px;

    padding: 32px 28px;

    background: #fffdf9;

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

    box-shadow: 0 15px 35px rgba(38, 20, 8, 0.07);

}


.salvation-path article > span {

    display: block;

    margin-bottom: 28px;

    color: var(--gold-dark);

    font-family: "Cinzel", serif;

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.14em;

}


.salvation-path article h3 {

    margin-bottom: 15px;

    color: var(--dark-text);

    font-family: "Cinzel", serif;

    font-size: 1.25rem;

    line-height: 1.25;

}


.salvation-path article p {

    color: var(--dark-muted);

    font-size: 0.9rem;

    line-height: 1.65;

}


.acts-panel {

    margin-top: 55px;

    padding: 55px;

    background: linear-gradient(135deg, #241108, #51270c);

    color: var(--text-light);

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

    box-shadow: var(--shadow);

}


.acts-panel .section-eyebrow {

    margin-bottom: 18px;

}


.acts-panel blockquote {

    max-width: 850px;

    margin-top: 20px;

    padding-left: 28px;

    color: var(--cream);

    border-left: 2px solid var(--gold);

    font-family: "Cormorant Garamond", serif;

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

    font-style: italic;

    line-height: 1.4;

}


.acts-reference {

    margin-top: 22px;

    color: var(--gold-light);

    font-family: "Cinzel", serif;

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.14em;

}


/* =========================================================
   HOLY LIVING
========================================================= */

.holiness-section {

    background:
        linear-gradient(
            135deg,
            #100705,
            #1d0e08
        );

}


.holiness-section .belief-heading h2 {

    color:
        var(--ivory);

}


.holiness-section .belief-heading h2 span {

    color:
        var(--gold-light);

}


.holiness-section .belief-content > p {

    color:
        var(--text-muted);

}


.living-path {

    display: grid;

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

    gap: 0;

    margin-top: 55px;

    border-top: 1px solid var(--border-dark);

    border-bottom: 1px solid var(--border-dark);

}


.living-path > div:not(.path-divider) {

    padding: 42px 30px;

    text-align: center;

}


.living-path > div:not(.path-divider) span {

    display: block;

    margin-bottom: 18px;

    color: var(--gold);

    font-family: "Cinzel", serif;

    font-size: 0.75rem;

    font-weight: 700;

    letter-spacing: 0.14em;

}


.living-path > div:not(.path-divider) h3 {

    color: var(--ivory);

    font-family: "Cinzel", serif;

    font-size: 1.2rem;

    line-height: 1.3;

}


.path-divider {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1px;

    min-height: 100%;

    background: var(--border-dark);

    color: var(--gold);

    font-size: 0;

}


/* =========================================================
   BELIEFS CLOSING
========================================================= */

.beliefs-closing {

    position:
        relative;

    padding:
        130px 0;

    overflow:
        hidden;

    text-align:
        center;

    background:
        radial-gradient(
            circle at center,
            rgba(213, 163, 47, 0.18),
            transparent 35%
        ),
        #150a06;

}


.closing-content {

    position:
        relative;

    max-width:
        900px;

}


.closing-content h2 {

    margin:
        18px auto 28px;

    color:
        var(--ivory);

    font-family:
        "Cinzel",
        serif;

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

    font-weight:
        600;

    line-height:
        1.08;

}


.closing-content h2 span {

    display:
        block;

    color:
        var(--gold-light);

}


.closing-content > p {

    max-width:
        720px;

    margin:
        0 auto;

    color:
        var(--text-muted);

    font-size:
        1.03rem;

}


.closing-statement {

    display:
        flex;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        12px 28px;

    margin:
        42px 0;

}


.closing-statement span {

    color:
        var(--gold-light);

    font-family:
        "Cinzel",
        serif;

    font-size:
        0.8rem;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


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

@media (max-width: 1100px) {

    .desktop-nav {
        gap: 17px;
    }

    .desktop-nav > a,
    .dropdown-button {
        font-size: 0.65rem;
    }

    .main-navigation {
        gap: 20px;
    }

    .foundation-grid,
    .belief-grid {
        gap: 60px;
    }

    .salvation-path {
        grid-template-columns: 1fr;
    }

    .salvation-path article {
        min-height: auto;
    }

}


/* =========================================================
   MOBILE NAVIGATION AND TABLET LAYOUT
========================================================= */

@media (max-width: 900px) {

    .top-message {
        display: none;
    }

    .main-navigation {
        min-height: 74px;
        width: min(calc(100% - 32px), 100%);
    }

    .desktop-nav,
    .enroll-button {
        display: none;
    }

    .mobile-menu-button {
        display: flex;
        margin-left: auto;
    }

    .mobile-navigation {
        
        display: flex;
        flex-direction: column;
        
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2000;
        width: min(380px, 88vw);
        height: 100vh;
        padding: 22px;
        background: #130b08;
        border-left: 1px solid var(--border-dark);
        box-shadow: -20px 0 60px rgba(0, 0, 0, 0.5);
        transform: translateX(110%);
        transition: transform 0.35s ease;
        overflow-y: auto;
    }

    .mobile-navigation.open {
        transform: translateX(0);
    }

    .mobile-nav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--border-dark);
    }

    .mobile-nav-header span {
        color: var(--gold-light);
        font-family: "Cinzel", serif;
        font-size: 1.1rem;
    }

    .mobile-nav-header button {
        width: 40px;
        height: 40px;
        background: transparent;
        border: 1px solid var(--border-dark);
        color: var(--gold-light);
        font-size: 1.8rem;
        cursor: pointer;
    }

    .mobile-navigation a {
        display: block;
        padding: 16px;
        margin-bottom: 3px;
        color: var(--text-light);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        font-size: 1rem;
        font-weight: 700;
    }

    .mobile-navigation a.mobile-active {
        color: var(--gold-light);
        background: linear-gradient(90deg, rgba(213, 163, 47, 0.17), transparent);
        border: 1px solid var(--border-dark);
    }

    .foundation-grid,
    .belief-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .foundation-heading,
    .belief-heading {
        position: static;
    }

    .scripture-reference-panel {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .scripture-reference-panel > div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .scripture-reference-panel span {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 8px 14px;
    }

    .salvation-path {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .salvation-path article {
        min-height: auto;
    }

    .living-path {
        grid-template-columns: 1fr;
    }

    .living-path > div:not(.path-divider) {
        padding: 38px 25px;
    }

    .path-divider {
        width: 80px;
        height: 1px;
        min-height: 1px;
        margin: 0 auto;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-brand {
        justify-content: center;
    }

    .footer-quote {
        border: none;
        border-top: 1px solid var(--gold-dark);
        border-bottom: 1px solid var(--gold-dark);
    }

    .footer-links {
        justify-content: center;
    }

}


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

@media (max-width: 600px) {

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

    .brand-logo {
        width: 50px;
        height: 50px;
    }

    .brand span {
        font-size: 1.2rem;
    }

    .beliefs-intro {
        padding: 90px 0 80px;
    }

    .beliefs-intro h1 {
        font-size: 2.55rem;
    }

    .beliefs-intro-lead {
        font-size: 0.98rem;
    }

    .beliefs-intro-statement {
        font-size: 1.3rem;
    }

    .foundation-section,
    .belief-section {
        padding: 80px 0;
    }

    .foundation-heading h2,
    .belief-heading h2 {
        font-size: 2.35rem;
    }

    .foundation-content > p,
    .belief-content > p {
        font-size: 0.96rem;
    }

    .foundation-scripture {
        padding: 28px 24px;
    }

    .belief-highlight {
        margin-top: 30px;
    }

    .scripture-reference-panel {
        padding: 28px 24px;
    }

    .scripture-reference-panel > div {
        padding: 0;
    }

    .scripture-reference-panel span {
        width: 100%;
        justify-content: flex-start;
    }

    .salvation-path {
        margin-top: 40px;
    }

    .salvation-path article {
        padding: 28px 24px;
    }

    .acts-panel {
        margin-top: 40px;
        padding: 36px 25px;
    }

    .acts-panel blockquote {
        padding-left: 20px;
        font-size: 1.3rem;
    }

    .living-path {
        margin-top: 40px;
    }

    .living-path > div:not(.path-divider) {
        padding: 34px 20px;
    }

    .beliefs-closing {
        padding: 90px 0;
    }

    .closing-content h2 {
        font-size: 2.55rem;
    }

    .closing-statement {
        flex-direction: column;
        gap: 12px;
    }

    .button {
        width: 100%;
    }

    .footer-brand {
        flex-direction: column;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

}

/* =========================================================
   BELIEFS PAGE
   FADE UP ANIMATIONS
========================================================= */

.fade-up {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-up-delay-1 {
    transition-delay: 0.1s;
}

.fade-up-delay-2 {
    transition-delay: 0.2s;
}

.fade-up-delay-3 {
    transition-delay: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .fade-up {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================================
   BELIEFS PAGE
   PORTRAIT TABLET LAYOUT
   Optimized for iPad portrait without changing desktop,
   landscape tablet, or mobile layouts.
========================================================= */

@media (min-width: 601px)
       and (max-width: 900px)
       and (orientation: portrait) {


    /* =====================================================
       GENERAL SECTION SPACING
    ===================================================== */

    .beliefs-intro {
        padding: 100px 0 90px;
    }

    .belief-section,
    .foundation-section {
        padding: 90px 0;
    }

    .beliefs-closing {
        padding: 100px 0;
    }


    /* =====================================================
       INTRODUCTION
    ===================================================== */

    .beliefs-intro-content {
        max-width: 100%;
    }

    .beliefs-intro h1 {
        max-width: 100%;
        font-size: clamp(3rem, 7vw, 4.5rem);
        line-height: 1.04;
    }

    .beliefs-intro-lead {
        max-width: 780px;
        font-size: 1rem;
    }

    .beliefs-intro-statement {
        max-width: 760px;
        font-size: 1.45rem;
    }


    /* =====================================================
       FOUNDATION
    ===================================================== */

    .foundation-grid {

        grid-template-columns:
            minmax(230px, 0.72fr)
            minmax(0, 1.28fr);

        gap: 55px;

        align-items: start;

    }

    .foundation-heading {
        position: sticky;
        top: 110px;
    }

    .foundation-heading h2 {
        font-size: clamp(2.35rem, 5vw, 3.5rem);
    }

    .foundation-content {
        max-width: none;
    }

    .foundation-content > p {
        font-size: 0.96rem;
    }

    .foundation-scripture {
        padding: 30px 32px;
    }


    /* =====================================================
       BELIEF SECTIONS
    ===================================================== */

    .belief-grid {

        grid-template-columns:
            minmax(235px, 0.72fr)
            minmax(0, 1.28fr);

        gap: 55px;

        align-items: start;

    }

    .belief-heading {
        position: sticky;
        top: 110px;
    }

    .belief-heading h2 {
        font-size: clamp(2.35rem, 5vw, 3.5rem);
    }

    .belief-content {
        max-width: none;
    }

    .belief-content > p {
        font-size: 0.95rem;
        line-height: 1.72;
    }

    .belief-highlight {
        font-size: 1.35rem;
        margin: 32px 0;
    }


    /* =====================================================
       SCRIPTURE REFERENCES
    ===================================================== */

    .scripture-reference-panel {

        grid-template-columns:
            145px
            minmax(0, 1fr);

        gap: 28px;

        margin-top: 45px;

        padding: 28px 32px;

        align-items: start;

    }

    .scripture-reference-panel > div {
        gap: 8px;
    }

    .scripture-reference-panel span {
        font-size: 0.76rem;
        padding: 7px 11px;
        min-height: 34px;
    }


    /* =====================================================
       SALVATION
    ===================================================== */

    .salvation-section .belief-grid {
        grid-template-columns:
            minmax(0, 1.28fr)
            minmax(235px, 0.72fr);
    }

    .salvation-path {

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

        gap: 16px;

        margin-top: 45px;

    }

    .salvation-path article {

        min-height: 210px;

        padding: 27px 22px;

    }

    .salvation-path article > span {
        margin-bottom: 20px;
    }

    .salvation-path article h3 {
        font-size: 1.08rem;
    }

    .salvation-path article p {
        font-size: 0.82rem;
    }

    .acts-panel {
        margin-top: 45px;
        padding: 40px;
    }

    .acts-panel blockquote {
        max-width: 760px;
        font-size: clamp(1.45rem, 3vw, 2rem);
    }


    /* =====================================================
       HOLY LIVING
    ===================================================== */

    .living-path {

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

        margin-top: 45px;

    }

    .living-path > div:not(.path-divider) {
        padding: 32px 20px;
    }

    .living-path > div:not(.path-divider) h3 {
        font-size: 1rem;
    }

    .path-divider {
        min-height: 100%;
    }


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

    .closing-content {
        max-width: 780px;
    }

    .closing-content h2 {
        font-size: clamp(2.8rem, 6vw, 4.2rem);
    }

    .closing-content > p {
        max-width: 700px;
        font-size: 0.98rem;
    }

    .closing-statement {
        margin: 35px 0;
    }

}


/* =========================================================
   SHARED STICKY SITE NAVIGATION
   Keeps the BAPBI header visible while scrolling on every page.
========================================================= */
.site-header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
}