:root {
    /* BASE WRAPPER VARIABLES ------------------------------------ */
    --site-full-width: 1800px;
    --section-max-width: 1440px;
    --content-max-width: 1280px;
    --site-padding-lr: 3rem;
    --site-padding: 20px;

    /* BASE GRID VARIABLES ------------------------------------ */
    --container-padding: 2rem;
    --max-width: 1024px;
    --gap: 3rem;
    --gap-tight: 2rem;
    --gap-tighter: 1.5rem;
    --setfixposcontent: 68px;
    --leftside-content-gap: 3rem;

    /* CONTENT BLOCK VARIABLES ------------------------------------ */
    --contentblockgap: 6rem;
    --contenttopspacer: 60px;
    --contentendspacer: 80px;
    --contenttopspacer-tight: 40px;
    --contentendspacer-tight: 40px;

    /* SUBANNER VARIABLES ------------------------------------ */
    --subbanner-height: 285px;
    --subbanner-height-tight: 185px;
    --subbanner-contentimg-height: 340px;

    /* FONT SIZE VARIABLES ------------------------------------ */
    --wrap-h1-fsize: 64px;
    --wrap-h1-lheight: 1;

    --wrap-heading-fsize: 44px;
    --wrap-heading-lheight: 1;

    --wrap-eyebrow-fsize: 18px;
    --wrap-eyebrow-lheight: 1;

    --section-p: 20px;
    --section-p-lheight: 1.4;

    --support-fsize: 20px;
    --support-lheight: 1.4;

    /* FONT SIZE VARIABLES ------------------------------------ */
    --img-radius: 12px;
    --card-radius: 12px;

    /* BRAND COLOR VARIABLES ------------------------------------ */

    /* ===== MENNINGER EXPRESSIVE ACCENTS ===== */

    /* Menninger Blue - Primary Brand Anchor */
    --blue-tint-hue: 93, 119, 142;
    --blue-tint: #5D778E;        /* Tint 1  */

    --blue-hue: 39, 73, 104;
    --blue: #274968;             /* Core    */

    --blue-shade-hue: 20, 37, 52;
    --blue-shade: #142534;       /* Shade 2 */

    --blue-dark-hue: 10, 18, 26;
    --blue-dark: #0A121A;        /* Shade 3 */

    /* Garden Sage - Grounding Support */
    --sage-tint-hue: 189, 194, 159;
    --sage-tint: #BDC29F;        /* Tint 1  */

    --sage-hue: 167, 174, 127;
    --sage: #A7AE7F;             /* Core    */

    --sage-shade-hue: 84, 87, 64;
    --sage-shade: #545740;       /* Shade 2 */

    --sage-dark-hue: 42, 44, 32;
    --sage-dark: #2A2C20;        /* Shade 3 */

    /* Heritage Clay - Warm Support */
    --clay-tint-hue: 194, 152, 124;
    --clay-tint: #C2987C;        /* Tint 1  */

    --clay-hue: 174, 117, 80;
    --clay: #AE7550;             /* Core    */

    --clay-shade-hue: 87, 59, 40;
    --clay-shade: #573B28;       /* Shade 2 */

    --clay-dark-hue: 44, 29, 20;
    --clay-dark: #2C1D14;        /* Shade 3 */

    /* Soft Marigold - Optimistic Light Accent */
    --marigold-tint-hue: 239, 222, 182;
    --marigold-tint: #EFDEB6;    /* Tint 1  */

    --marigold-hue: 234, 211, 158;
    --marigold: #EAD39E;         /* Core    */

    --marigold-shade-hue: 117, 106, 79;
    --marigold-shade: #756A4F;   /* Shade 2 */

    --marigold-dark-hue: 59, 53, 40;
    --marigold-dark: #3B3528;    /* Shade 3 */

    /* ===== MENNINGER EXPRESSIVE ACCENTS ===== */

    /* Clear Sky */
    --sky-hue: 154, 197, 232;
    --sky: #9AC5E8;

    --sky-light: #e1edf8;

    /* Fresh Leaf */
    --leaf-hue: 198, 215, 113;
    --leaf: #C6D771;

    /* Warm Terracotta */
    --terracotta-hue: 201, 111, 61;
    --terracotta: #C96F3D;

    /* Golden Hour */
    --golden-hue: 242, 184, 75;
    --golden: #F2B84B;

    /* ===== MENNINGER NEUTRALS ===== */

    /* Warm White - Primary Soft Background */
    --warm-white-hue: 247, 244, 238;
    --warm-white: #F7F4EE;

    /* Soft Stone - Light Warm Gray */
    --stone-hue: 216, 213, 204;
    --stone: #D8D5CC;

    /* Blue Slate - Blue-Tinted Dark Neutral */
    --slate-hue: 74, 92, 104;
    --slate: #4A5C68;

    /* Deep Ink - Primary Dark Neutral */
    --ink-hue: 31, 37, 41;
    --ink: #1F2529;

    /* Lite Blue */
    --lite-blue-hue: 157, 185, 208;
    --lite-blue: #9DB9D0;

    /* Lite Blue Darker */
    --lite-blue-dark-hue: 122, 155, 186;
    --lite-blue-dark: #7A9BBA;

    /* Lite Blue Lite */
    --lite-blue-lite-hue: 0, 75, 135;
    --lite-blue-lite: #C4D5E3;

    /* Green */
    --green-hue: 115, 127, 53;
    --green: #737F35;

    /* Green Darker */
    --green-dark-hue: 90, 102, 37;
    --green-dark: #5A6625;

    /* Lite Green */
    --lite-green-hue: 236, 237, 227;
    --lite-green: #ECEDE3;

    /* Mustard */
    --mustard-hue: 234, 211, 157;
    --mustard: #EAD39D;

    /* Clay */
    --clay-hue: 174, 117, 80;
    --clay: #AE7550;

    /* Mud */
    --mud-hue: 186, 176, 168;
    --mud: #BAB0A8;

    /* Body Text */
    --body-text-hue: 31, 37, 41;
    --body-text: #1F2529;
    --black-hue: 0, 0, 0;
    --white-hue: 255, 255, 255;
    --white: #ffffff; 
    --light-mode: #ffffff;
    --dark-mode: #000000;
    --load-skeleton: #f0f0f0;
    --form-border: #cccccc;

    /* BRAND COLOR VARIABLES ------------------------------------ */
    --font-default: mr-eaves-xl-modern, sans-serif;
    --font-serif: "Petrona", "Petrona Fallback", Georgia, serif;
    --font-museo: museo-sans, sans-serif;
}

@font-face {
    font-family: 'Petrona Fallback';
    src: local('Georgia'), local('Times New Roman');
    font-weight: 100 900;
    size-adjust: 100.7%;
    ascent-override: 92%;
    descent-override: 24%;
    line-gap-override: 0%;
}


/* =====================================================================
	GSAP - RESPONSIVE FLUID / 1023px
===================================================================== */
.gsaphidden {
    visibility: hidden;
}

.gsapopacity0 {
    opacity: 0;
}