@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibir.ttf') format('truetype'); /* Fixed format name and replaced comma with semicolon */
    font-weight: normal; /* Recommended: defines the weight */
    font-style: normal;  /* Recommended: defines the style */
}

.hero {
    min-height: 920px;
    display: flex;
    align-items: center;
    position: relative;
    /*background: linear-gradient(120deg, #123d68, #4380a5 48%, #c58e85);*/
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.hero:after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: radial-gradient(circle at 78% 65%, rgba(255, 255, 255, .18), transparent 28%), linear-gradient(90deg, rgba(3, 35, 65, .72), rgba(3, 35, 65, .12))*/
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(30, 22, 60, 10.02);
    background: linear-gradient(90deg, rgba(30, 22, 60, 0.82) 0%, rgba(0, 106, 171, 0.55) 55%, rgba(184, 120, 136, 0.3) 100%);
}

.hero-content {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 60px
}

.eyebrow {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 30px;
    font-family: "Gill Sans MT", sans-serif;
    letter-spacing: 2px;
    display: inline-block;
    padding: 15px;
    background: var(--primaryColor) ;
    border-radius: 64px;

}

.hero h1 {
    font: 800 clamp(42px, 6vw, 72px)/1.02 "Gill Sans MT", sans-serif;
    margin: 0 0 22px;
    line-height: 1.25;
}

.hero p {
    max-width: 600px;
    font-size: 20px;
    font-family: 'Calibri', sans-serif;
    line-height: 30px;
}

.hero-actions {
    display: flex;
    gap: 12px;
    margin-top: 28px
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500
}

.hero .cta {
    padding: 15px 30px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 64px;
    font-family: "Gill Sans MT", sans-serif;
    text-decoration: none;
}

.hero .cta span {
    margin-left: 10px;
}

.hero .download-cta {
    background: var(--primaryColor) ;
    color: #fff;
}

.hero .explore-cta {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
}

.section {
    padding: 90px 0
}

.section small {
    font-size: 14px;
    color: var(--primaryColor);
    display: block;
    margin-bottom: 12px;
    letter-spacing: 1.5px;
    font-family: "Gill Sans MT", sans-serif;
}

.section small.white {
    color: #fff;
}

.section.intro h2 {
    font: 800 clamp(34px, 4vw, 48px)/1.08 "Gill Sans MT", sans-serif;
    font-weight: bold;
    line-height: 45px;
    font-size: 38px;
}

.section.intro p {
    font-size: 20px;
    font-family: 'Calibri', sans-serif;
    line-height: 40px;
    margin-bottom: 20px;
}

.section.leadership {
    background: #2C4B94;
    background: linear-gradient(25deg, rgba(44, 75, 148, 1) 37%, rgba(205, 133, 134, 1) 100%);
}

.section.leadership small {
    color: #fff;
}

.section.leadership h2, .section.area h2 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.5;
    font-family: "Gill Sans MT", sans-serif;
}

.section.leadership span {
    color: var(--secondaryColor);
}

.section.leadership .leader {
    position: relative;
    margin-top: 180px;
    display: flex;
    width: 100%;
    background: #E5F3F4;
    border-radius: 20px;
    height: 200px;
}

.section.leadership .leader-image {
    width: 50%;
}

.section.leadership .leader img {
    position: absolute;
    bottom: 0;
    width: 280px;

}

.section.leadership .leader-content {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: 'Gill Sans MT', sans-serif;
}

.section.leadership .leader-content small{
    color: #000;
    letter-spacing: normal;
}

.section.leadership .message-container {
    font-family: Calibri , sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-top: 30px;
}

.section.leadership .cta {
    padding: 5px 30px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 64px;
    font-family: "Gill Sans MT", sans-serif;
    text-decoration: none;
    background: var(--primaryColor) ;
    color: #fff;
    border: none;
}


.impact {
    background: #fff
}

.impact h2, .reports h2, .stories h2 {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.5;
    font-family: "Gill Sans MT", sans-serif;
}

.impact .impact-subtext {
    font-size: 20px;
    font-family: 'Gill Sans MT', sans-serif;
    line-height: 30px;
    color: #000;
    margin-bottom: 30px;
}

.impact .impact-container {
    border-radius: 15px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

.impact .impact-container .header {
    min-height: 200px;
    position: relative;
    background-size: cover;
    border-radius: 15px 15px 0 0;
}

/* 1. Base style for ALL overlays (Default/Odd containers) */
.impact .impact-container .impact-overlay {
    border-radius: 15px 15px 0 0;
    inset: 0;
    /* Cleaned up the broken rgba alpha value (10.03 -> 1) */
    background: rgba(0, 106, 171, 1);
    background: linear-gradient(90deg, rgba(0, 106, 171, 0.9) 0%, rgba(0, 106, 171, 0.6) 40%, rgba(0, 106, 171, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
}

/* 2. Modified style for overlays inside EVEN containers */
.impact .impact-container:nth-child(odd) .impact-overlay {
    background: #8B5A70;
    background: linear-gradient(90deg, rgba(139, 90, 112, 1) 0%, rgba(139, 90, 112, 0.6) 40%, rgba(139, 90, 112, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
}



.impact .impact-container .impact-overlay .impact-content {
    padding: 20px;
}

.impact .impact-container .impact-overlay .impact-content small {
    color: #fff;
}

.impact .impact-container .impact-overlay .impact-content h3{
    font-family: "Gill Sans MT", sans-serif;
    color: #fff;
    font-weight: bold;
}

.impact .impact-container .impact-overlay .impact-content .stats {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.impact .impact-container .impact-overlay .impact-content .stat {
    border-right: 1px solid #e5e5e554;
    padding: 5px 20px;
}

.impact .impact-container .impact-overlay .impact-content .stat-number {
    font-size: 70px;
    font-weight: bold;
    color: #fff;
    font-family: "Gill Sans MT", sans-serif;
    line-height: 1.3;
}

.impact .impact-container .impact-overlay .impact-content .stat-label {
    font-weight: lighter;
    font-size: 12px;
    color: #fff;
    font-family: "Gill Sans MT", sans-serif;
}

.impact .impact-container .impact-footer {
    padding: 20px;
    display: flex;
    gap: 20px;
    font-family: Calibri , sans-serif;
}

.impact .impact-footer .cta {
    width: 150px;
}
.impact .impact-footer .cta a {
    text-decoration: none;
    color : var(--primaryColor);
    font-weight: bold;
    font-family: "Gill Sans MT", sans-serif;
    text-align: right;
}


.reports {
    background: #f5f8fb
}

.featured-report {
    height: 500px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    margin-top: 28px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.report-bg {
    position: absolute;
    inset: 0;
    background: #003764;
    background: linear-gradient(90deg, rgba(0, 55, 100, 1) 0%, rgba(0, 80, 140, 0.9) 40%, rgba(0, 106, 171, 0.72) 65%, rgba(0, 106, 171, 0) 100%);
}

.report-content {
    position: relative;
    color: #fff;
    padding: 45px
}

.report-content .report-title {
    font-size: 12px;
    letter-spacing: 2px;
    font-family: "Gill Sans MT", sans-serif;
}

.featured-report .pill {
    background-color: #B87888;
    color: #fff;
    padding: 10px 20px;
    border-radius: 64px;
    font-size: 12px;
    font-family: "Gill Sans MT", sans-serif;
    letter-spacing: 1.5px;
}

.report-content strong {
    display: block;
    font: 800 150px/1 "Gill Sans MT", sans-serif;
    margin-top: 60px
}

.report-content p {
    margin: 20px 0 20px;
    font-size: 40px;
    font-family: Gill Sans MT, sans-serif;
    line-height: 30px;
}

.report-content small {
    font-size: 18px;
    color: #fff;
}

.report-content .file-details {
    font-size: 14px;
    color: #ededed;
}

.report-content .cta {
    background-color: #fff;
    color: #006AAB;
    padding: 20px 30px;
    border-radius: 64px;
    font-size: 18px;
    font-family: "Gill Sans MT", sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.report-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 14px 0 28px
}

.mini-report .header {
    border-radius: 15px 15px 0 0;
    padding: 30px;
    position: relative;
    min-height: 500px;
    display: flex;
}

.mini-report .header:before {
    border-radius: 15px 15px 0 0;
    content: "";
    position: absolute;
    inset: 0;
    background: #005A90;
    background: linear-gradient(180deg, rgba(0, 90, 144, 0.89) 0%, rgba(0, 34, 59, 0.79) 100%);
}

.mini-report .content {
    position: relative;
    z-index: 1;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mini-report .report-title {
    font-size: 10px;
    letter-spacing: 2px;
    font-family: "Gill Sans MT", sans-serif;
    font-weight: lighter;
}

.mini-report .header strong {
    font-size: 60px;
    font-family: "Gill Sans MT", sans-serif;
    font-weight: bold;
    color: #fff;
}

.mini-report .header small {
    color: #fff;
}

.mini-report .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #fff;
    border-radius: 0 0 15px 15px;
    font-family: Gill Sans MT, sans-serif;
}

.mini-report .cta {
    background-color: #EEECF6;
    color: var(--primaryColor);
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 35px;
    text-decoration: none;
}

.mini-report:nth-child(even) .header::before {
    background: #7A4A60;
    background: linear-gradient(180deg, rgba(122, 74, 96, 0.89) 0%, rgba(84, 56, 62, 0.79) 100%);
}

.stories-container {
    border-radius: 15px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

.stories-container .header {
    height: 300px;
    position: relative;
    background-size: cover;
    border-radius: 15px 15px 0 0;
}

.stories-container .header .tag {
    background-color: #B87888;
    color: #fff;
    padding: 10px 20px;
    border-radius: 64px;
    font-size: 12px;
    font-family: "Gill Sans MT", sans-serif;
    letter-spacing: 1.5px;
}

.stories-container .body, .stories-container .footer, .stories-container .header {
    padding: 20px;
}

.stories-container .area-of-work {
    font-size: 14px;
    font-family: "Gill Sans MT", sans-serif;
    margin-bottom: 10px;
}

.stories-container .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: "Gill Sans MT", sans-serif;
}

.stories-container .body .content {
    font-size: 14px;
    font-family: "Calibri", sans-serif;
    color: #626366;
}

.stories-container .footer a {
    text-decoration: none;
    color: var(--primaryColor);
    font-weight: bold;
    font-family: "Gill Sans MT", sans-serif;
    font-size: 14px;
}

.stories-grid {
    margin-top: 50px;
}


.area {
    background: #004A7A;
    background: linear-gradient(158deg, rgba(0, 74, 122, 1) 0%, rgba(61, 42, 64, 1) 100%);
}

.area .subtitle {
    font-size: 20px;
    font-family: "Calibri", sans-serif;
    color: #fff;
    margin-bottom: 30px;
    font-weight: lighter;
}

.area .filter-container {
    display: flex;
    gap: 14px;
    margin-bottom: 20px;
    cursor: pointer;
}

.area .filter-container .filter {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 10px 20px;
    border-radius: 64px;
    font-size: 14px;
    font-family: "Gill Sans MT", sans-serif;
    font-weight: lighter;
    text-decoration: none;
    margin-bottom: 20px;
}

.area .filter-container .filter.selected {
    background: #006AAB;
}

.map-area-container {
    display: table;
    width: 100%;
}

.map-area-container .map {
    width:70%;
    float: left;
    height: 600px;
    border-radius: 10px 0 0 10px;
}

.map-area-container .details {
    width: 30%;
    float: left;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    height: 600px;
    padding: 20px;
    overflow-y: scroll;
}


.map-area-container .details h3 {
    font-family: "Gill Sans MT", sans-serif;
    font-weight: lighter;
    font-size: 18px;
}

.map-area-container .details small {
    font-size: 14px;
    color: #626366;
}

.map-area-container .details .aow-container {
    margin-bottom: 20px;
}

.map-area-container .details .aow-container .title {
    font-size: 14px;
    font-family: "Gill Sans MT", sans-serif;
    font-weight: bold;
}

.map-area-container .details .aow-container .title div {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background-color: #ededed;
    margin-right: 10px;
    display: inline-block;
}

.map-area-container .details .locations {
    margin: 10px;
    display: flex;
    gap: 10px;
}

.aow-badge {
    color: #fff;
    min-width: 30px;
    max-width: 30px;
    max-height: 30px;
    min-height: 30px;
    border-radius: 100%;
    background-color: #ededed;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aow-container .program {
    cursor: pointer;
}

.aow-container .program:hover {
    font-weight: bold;
}

#area-stories .article-container {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}

#area-stories .article-container .article-thumbnail {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 10px;
    background-color: #ededed;
}

#area-stories .article-container .article-title, #area-stories a {
    font-family: "Gill Sans MT", sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}





.nutrition-page { --nutrition-plum: #865871; --nutrition-ink: #23242a; --nutrition-paper: #f5f6f9; color: var(--nutrition-ink); font-family: Calibri, Arial, sans-serif; }
.nutrition-page *, .nutrition-page *::before, .nutrition-page *::after { box-sizing: border-box; }
.nutrition-page .nutrition-container { width: min(100% - 48px, 1160px); margin-inline: auto; }
.nutrition-page h1, .nutrition-page h2, .nutrition-page .nutrition-back { font-family: "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; }
.nutrition-page h2 { margin: 0 0 24px; font-size: clamp(27px, 3vw, 38px); line-height: 1.12; font-weight: 700; }
.nutrition-page p { margin: 0 0 1.25em; font-size: 17px; line-height: 1.7; }
.nutrition-page .nutrition-section { padding-block: clamp(68px, 7vw, 108px); }

.nutrition-page .nutrition-hero { min-height: 700px; position: relative; isolation: isolate; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; }
.nutrition-page .nutrition-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(93, 42, 66, .96) 0%, rgba(111, 59, 81, .82) 44%, rgba(72, 42, 58, .20) 100%); }
.nutrition-page .nutrition-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 25px; }
.nutrition-page .nutrition-brand, .nutrition-page .nutrition-footer__brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; font: 700 11px/1.12 Arial, sans-serif; letter-spacing: .03em; }
.nutrition-page .nutrition-brand__mark { display: grid; place-items: center; width: 31px; height: 31px; background: #fff; color: #85546d; font: 800 14px/1 Arial, sans-serif; }
.nutrition-page .nutrition-back { display: inline-flex; align-items: center; gap: 12px; padding: 12px 22px; background: #875870; color: #fff; border-radius: 100px; text-decoration: none; font-size: 14px; font-weight: 700; }
.nutrition-page .nutrition-back:hover, .nutrition-page .nutrition-back:focus-visible { background: #61384e; color: #fff; }
.nutrition-page .nutrition-hero__content { padding-block: clamp(80px, 10vw, 140px) 90px; }
.nutrition-page .nutrition-kicker { font: 300 13px/1.3 "Gill Sans MT", Arial, sans-serif; letter-spacing: .22em; color: #e7cbd9; margin-bottom: 20px; }
.nutrition-page .nutrition-hero h1 { max-width: 990px; color: #fff; font-size: clamp(46px, 5.9vw, 80px); line-height: 1.03; letter-spacing: -.025em; margin: 0 0 28px; font-weight: 700; }
.nutrition-page .nutrition-hero__deck { max-width: 870px; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.62; margin: 0; }

.nutrition-page .nutrition-overview > .nutrition-container > p:first-child { max-width: 1130px; }
.nutrition-page .nutrition-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-block: 35px; }
.nutrition-page .nutrition-card { display: flex; align-items: flex-start; gap: 14px; padding: 22px 20px; border: 1px solid #ebe9ed; border-radius: 14px; background: #f9f8fa; }
.nutrition-page .nutrition-card p { font-size: 15px; line-height: 1.55; margin: 0; }
.nutrition-page .nutrition-card__dot { flex: 0 0 10px; width: 10px; height: 10px; margin-top: 8px; background: #986279; border-radius: 50%; }
.nutrition-page .nutrition-overview__closing { margin: 0; }

.nutrition-page .nutrition-progress h2 { margin: 0; padding: 40px 0; color: #fff; background: #8a5c73; font-size: clamp(29px, 3vw, 38px); }
.nutrition-page .nutrition-progress h2 span { display: block; }
.nutrition-page .nutrition-progress__body { background: #f4f5f8; padding-block: 45px 55px; }
.nutrition-page .nutrition-driver { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 22px; align-items: start; padding: 22px 0; border-bottom: 1px solid #e5e6eb; }
.nutrition-page .nutrition-driver:last-child { border-bottom: 0; }
.nutrition-page .nutrition-driver p { max-width: 960px; margin: 0; }
.nutrition-page .nutrition-driver__tag { display: inline-block; justify-self: start; background: #f2eaf0; color: #8a5d73; border-radius: 10px; padding: 10px; letter-spacing: .13em; font: 700 11px/1 "Gill Sans MT", Arial, sans-serif; width: 80px; height: 80px;     justify-content: center;align-content: center; flex-wrap: balance; text-align: center }

.nutrition-page .nutrition-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(34px, 5vw, 80px); }
.nutrition-page .nutrition-analysis__feature { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(220px, .65fr); align-items: center; gap: 34px; margin-top: 50px; }
.nutrition-page figure { margin: 0; }
.nutrition-page .nutrition-analysis__feature strong { font: 700 clamp(26px, 2.7vw, 36px)/1.12 "Gill Sans MT", Arial, sans-serif; }
.nutrition-page .nutrition-media { border-radius: 12px; background: #e0e3e6 center / cover no-repeat; }
.nutrition-page .nutrition-media--field { aspect-ratio: 2.4; width: 100%; }

.nutrition-page .nutrition-lessons { color: #fff; background: linear-gradient(110deg, #284f94 0%, #697494 52%, #c08791 100%); }
.nutrition-page .nutrition-lessons h2 { color: #fff; font-size: 25px; letter-spacing: .075em; margin-bottom: 34px; }
.nutrition-page .nutrition-lessons p { max-width: 1070px; }
.nutrition-page .nutrition-lessons p:last-child { margin-bottom: 0; }

.nutrition-page .nutrition-story { background: #fff; }
.nutrition-page .nutrition-story h2 { max-width: 990px; font-size: clamp(35px, 3.8vw, 52px); margin-bottom: 34px; }
.nutrition-page .nutrition-story__lead { margin-bottom: 38px; }
.nutrition-page .nutrition-media--lead { aspect-ratio: 2.45; width: 100%; }
.nutrition-page .nutrition-story__device { max-width: 480px; margin-top: 28px; }
.nutrition-page .nutrition-media--device { aspect-ratio: 1.45; width: 100% }

.nutrition-page .nutrition-footer { padding: 45px 0; border-top: 1px solid #e8e8e8; background: #f7f7f8; }
.nutrition-page .nutrition-footer .nutrition-container { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.nutrition-page .nutrition-footer__brand { color: #006da9; }
.nutrition-page .nutrition-footer__brand .nutrition-brand__mark { background: #006da9; color: #fff; }
.nutrition-page .nutrition-footer p { color: #646a72; font-size: 13px; margin: 0; }


.lhs-page { --lhs-blue: #006eaa; --lhs-ink: #20242a; --lhs-paper: #f4f6fa; color: var(--lhs-ink); font-family: Calibri, Arial, sans-serif; }
.lhs-page *, .lhs-page *::before, .lhs-page *::after { box-sizing: border-box; }
.lhs-page .container { width: min(100% - 48px, 1180px); margin-inline: auto; }
.lhs-page h1, .lhs-page h2, .lhs-page blockquote, .lhs-page .lhs-back { font-family: "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; }
.lhs-page h2 { margin: 0 0 24px; font-size: clamp(27px, 3vw, 38px); line-height: 1.13; font-weight: 700; }
.lhs-page p { margin: 0 0 1.2em; }
.lhs-page .lhs-prose { font-size: 17px; line-height: 1.72; overflow-wrap: anywhere; }
.lhs-page .lhs-prose > :last-child { margin-bottom: 0; }
.lhs-page .lhs-prose a { color: var(--lhs-blue); text-decoration: underline; }
.lhs-page .lhs-section { padding-block: clamp(68px, 7vw, 112px); }

.lhs-page .lhs-hero { min-height: 680px; position: relative; isolation: isolate; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; }
.lhs-page .lhs-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(0, 84, 136, .96) 0%, rgba(0, 95, 151, .82) 40%, rgba(0, 66, 106, .34) 76%, rgba(0, 40, 65, .18) 100%); }
.lhs-page .lhs-topbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 24px; }
.lhs-page .lhs-brand, .lhs-page .lhs-footer__brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; font: 700 11px/1.12 Arial, sans-serif; letter-spacing: .03em; }
.lhs-page .lhs-brand__mark { display: grid; place-items: center; width: 31px; height: 31px; background: #fff; color: #0072ad; font: 800 14px/1 Arial, sans-serif; }
.lhs-page .lhs-hero__content { padding-block: clamp(76px, 9vw, 130px) 90px; }
.lhs-page .lhs-back { display: inline-flex; align-items: center; gap: 12px; border-radius: 100px; padding: 12px 22px; background: #0074b4; color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; }
.lhs-page .lhs-back:hover, .lhs-page .lhs-back:focus-visible { background: #004e80; color: #fff; }
.lhs-page .lhs-kicker { font: 300 13px/1.4 "Gill Sans MT", Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.lhs-page .lhs-hero .lhs-kicker { color: #c4e3f2; margin-bottom: 18px; }
.lhs-page .lhs-hero h1 { max-width: 990px; color: #fff; font-size: clamp(44px, 5.8vw, 78px); line-height: 1.02; font-weight: 700; letter-spacing: -.025em; margin: 0 0 32px; }
.lhs-page .lhs-hero__deck { max-width: 880px; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.65; margin: 0; }

.lhs-page .lhs-overview__grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .95fr); gap: clamp(36px, 6vw, 90px); align-items: start; }
.lhs-page .lhs-location { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 32px; font-size: 14px; }
.lhs-page .lhs-pill { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 15px; background: var(--lhs-blue); color: #fff; border-radius: 100px; font: 700 12px/1.2 "Gill Sans MT", Arial, sans-serif; letter-spacing: .06em; }
.lhs-page .lhs-note { display: flex; gap: 17px; padding: 20px 22px; background: #f4f8fa; border: 1px solid #edf0f3; border-radius: 13px; margin-top: 16px; font-size: 16px; line-height: 1.55; }
.lhs-page .lhs-note p { margin: 0; }
.lhs-page .lhs-note__dot { flex: 0 0 30px; width: 30px; height: 30px; background: var(--lhs-blue); border-radius: 50%; }
.lhs-page .lhs-outcomes { display: grid; gap: 18px; }
.lhs-page .lhs-outcome { background: var(--lhs-paper); border: 1px solid #e9edf3; border-radius: 16px; padding: 28px 34px; }
.lhs-page .lhs-outcome strong { display: block; color: var(--lhs-blue); font: 700 clamp(48px, 5vw, 70px)/1 "Gill Sans MT", Arial, sans-serif; margin-bottom: 13px; }
.lhs-page .lhs-outcome span { display: block; font-weight: 700; font-size: 18px; line-height: 1.35; }
.lhs-page .lhs-outcome small { display: block; color: #69717b; font-size: 13px; margin-top: 8px; line-height: 1.4; }
.lhs-page .lhs-overview__closing { margin-top: 44px; }

.lhs-page .lhs-progress h2 { background: #006da9; color: #fff; padding: 40px 0; margin: 0; font-size: clamp(29px, 3vw, 38px); }
.lhs-page .lhs-progress h2 span { display: block; }
.lhs-page .lhs-progress__body { background: #f3f5f9; padding: 44px 0 54px; }
.lhs-page .lhs-driver { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 20px; padding: 20px 0; align-items: start; }
.lhs-page .lhs-driver:last-child { border-bottom: 0; }
.lhs-page .lhs-driver__tag { display: inline-block; justify-self: start; color: #0075b6; background: #e9f1f8; border-radius: 10px; padding: 10px; letter-spacing: .13em; font: 700 11px/1 "Gill Sans MT", Arial, sans-serif; width: 80px; height: 80px;     justify-content: center;align-content: center; flex-wrap: balance; text-align: center}
.lhs-page .lhs-driver .lhs-prose { max-width: 940px; }

.lhs-page .lhs-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 80px); }
.lhs-page .lhs-figure { margin: 28px 0 0; }
.lhs-page .lhs-figure img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 12px; }
.lhs-page .lhs-figure figcaption { font-size: 13px; line-height: 1.45; color: #686f76; margin-top: 10px; }
.lhs-page .lhs-media { border-radius: 12px; background-color: #dfe6eb; background-position: center; background-size: cover; background-repeat: no-repeat; aspect-ratio: 1.45; }
.lhs-page .lhs-media--challenge {  }
.lhs-page .lhs-media--lesson {  aspect-ratio: 1.22; }
.lhs-page .lhs-media--meeting {  aspect-ratio: 2.9; }
.lhs-page .lhs-media--left {  aspect-ratio: 1.4; }
.lhs-page .lhs-media--right { aspect-ratio: 1.4; }
.lhs-page #lhs-lessons-title, #nutrition-lessons-title { font-size: clamp(27px, 3vw, 38px); line-height: 1.13; font-weight: 700; }
.lhs-page .lhs-lessons { color: #fff; background: linear-gradient(110deg, #264e91 0%, #6d718f 54%, #bd858d 100%); }
.lhs-page .lhs-lessons .lhs-kicker { color: #fff; margin-bottom: 28px; }
.lhs-page .lhs-lessons blockquote { margin: 26px 0; color: #fff; font-size: clamp(25px, 2.6vw, 36px); font-weight: 700; line-height: 1.12; }
.lhs-page .lhs-lessons .lhs-figure img { aspect-ratio: 1.22; }

.lhs-page .lhs-feature { background: #f5f6fa; }
.lhs-page .lhs-feature h2 { max-width: 950px; font-size: clamp(34px, 3.7vw, 49px); margin-bottom: 38px; }
.lhs-page .lhs-feature__lead { margin: 0 0 34px; }
.lhs-page .lhs-feature__lead img { aspect-ratio: 2.9; }
.lhs-page .lhs-feature__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 72px); align-items: start; }
.lhs-page .lhs-feature__columns .lhs-figure { margin: 0 0 24px; }
.lhs-page .lhs-feature__columns .lhs-figure img { aspect-ratio: 1.4; }
.lhs-page .lhs-feature__columns .lhs-prose + .lhs-figure { margin-top: 28px; }
.lhs-page .lhs-feature__extra { max-width: 520px; margin: 38px auto 0; }
.lhs-page .lhs-endnote { padding-top: 44px; font-size: 14px; color: #555e68; }


    .aysrh-page { --aysrh-blue: #006eaa; --aysrh-ink: #24262b; color: var(--aysrh-ink); font-family: Calibri, Arial, sans-serif; }
    .aysrh-page *, .aysrh-page *::before, .aysrh-page *::after { box-sizing: border-box; }
    .aysrh-page .aysrh-container { width: min(100% - 48px, 1160px); margin-inline: auto; }
    .aysrh-page h1, .aysrh-page h2, .aysrh-page h3, .aysrh-page blockquote, .aysrh-page .aysrh-back { font-family: "Gill Sans MT", "Trebuchet MS", Arial, sans-serif; }
    .aysrh-page h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.15; font-weight: 700; margin: 0 0 26px; }
    .aysrh-page p { font-size: 17px; line-height: 1.72; margin: 0 0 1.25em; }
    .aysrh-page .aysrh-section { padding-block: clamp(72px, 7vw, 110px); }

    .aysrh-page .aysrh-hero { min-height: 660px; position: relative; isolation: isolate; color: #fff;, background-repeat: no-repeat; background-position: center; background-size: cover; }
    .aysrh-page .aysrh-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(0, 51, 103, .97) 0%, rgba(0, 91, 149, .87) 51%, rgba(0, 70, 112, .30) 100%); }
    .aysrh-page .aysrh-topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 24px; }
    .aysrh-page .aysrh-brand, .aysrh-page .aysrh-footer__brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; font: 700 11px/1.12 Arial, sans-serif; letter-spacing: .03em; }
    .aysrh-page .aysrh-brand__mark { display: grid; place-items: center; width: 31px; height: 31px; background: #fff; color: #006eaa; font: 800 14px/1 Arial, sans-serif; }
    .aysrh-page .aysrh-back { display: inline-flex; align-items: center; gap: 12px; padding: 12px 22px; border-radius: 100px; background: #0077b5; color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; }
    .aysrh-page .aysrh-back:hover, .aysrh-page .aysrh-back:focus-visible { background: #005081; color: #fff; }
    .aysrh-page .aysrh-hero__content { padding-block: clamp(90px, 10vw, 135px) 100px; }
    .aysrh-page .aysrh-kicker { color: #b8d9e9; font: 300 13px/1.3 "Gill Sans MT", Arial, sans-serif; letter-spacing: .2em; margin-bottom: 20px; }
    .aysrh-page .aysrh-hero h1 { max-width: 900px; color: #fff; font-size: clamp(48px, 5.8vw, 78px); line-height: 1.04; letter-spacing: -.025em; margin: 0 0 29px; font-weight: 700; }
    .aysrh-page .aysrh-hero__content > p:last-child { max-width: 820px; font-size: 20px; margin: 0; }

    .aysrh-page .aysrh-intro { background: #006da9; padding-block: clamp(58px, 6vw, 86px); color: #fff; }
    .aysrh-page .aysrh-intro p { font-style: italic; font-size: clamp(18px, 1.55vw, 21px); line-height: 1.78; margin: 0; }

    .aysrh-page .aysrh-programs h2 { font: 700 13px/1.3 "Gill Sans MT", Arial, sans-serif; letter-spacing: .15em; color: var(--aysrh-blue); margin-bottom: 35px; }
    .aysrh-page .aysrh-programs__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .aysrh-page .aysrh-program-card { border: 1px solid #e8edf2; border-radius: 17px; padding: 30px 26px; min-height: 285px; background: #fff; }
    .aysrh-page .aysrh-badge { display: inline-block; padding: 6px 12px; border-radius: 100px; color: #fff; background: #0075b4; font: 300 12px/1.1 "Gill Sans MT", Arial, sans-serif; margin-bottom: 19px; }
    .aysrh-page .aysrh-program-card h3 { font-size: 21px; line-height: 1.2; margin: 0 0 14px; font-weight: 600; }
    .aysrh-page .aysrh-program-card p { font-size: 14px; line-height: 1.58; margin: 0; color: #555c66; }
    .aysrh-page .aysrh-programs__closing { margin: 35px 0 0; }

    .aysrh-page .aysrh-progress h2 { margin: 0; padding: 40px 0; color: #fff; background: #006da9; }
    .aysrh-page .aysrh-progress h2 span { display: block; }
    .aysrh-page .aysrh-progress__body { background: #f3f5f9; padding-block: 46px 58px; }
    .aysrh-page .aysrh-driver { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 20px; align-items: start; padding: 24px 0; border-bottom: 1px solid #e2e7ee; }
    .aysrh-page .aysrh-driver:last-child { border-bottom: 0; }
    .aysrh-page .aysrh-driver__tag { display: inline-block; justify-self: start; color: #0075b6; background: #e9f1f8; border-radius: 10px; padding: 10px; letter-spacing: .13em; font: 700 11px/1 "Gill Sans MT", Arial, sans-serif; width: 80px; height: 80px;     justify-content: center;align-content: center; flex-wrap: balance; text-align: center}
    .aysrh-page .aysrh-driver p { margin: 0; }

    .aysrh-page .aysrh-two-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(36px, 5vw, 78px); }
    .aysrh-page .aysrh-figure { margin: 30px 0 0; width: 100% }
    .aysrh-page .aysrh-media { border-radius: 12px; background-color: #dfe6eb; background-position: center; background-size: cover; background-repeat: no-repeat; }
    .aysrh-page .aysrh-media--meeting { aspect-ratio: 1.55; width:100%; }
    .aysrh-page .aysrh-media--lesson { aspect-ratio: 1.25;  width:100%; }

    .aysrh-page .aysrh-lessons { color: #fff; background: linear-gradient(110deg, #294c90 0%, #6c708e 54%, #c48990 100%); }
    .aysrh-page .aysrh-lessons h2 { font-size: 25px; letter-spacing: .08em; color: #fff; margin-bottom: 36px; }
    .aysrh-page .aysrh-lessons p:last-child { margin-bottom: 0; }
    .aysrh-page .aysrh-lessons blockquote { color: #fff; font-size: clamp(28px, 2.8vw, 39px); font-weight: 700; line-height: 1.12; margin: 0 0 26px; }
    .aysrh-page .aysrh-lessons .aysrh-figure { margin-top: 0; }

    .aysrh-page .aysrh-footer { padding: 45px 0; border-top: 1px solid #e7e9ed; background: #f8f8f9; }
    .aysrh-page .aysrh-footer .aysrh-container { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .aysrh-page .aysrh-footer__brand { color: #006da9; }
    .aysrh-page .aysrh-footer__brand .aysrh-brand__mark { background: #006da9; color: #fff; }
    .aysrh-page .aysrh-footer p { color: #626a74; font-size: 13px; margin: 0; }
