/* Shared navigation and inner-page visual system. */
.primary-nav { gap: clamp(9px, 1vw, 18px); }
.nav-group { position: relative; display: flex; align-items: center; height: 100%; }
.nav-group-toggle { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 100%; padding: 0; color: var(--text); background: none; border: 0; font-size: 12px; font-weight: 700; white-space: nowrap; }
.nav-group-toggle::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 22px; height: 2px; background: linear-gradient(90deg, var(--orange), var(--red)); transition: right var(--transition); }
.nav-group-toggle i { font-size: 9px; transition: transform var(--transition); }
.nav-group:hover > .nav-group-toggle, .nav-group:focus-within > .nav-group-toggle, .nav-group.active > .nav-group-toggle { color: var(--red); }
.nav-group:hover > .nav-group-toggle::after, .nav-group:focus-within > .nav-group-toggle::after, .nav-group.active > .nav-group-toggle::after { right: 0; }
.nav-group:hover > .nav-group-toggle i, .nav-group:focus-within > .nav-group-toggle i, .nav-group.open > .nav-group-toggle i { transform: rotate(180deg); }
.nav-dropdown { position: absolute; z-index: 110; top: calc(100% - 8px); left: -22px; width: 330px; display: grid; gap: 4px; padding: 12px; color: var(--text); background: rgba(255,255,255,.98); border: 1px solid rgba(11,23,28,.08); border-radius: 18px; box-shadow: 0 24px 65px rgba(6,19,24,.17); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); transition: opacity var(--transition), transform var(--transition), visibility var(--transition); backdrop-filter: blur(18px); }
.nav-dropdown::before { content: ""; position: absolute; inset: -14px 0 auto; height: 16px; }
.nav-group:hover > .nav-dropdown, .nav-group:focus-within > .nav-dropdown, .nav-group.open > .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.nav-dropdown-wide { width: 650px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nav-dropdown-right { right: -18px; left: auto; }
.nav-dropdown a { min-width: 0; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; transition: background var(--transition), transform var(--transition); }
.nav-dropdown a:hover, .nav-dropdown a:focus-visible { color: var(--text); background: var(--cream); transform: translateX(2px); outline: none; }
.nav-dropdown > a > i { width: 40px; height: 40px; display: grid; place-items: center; color: var(--orange); background: #fff; border: 1px solid rgba(244,122,32,.14); border-radius: 11px; }
.nav-dropdown span { min-width: 0; display: grid; }
.nav-dropdown b { font-size: 12px; }
.nav-dropdown small { overflow: hidden; color: var(--muted); font-size: 10px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }

.content-page { background: var(--off-white); }
.page-hero { position: relative; min-height: 610px; display: grid; overflow: hidden; color: #fff; background: var(--dark); }
.page-hero > img, .page-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.page-hero > img { object-fit: cover; object-position: center; }
.page-hero-shade { background: linear-gradient(90deg, rgba(5,20,17,.94) 0%, rgba(5,20,17,.78) 38%, rgba(5,20,17,.22) 69%, rgba(5,20,17,.05)); }
.page-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(0deg, rgba(5,20,17,.56), transparent); }
.page-hero-inner { position: relative; z-index: 2; min-height: 610px; display: flex; flex-direction: column; justify-content: center; padding-block: 86px 58px; }
.breadcrumbs { position: absolute; top: 34px; left: 0; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.66); font-size: 11px; font-weight: 700; }
.breadcrumbs a:hover { color: var(--gold); }
.breadcrumbs i { font-size: 8px; }
.page-hero-copy { width: min(780px, 68%); }
.page-hero h1 { max-width: 820px; max-height: 2.05em; margin: 0 0 24px; overflow: hidden; font-family: var(--serif); font-size: clamp(50px, 5.2vw, 76px); font-weight: 400; letter-spacing: -.025em; line-height: 1.02; text-wrap: balance; }
.page-hero-copy > p:not(.eyebrow) { max-width: 700px; margin: 0; color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.7; }
.page-hero-marker { position: absolute; right: 0; bottom: 52px; display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 13px; }
.page-hero-marker span { font-family: var(--serif); font-size: 46px; line-height: 1; color: var(--gold); }
.page-hero-marker small { max-width: 180px; color: rgba(255,255,255,.72); font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.45; }

.page-intro { position: relative; overflow: hidden; background: #fff; }
.page-intro::before { content: ""; position: absolute; top: -180px; right: -120px; width: 420px; height: 420px; background: radial-gradient(circle, rgba(246,181,27,.12), transparent 68%); }
.page-intro-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); align-items: end; gap: clamp(55px, 8vw, 120px); }
.page-intro-copy h2 { max-width: 850px; max-height: 2.1em; margin-bottom: 24px; overflow: hidden; font-size: clamp(43px, 4.4vw, 62px); text-wrap: balance; }
.page-intro-copy > p:not(.eyebrow) { max-width: 760px; margin: 0; color: var(--muted); font-size: 17px; }
.page-statement { position: relative; padding: 34px; color: #fff; background: linear-gradient(145deg, #0f3831, #07191d); border-radius: 24px; box-shadow: var(--shadow-md); }
.page-statement > span { position: absolute; top: -24px; left: 30px; width: 48px; height: 48px; display: grid; place-items: center; color: var(--gold); background: #fff; border-radius: 15px; box-shadow: var(--shadow-sm); }
.page-statement p { margin: 8px 0 0; font-family: var(--serif); font-size: 27px; line-height: 1.28; }
.highlight-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 58px; }
.highlight-card { position: relative; overflow: hidden; padding: 30px; background: linear-gradient(145deg, #fff, #fffaf1); border: 1px solid rgba(229,39,45,.08); border-radius: 20px; box-shadow: 0 14px 40px rgba(11,23,28,.06); }
.highlight-card::after { content: ""; position: absolute; width: 80px; height: 80px; right: -30px; top: -30px; background: rgba(246,181,27,.09); border-radius: 50%; }
.highlight-card > i { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 22px; color: var(--red); background: rgba(229,39,45,.07); border-radius: 14px; font-size: 19px; }
.highlight-card h3 { margin-bottom: 9px; font-size: 17px; }
.highlight-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.page-feature-section { padding: 104px 0; background: linear-gradient(180deg, #fff8ec, #fffdf8); }
.feature-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 42px; }
.feature-heading h2 { margin: 0; font-size: clamp(40px, 3.7vw, 54px); }
.feature-heading > p { max-width: 560px; margin: 0; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.feature-grid-six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.feature-card { position: relative; min-height: 270px; display: flex; flex-direction: column; padding: 31px 28px; overflow: hidden; background: #fff; border: 1px solid rgba(11,23,28,.07); border-radius: 20px; box-shadow: 0 14px 38px rgba(11,23,28,.055); transition: transform var(--transition), box-shadow var(--transition); }
.feature-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.feature-card > span { width: fit-content; min-width: 42px; height: 42px; display: grid; place-items: center; padding-inline: 9px; color: var(--red); background: var(--cream); border-radius: 12px; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.feature-card h3 { max-width: 260px; margin: auto 0 10px; font-size: 20px; line-height: 1.3; }
.feature-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.feature-card small { margin-top: 20px; color: var(--orange); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.feature-card small i { margin-right: 6px; }
.policy-section .feature-card { min-height: 300px; }

.page-story-band { padding: 0 0 104px; background: linear-gradient(180deg, #fffdf8, #fff); }
.page-story-grid { min-height: 530px; display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); overflow: hidden; background: var(--dark); border-radius: 30px; box-shadow: 0 30px 90px rgba(6,19,24,.18); }
.page-story-image { min-height: 530px; overflow: hidden; }
.page-story-image img { width: 100%; height: 100%; object-fit: cover; }
.page-story-copy { align-self: center; padding: 60px clamp(42px, 6vw, 86px); color: #fff; }
.page-story-copy h2 { max-width: 720px; max-height: 2.1em; margin-bottom: 22px; overflow: hidden; font-size: clamp(40px, 3.5vw, 53px); text-wrap: balance; }
.page-story-copy > p:not(.eyebrow) { color: rgba(255,255,255,.7); }
.story-principles { display: grid; gap: 12px; margin-top: 28px; }
.story-principles span { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; }
.story-principles i { width: 24px; height: 24px; display: grid; place-items: center; color: var(--gold); background: rgba(246,181,27,.1); border-radius: 50%; }

.gallery-section { background: #fff; }
.gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 300px; gap: 18px; }
.gallery-item { position: relative; margin: 0; overflow: hidden; border-radius: 20px; box-shadow: var(--shadow-sm); }
.gallery-wide { grid-column: span 2; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gallery-item:hover img { transform: scale(1.04); }
.gallery-item::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(0deg, rgba(6,19,24,.74), transparent); }
.gallery-item figcaption { position: absolute; z-index: 1; inset: auto 22px 20px; display: flex; align-items: center; gap: 13px; color: #fff; }
.gallery-item figcaption span { color: var(--gold); font-family: var(--serif); font-size: 24px; }
.gallery-item figcaption b { font-size: 12px; }

.video-library { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.video-library-card { min-width: 0; padding: 0 0 26px; overflow: hidden; text-align: left; color: var(--text); background: #fff; border: 1px solid rgba(11,23,28,.08); border-radius: 22px; box-shadow: var(--shadow-sm); }
.video-library-visual { position: relative; height: 270px; display: block; overflow: hidden; }
.video-library-visual::after { content: ""; position: absolute; inset: 0; background: rgba(6,19,24,.2); }
.video-library-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.video-library-card:hover img { transform: scale(1.04); }
.video-library-visual i { position: absolute; z-index: 1; inset: 50% auto auto 50%; width: 58px; height: 58px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--orange), var(--red)); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 16px 38px rgba(229,39,45,.28); }
.video-library-card > small, .video-library-card > h3, .video-library-card > p { display: block; margin-inline: 26px; }
.video-library-card > small { margin-top: 22px; color: var(--orange); font-weight: 800; letter-spacing: .12em; }
.video-library-card > h3 { margin-top: 8px; margin-bottom: 9px; font-size: 20px; }
.video-library-card > p { margin-bottom: 0; color: var(--muted); font-size: 13px; }

.page-form-section { background: #fff; }
.form-shell { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(46px, 7vw, 100px); padding: clamp(38px, 5vw, 70px); background: linear-gradient(145deg, #fffaf1, #fff); border: 1px solid rgba(11,23,28,.08); border-radius: 28px; box-shadow: var(--shadow-md); }
.form-intro h2 { max-width: 480px; max-height: 2.1em; margin-bottom: 22px; overflow: hidden; font-size: clamp(40px, 4vw, 55px); }
.form-intro > p:not(.eyebrow) { color: var(--muted); }
.urgent-call { display: flex; align-items: center; gap: 14px; margin-top: 30px; padding: 18px; color: #fff; background: var(--dark); border-radius: 16px; }
.urgent-call > i { width: 44px; height: 44px; display: grid; place-items: center; color: var(--gold); background: rgba(246,181,27,.1); border-radius: 12px; }
.urgent-call span { display: grid; }
.urgent-call small { color: rgba(255,255,255,.6); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.enquiry-form { min-width: 0; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.field-grid label { min-width: 0; display: grid; gap: 7px; }
.field-grid label > span { font-size: 11px; font-weight: 800; }
.field-wide { grid-column: 1 / -1; }
.field-grid input, .field-grid select, .field-grid textarea { width: 100%; min-width: 0; padding: 14px 15px; color: var(--text); background: #fff; border: 1px solid rgba(11,23,28,.14); border-radius: 10px; outline: none; transition: border var(--transition), box-shadow var(--transition); }
.field-grid textarea { resize: vertical; }
.field-grid input:focus, .field-grid select:focus, .field-grid textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(244,122,32,.1); }
.consent { display: flex; align-items: flex-start; gap: 10px; margin: 18px 0; color: var(--muted); font-size: 11px; }
.consent input { margin-top: 4px; }
.form-hp { position: absolute; left: -9999px; }
.form-note { margin: 15px 0 0; color: #85898b; font-size: 10px; }
.form-alert { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding: 13px 15px; border-radius: 10px; font-size: 12px; font-weight: 700; }
.form-alert.success { color: #245c32; background: #edf8ef; border: 1px solid #cfe9d5; }
.form-alert.error { color: #912b2b; background: #fff0f0; border: 1px solid #f2cece; }
.form-alert.pending { color: #76520b; background: #fff8e6; border: 1px solid #f1dfae; }

.location-section { padding: 0 0 104px; background: #fff; }
.location-shell { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 50px; padding: 24px; background: var(--cream); border-radius: 26px; }
.location-shell > div { padding: 32px; }
.location-shell h2 { max-width: 500px; font-size: 48px; }
.location-shell > div > p:not(.eyebrow) { color: var(--muted); }
.location-shell iframe { width: 100%; height: 420px; border: 0; border-radius: 18px; }

.page-cta { padding: 0 0 100px; background: #fff; }
.page-cta-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 55px clamp(40px, 6vw, 84px); overflow: hidden; color: #fff; background: radial-gradient(circle at 88% 15%, rgba(72,125,55,.32), transparent 28%), linear-gradient(135deg, #0d3730, #061318); border-radius: 28px; box-shadow: 0 28px 80px rgba(6,19,24,.16); }
.page-cta-inner::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 290px; height: 290px; border: 1px solid rgba(246,181,27,.14); border-radius: 50%; box-shadow: 0 0 0 35px rgba(246,181,27,.025), 0 0 0 70px rgba(246,181,27,.02); }
.page-cta-inner > div { position: relative; z-index: 1; }
.page-cta h2 { max-width: 820px; max-height: 2.1em; margin-bottom: 13px; overflow: hidden; font-size: clamp(37px, 3.5vw, 51px); text-wrap: balance; }
.page-cta p:not(.eyebrow) { max-width: 720px; margin: 0; color: rgba(255,255,255,.68); }
.page-cta .btn { position: relative; z-index: 1; flex: 0 0 auto; }

@media (max-width: 1240px) {
  .nav-group-toggle { font-size: 11px; }
  .nav-dropdown-wide { width: 560px; }
  .page-hero-copy { width: 72%; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Dedicated Mission, Project Need and Campus pages */
.mission-premium-page .site-footer, .project-need-premium-page .site-footer, .campus-premium-page .site-footer { margin-top: 0; }
.mission-premium-page .footer-cta, .project-need-premium-page .footer-cta, .campus-premium-page .footer-cta { display: none; }
.dpx-page { overflow: hidden; color: #112a25; background: #fff; }
.dpx-page h1, .dpx-page h2, .dpx-page h3 { text-wrap: balance; }
.dpx-hero { position: relative; height: 520px; overflow: hidden; background: #082c26; }
.dpx-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dpx-hero-shade { position: absolute; inset: 0; background: rgba(3,27,22,.36); }
.dpx-hero-inner { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; }
.dpx-hero-copy { width: 51%; color: #fff; }
.dpx-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; color: rgba(255,255,255,.72); font-size: 10px; }
.dpx-breadcrumb a { color: #fff; }
.dpx-breadcrumb i { color: #f5b31d; font-size: 7px; }
.dpx-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 9px; color: #425853; font-size: 10px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.dpx-kicker::before { content: ""; width: 25px; height: 2px; background: #f4aa17; }
.dpx-kicker-light { color: #f6c33d; }
.dpx-hero h1 { max-width: 700px; margin: 10px 0 15px; color: #fff; font-size: clamp(58px,5.25vw,78px); line-height: .95; letter-spacing: -.045em; }
.dpx-hero h1 span, .mission-vision h2 span, .need-page h2 span, .campus-page h2 span, .mission-manifesto strong { color: #f4b21c; }
.dpx-hero-copy > p:not(.dpx-kicker) { max-width: 570px; margin: 0; color: rgba(255,255,255,.9); font-size: 16px; line-height: 1.55; }
.dpx-actions { display: flex; align-items: center; gap: 12px; margin-top: 23px; }
.dpx-watch { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; color: #fff; border: 1px solid rgba(255,255,255,.68); border-radius: 8px; font-size: 11px; font-weight: 750; }
.dpx-watch i { display: grid; width: 25px; height: 25px; place-items: center; color: #0b312a; background: #fff; border-radius: 50%; font-size: 9px; }
.dpx-hero-tags { display: flex; gap: 17px; margin: 24px 0 0; padding: 0; color: rgba(255,255,255,.76); list-style: none; font-size: 10px; font-weight: 800; }
.dpx-hero-tags li { display: flex; align-items: center; gap: 15px; }
.dpx-hero-tags li:not(:last-child)::after { content: ""; width: 18px; height: 1px; background: #e9b62d; }
.dpx-heading { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 28px; }
.dpx-heading h2 { max-width: 850px; margin: 7px 0 0; font-size: clamp(39px,3.4vw,52px); line-height: 1.02; }
.dpx-heading > p { max-width: 420px; margin: 0; color: #6b7773; font-size: 11px; line-height: 1.55; }
.dpx-btn-outline { color: #12332d; background: transparent; border: 1px solid rgba(15,49,43,.35); }
.dpx-btn-dark { color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.6); }

/* Mission */
.mission-foundation { padding: 58px 0; background: #fff; }
.mission-foundation-grid { display: grid; grid-template-columns: 1.18fr 1.82fr; align-items: center; gap: 55px; }
.mission-intro h2 { margin: 8px 0 15px; font-size: clamp(39px,3.25vw,50px); line-height: 1.02; }
.mission-intro > p:not(.dpx-kicker) { margin: 0; color: #62706b; font-size: 13px; line-height: 1.62; }
.mission-pillar-track { display: grid; grid-template-columns: repeat(5,1fr); }
.mission-pillar-track article { min-width: 0; min-height: 190px; padding: 24px 18px; text-align: center; border-left: 1px solid rgba(15,49,43,.1); }
.mission-pillar-track i { width: 60px; height: 60px; display: grid; place-items: center; margin: 0 auto 14px; color: #f15231; background: #fff2df; border-radius: 50%; font-size: 25px; }
.mission-pillar-track article:nth-child(4) i { color: #258526; }
.mission-pillar-track h3 { margin: 0 0 7px; font-family: var(--sans); font-size: 13px; }
.mission-pillar-track p { margin: 0; color: #6a7671; font-size: 9px; line-height: 1.45; }
.mission-vision { padding: 72px 0; background: #fffaf2; }
.mission-vision-shell { display: grid; grid-template-columns: .8fr 1.2fr; min-height: 500px; overflow: hidden; background: #fff; border: 1px solid rgba(16,53,46,.08); border-radius: 28px 7px 28px 7px; box-shadow: 0 30px 78px rgba(15,52,45,.13); }
.mission-vision-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 58px 48px; }
.mission-vision-copy h2 { margin: 8px 0 16px; font-size: clamp(44px,4vw,60px); line-height: .98; }
.mission-vision-copy > p:not(.dpx-kicker) { margin: 0; color: #60706b; font-size: 13px; line-height: 1.62; }
.mission-vision-values { width: 100%; display: grid; grid-template-columns: repeat(3,1fr); margin: 25px 0; }
.mission-vision-values span { display: grid; place-items: center; gap: 8px; padding: 14px 8px; text-align: center; border-right: 1px solid rgba(15,49,43,.1); font-size: 9px; font-weight: 800; }
.mission-vision-values span:last-child { border-right: 0; }
.mission-vision-values i { color: #f25c31; font-size: 23px; }
.mission-vision-media { position: relative; min-width: 0; margin: 0; overflow: hidden; }
.mission-vision-media img { width: 100%; height: 100%; object-fit: cover; }
.mission-vision-media figcaption { position: absolute; right: 24px; bottom: 24px; display: grid; gap: 3px; max-width: 260px; padding: 15px 18px; color: #17332d; background: rgba(255,255,255,.92); border-radius: 12px 3px 12px 3px; box-shadow: 0 14px 30px rgba(5,34,28,.18); }
.mission-vision-media figcaption b { font-size: 12px; }
.mission-vision-media figcaption span { color: #68736f; font-size: 9px; }
.mission-highlights { padding: 74px 0 82px; }
.mission-highlight-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.mission-highlight-grid article { overflow: hidden; background: #fff; border: 1px solid rgba(16,52,46,.08); border-radius: 16px 4px 16px 4px; box-shadow: 0 16px 40px rgba(17,50,44,.09); transition: transform .3s ease, box-shadow .3s ease; }
.mission-highlight-grid article:hover { transform: translateY(-5px); box-shadow: 0 24px 54px rgba(17,50,44,.14); }
.mission-highlight-grid figure { position: relative; height: 160px; margin: 0; overflow: hidden; }
.mission-highlight-grid figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.mission-highlight-grid article:hover figure img { transform: scale(1.035); }
.mission-highlight-grid figure small { position: absolute; top: 12px; right: 12px; padding: 6px 8px; color: #fff; background: rgba(8,46,39,.8); border-radius: 6px; font-size: 8px; }
.mission-highlight-grid article > div { display: grid; grid-template-columns: 38px 1fr 28px; align-items: start; gap: 10px; padding: 18px; }
.mission-highlight-grid article > div > i { display: grid; width: 38px; height: 38px; place-items: center; color: #f15832; background: #fff2df; border-radius: 50%; }
.mission-highlight-grid h3 { margin: 0 0 5px; font-family: var(--sans); font-size: 13px; }
.mission-highlight-grid p { margin: 0; color: #68746f; font-size: 9px; line-height: 1.45; }
.mission-highlight-grid a { display: grid; width: 28px; height: 28px; place-items: center; align-self: end; color: #fff; background: #f16832; border-radius: 50%; font-size: 9px; }
.mission-glance { padding: 42px 0; background: #fffaf2; border-block: 1px solid rgba(16,51,45,.06); }
.mission-glance-grid { display: grid; grid-template-columns: 1.25fr repeat(3,1fr); align-items: center; gap: 16px; }
.mission-glance-grid > div { padding-right: 35px; }
.mission-glance-grid h2 { margin: 6px 0 8px; font-size: 32px; }
.mission-glance-grid > div > p:not(.dpx-kicker) { margin: 0; color: #67736f; font-size: 10px; line-height: 1.5; }
.mission-glance-grid article { display: flex; align-items: center; gap: 14px; min-height: 120px; padding: 22px; background: #fff; border: 1px solid rgba(16,51,45,.08); border-radius: 14px; box-shadow: 0 14px 34px rgba(16,51,45,.07); }
.mission-glance-grid article > i { flex: 0 0 48px; display: grid; width: 48px; height: 48px; place-items: center; color: #f15b31; background: #fff0db; border-radius: 50%; font-size: 21px; }
.mission-glance-grid article span { display: grid; gap: 3px; }
.mission-glance-grid small { color: #68746f; font-size: 8px; }
.mission-glance-grid b { font-size: 16px; }
.mission-glance-grid em { color: #8a938f; font-size: 8px; font-style: normal; }
.mission-manifesto { color: #fff; background: #082f29; }
.mission-manifesto > .container { min-height: 250px; display: grid; grid-template-columns: .65fr 1.35fr; align-items: center; gap: 55px; }
.mission-manifesto figure { align-self: stretch; margin: 0; overflow: hidden; }
.mission-manifesto img { width: 100%; height: 100%; object-fit: cover; object-position: 65% center; }
.mission-manifesto blockquote { position: relative; margin: 0; padding: 38px 60px 38px 0; }
.mission-manifesto blockquote > i { position: absolute; top: 25px; left: -38px; color: #f6bc25; font-size: 30px; }
.mission-manifesto blockquote p { margin: 0 0 15px; font-family: var(--serif); font-size: clamp(25px,2.5vw,38px); line-height: 1.22; }
.mission-manifesto cite { color: rgba(255,255,255,.55); font-size: 9px; font-style: normal; letter-spacing: .15em; text-transform: uppercase; }
.mission-support { padding: 38px 0; background: #fff; }
.mission-support-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.mission-support h2 { margin: 7px 0 4px; font-size: 32px; }
.mission-support p:not(.dpx-kicker) { margin: 0; color: #66736e; font-size: 10px; }
.mission-support .dpx-actions { margin-top: 0; }

/* Project Need */
.need-hero .dpx-hero-shade { background: rgba(4,29,23,.45); }
.need-reality { padding: 70px 0; background: #fff; }
.need-reality-grid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 45px; }
.need-reality-copy h2 { margin: 8px 0 14px; font-size: clamp(44px,4vw,58px); line-height: 1; }
.need-reality-copy > p:not(.dpx-kicker) { margin: 0; color: #62706b; font-size: 13px; line-height: 1.58; }
.need-reality-note { display: flex; align-items: center; gap: 13px; margin-top: 25px; padding: 17px; background: #fff5e8; border-left: 3px solid #f06431; border-radius: 0 10px 10px 0; }
.need-reality-note > i { color: #f05731; font-size: 20px; }
.need-reality-note span { display: grid; gap: 3px; }
.need-reality-note b { font-size: 10px; }
.need-reality-note small { color: #6c7672; font-size: 8px; }
.need-risk-track { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.need-risk-track article { min-height: 210px; padding: 27px 15px; text-align: center; background: #fff; border: 1px solid rgba(17,52,46,.08); border-radius: 15px 4px 15px 4px; box-shadow: 0 16px 40px rgba(16,49,43,.08); }
.need-risk-track i { display: grid; width: 54px; height: 54px; margin: 0 auto 15px; place-items: center; color: #f05231; background: #fff0df; border-radius: 50%; font-size: 22px; }
.need-risk-track h3 { margin: 0 0 7px; font-family: var(--sans); font-size: 12px; }
.need-risk-track p { margin: 0; color: #6d7773; font-size: 8px; line-height: 1.45; }
.need-intervention { padding: 72px 0; background: #fffaf2; }
.need-intervention-shell { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 480px; overflow: hidden; background: #fff; border-radius: 26px 6px 26px 6px; box-shadow: 0 28px 72px rgba(15,50,43,.13); }
.need-intervention-shell > figure { position: relative; margin: 0; overflow: hidden; }
.need-intervention-shell > figure img { width: 100%; height: 100%; object-fit: cover; }
.need-intervention-shell figcaption { position: absolute; right: 20px; bottom: 20px; left: 20px; display: flex; align-items: center; gap: 12px; padding: 14px; background: rgba(255,255,255,.92); border-radius: 12px; }
.need-intervention-shell figcaption i { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: #f05731; border-radius: 50%; }
.need-intervention-shell figcaption span { display: grid; }
.need-intervention-shell figcaption b { font-size: 11px; }
.need-intervention-shell figcaption small { color: #6b7672; font-size: 8px; }
.need-intervention-copy { display: flex; flex-direction: column; justify-content: center; padding: 55px; }
.need-intervention-copy h2 { margin: 8px 0 14px; font-size: clamp(43px,3.8vw,57px); line-height: 1; }
.need-intervention-copy > p:not(.dpx-kicker) { margin: 0; color: #64716c; font-size: 13px; line-height: 1.58; }
.need-care-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 28px; }
.need-care-grid article { display: grid; gap: 6px; padding: 12px 15px; border-left: 1px solid rgba(16,51,44,.1); }
.need-care-grid article:first-child { border-left: 0; padding-left: 0; }
.need-care-grid i { color: #f05731; font-size: 23px; }
.need-care-grid b { margin-top: 4px; font-size: 10px; }
.need-care-grid small { color: #6e7874; font-size: 8px; }
.need-objectives { padding: 75px 0 82px; }
.need-objective-path { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }
.need-objective-path article { position: relative; min-height: 260px; padding: 29px 23px; background: #fff; border: 1px solid rgba(16,51,44,.08); border-radius: 16px 5px 16px 5px; box-shadow: 0 16px 42px rgba(15,49,43,.08); }
.need-objective-path article::after { content: ""; position: absolute; right: -15px; top: 50%; z-index: 2; width: 15px; height: 1px; background: #f2a51d; }
.need-objective-path article:last-child::after { display: none; }
.need-objective-path small { position: absolute; top: 18px; right: 19px; color: rgba(16,49,43,.28); font-family: var(--serif); }
.need-objective-path i { display: grid; width: 58px; height: 58px; margin-bottom: 20px; place-items: center; color: #f05731; background: #fff1df; border-radius: 50%; font-size: 24px; }
.need-objective-path h3 { margin: 0 0 10px; font-family: var(--sans); font-size: 15px; }
.need-objective-path p { margin: 0; color: #68746f; font-size: 10px; line-height: 1.5; }
.need-compassion { padding: 70px 0; background: #fffaf2; }
.need-compassion-grid { display: grid; grid-template-columns: .68fr 1fr .68fr; align-items: stretch; overflow: hidden; background: #fff; border-radius: 25px 6px 25px 6px; box-shadow: 0 27px 70px rgba(16,50,43,.12); }
.need-compassion-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 42px; }
.need-compassion-copy h2 { margin: 7px 0 13px; font-size: 41px; line-height: 1; }
.need-compassion-copy > p:not(.dpx-kicker) { margin: 0; color: #65716d; font-size: 11px; line-height: 1.55; }
.need-compassion-copy .btn { margin-top: 20px; }
.need-compassion figure { min-width: 0; min-height: 400px; margin: 0; overflow: hidden; }
.need-compassion figure img { width: 100%; height: 100%; object-fit: cover; }
.need-compassion ul { display: flex; flex-direction: column; justify-content: center; gap: 23px; margin: 0; padding: 35px; list-style: none; }
.need-compassion li { display: flex; align-items: center; gap: 13px; color: #233b36; font-size: 10px; font-weight: 750; }
.need-compassion li i { width: 38px; height: 38px; display: grid; flex: 0 0 38px; place-items: center; color: #f05731; background: #fff1df; border-radius: 50%; }
.need-response { padding: 70px 0; }
.need-response header h2 { margin: 7px 0 8px; font-size: 45px; }
.need-response header > p:not(.dpx-kicker) { margin: 0; color: #68746f; font-size: 11px; }
.need-response-flow { display: grid; grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr; align-items: center; margin-top: 35px; }
.need-response-flow > i { color: #f05a31; text-align: center; }
.need-response-flow article { display: grid; place-items: center; min-height: 180px; padding: 20px; text-align: center; }
.need-response-flow article > i { display: grid; width: 58px; height: 58px; margin-bottom: 12px; place-items: center; color: #f05731; background: #fff1df; border-radius: 50%; font-size: 24px; }
.need-response-flow b { font-size: 12px; }
.need-response-flow small { margin-top: 7px; color: #69746f; font-size: 8px; line-height: 1.45; }
.need-impact { color: #fff; background: #0a332c; }
.need-impact-grid { min-height: 230px; display: grid; grid-template-columns: .6fr 1.5fr auto; align-items: center; gap: 35px; }
.need-impact figure { align-self: stretch; margin: 0; overflow: hidden; }
.need-impact img { width: 100%; height: 100%; object-fit: cover; }
.need-impact h2 { margin: 7px 0 20px; color: #fff; font-size: 31px; line-height: 1.1; }
.need-impact-points { display: flex; gap: 28px; }
.need-impact-points span { display: flex; align-items: center; gap: 8px; font-size: 9px; }
.need-impact-points i { color: #f6bd28; font-size: 18px; }
.need-cta { padding: 38px 0; color: #fff; background: #06251f; border-top: 1px solid rgba(255,255,255,.1); }
.need-cta > .container { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.need-cta h2 { margin: 7px 0 6px; color: #fff; font-size: 33px; }
.need-cta p:not(.dpx-kicker) { margin: 0; color: rgba(255,255,255,.65); font-size: 10px; }
.need-cta .dpx-actions { margin: 0; }

/* Campus */
.campus-facts { padding: 30px 0; background: #fff; box-shadow: 0 10px 30px rgba(14,48,41,.06); }
.campus-facts > .container { display: grid; grid-template-columns: repeat(4,1fr); }
.campus-facts article { display: flex; align-items: center; gap: 18px; padding: 12px 30px; border-left: 1px solid rgba(16,51,44,.1); }
.campus-facts article:first-child { border-left: 0; }
.campus-facts i { width: 54px; height: 54px; display: grid; flex: 0 0 54px; place-items: center; color: #f05731; background: #fff0df; border-radius: 50%; font-size: 23px; }
.campus-facts article:last-child i { color: #258527; }
.campus-facts span { display: grid; gap: 3px; }
.campus-facts b { font-size: 17px; }
.campus-facts small { color: #67736e; font-size: 9px; line-height: 1.35; }
.campus-sanctuary { padding: 70px 0; background: #fffaf2; }
.campus-sanctuary-shell { display: grid; grid-template-columns: .72fr 1.28fr; min-height: 500px; overflow: hidden; background: #fff; border-radius: 27px 6px 27px 6px; box-shadow: 0 30px 75px rgba(15,49,42,.13); }
.campus-sanctuary-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 52px 45px; }
.campus-sanctuary-copy h2 { margin: 8px 0 14px; font-size: clamp(44px,4vw,58px); line-height: 1; }
.campus-sanctuary-copy > p:not(.dpx-kicker) { margin: 0; color: #63706b; font-size: 12px; line-height: 1.6; }
.campus-sanctuary-copy ul { display: grid; gap: 9px; margin: 19px 0 23px; padding: 0; list-style: none; color: #314842; font-size: 10px; font-weight: 750; }
.campus-sanctuary-copy li { display: flex; align-items: center; gap: 8px; }
.campus-sanctuary-copy li i { color: #f15831; }
.campus-sanctuary figure { position: relative; min-width: 0; margin: 0; overflow: hidden; }
.campus-sanctuary figure img { width: 100%; height: 100%; object-fit: cover; }
.campus-sanctuary figcaption { position: absolute; right: 23px; bottom: 23px; display: grid; gap: 3px; max-width: 300px; padding: 15px 18px; background: rgba(255,255,255,.92); border-radius: 12px 3px 12px 3px; }
.campus-sanctuary figcaption b { font-size: 11px; }
.campus-sanctuary figcaption span { color: #69746f; font-size: 8px; }
.campus-facilities { padding: 75px 0 82px; }
.campus-facility-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 16px; }
.campus-facility-grid article { overflow: hidden; background: #fff; border: 1px solid rgba(16,51,44,.08); border-radius: 15px 4px 15px 4px; box-shadow: 0 15px 38px rgba(16,49,43,.08); transition: transform .3s ease, box-shadow .3s ease; }
.campus-facility-grid article:hover { transform: translateY(-5px); box-shadow: 0 24px 50px rgba(16,49,43,.13); }
.campus-facility-grid figure { position: relative; height: 135px; margin: 0; overflow: hidden; }
.campus-facility-grid figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.campus-facility-grid article:hover figure img { transform: scale(1.04); }
.campus-facility-grid figure small { position: absolute; top: 10px; right: 10px; padding: 5px 7px; color: #fff; background: rgba(8,46,39,.8); border-radius: 5px; font-size: 7px; }
.campus-facility-grid article > div { display: grid; grid-template-columns: 34px 1fr 25px; gap: 8px; padding: 14px; }
.campus-facility-grid article > div > i { display: grid; width: 34px; height: 34px; place-items: center; color: #f05731; background: #fff0df; border-radius: 50%; }
.campus-facility-grid h3 { margin: 0 0 4px; font-family: var(--sans); font-size: 11px; }
.campus-facility-grid p { margin: 0; color: #6b7672; font-size: 8px; line-height: 1.42; }
.campus-facility-grid a { display: grid; width: 25px; height: 25px; align-self: end; place-items: center; color: #fff; background: #f16832; border-radius: 50%; font-size: 8px; }
.campus-layout { padding: 70px 0; background: #fffaf2; }
.campus-layout-shell { display: grid; grid-template-columns: .55fr 1.25fr .55fr; min-height: 430px; overflow: hidden; background: #fff; border-radius: 26px 6px 26px 6px; box-shadow: 0 28px 70px rgba(16,49,43,.12); }
.campus-layout-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 38px; }
.campus-layout-copy h2 { margin: 7px 0 13px; font-size: 36px; line-height: 1; }
.campus-layout-copy > p:not(.dpx-kicker) { margin: 0; color: #66736e; font-size: 10px; line-height: 1.55; }
.campus-layout-copy .btn { margin-top: 20px; }
.campus-layout figure { min-width: 0; margin: 0; overflow: hidden; }
.campus-layout figure img { width: 100%; height: 100%; object-fit: cover; }
.campus-layout-legend { display: flex; flex-direction: column; justify-content: center; gap: 16px; margin: 0; padding: 30px 28px; list-style: none; }
.campus-layout-legend li { display: flex; align-items: center; gap: 10px; color: #445650; font-size: 9px; }
.campus-layout-legend b { display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; color: #fff; background: #f05a31; border-radius: 50%; font-size: 8px; }
.campus-sustain { padding: 38px 0; }
.campus-sustain > .container { display: grid; grid-template-columns: 1.1fr repeat(4,1fr); align-items: center; }
.campus-sustain h2 { margin: 6px 0 0; font-size: 27px; }
.campus-sustain article { display: flex; align-items: center; gap: 11px; padding: 12px 20px; border-left: 1px solid rgba(15,49,43,.1); }
.campus-sustain article > i { width: 39px; height: 39px; display: grid; flex: 0 0 39px; place-items: center; color: #278629; background: #edf7e8; border-radius: 50%; }
.campus-sustain span { display: grid; gap: 3px; }
.campus-sustain b { font-size: 10px; }
.campus-sustain small { color: #6b7672; font-size: 8px; }
.campus-cta { padding: 0; color: #fff; background: #082f29; }
.campus-cta-shell { min-height: 300px; display: grid; grid-template-columns: .7fr 1.15fr .55fr; align-items: center; }
.campus-cta figure { align-self: stretch; margin: 0; overflow: hidden; }
.campus-cta figure img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.campus-cta h2 { margin: 7px 0 10px; color: #fff; font-size: 43px; line-height: 1; }
.campus-cta > .container > div { padding: 35px 42px; }
.campus-cta p:not(.dpx-kicker) { margin: 0; color: rgba(255,255,255,.7); font-size: 10px; line-height: 1.55; }
.campus-cta .btn { margin-top: 18px; }
.campus-cta ul { display: grid; gap: 17px; margin: 0; padding: 35px 20px; list-style: none; border-left: 1px solid rgba(255,255,255,.12); }
.campus-cta li { display: flex; align-items: center; gap: 10px; font-size: 9px; }
.campus-cta li i { display: grid; width: 34px; height: 34px; place-items: center; color: #f6be28; border: 1px solid rgba(246,190,40,.45); border-radius: 50%; }

@media (max-width:1100px) {
  .mission-foundation-grid, .need-reality-grid { grid-template-columns: 1fr; }
  .mission-pillar-track { border-top: 1px solid rgba(15,49,43,.1); }
  .mission-highlight-grid { grid-template-columns: repeat(2,1fr); }
  .mission-glance-grid { grid-template-columns: repeat(3,1fr); }
  .mission-glance-grid > div { grid-column: 1/-1; }
  .need-risk-track { grid-template-columns: repeat(5,1fr); }
  .need-compassion-grid { grid-template-columns: .8fr 1.2fr; }
  .need-compassion ul { grid-column: 1/-1; display: grid; grid-template-columns: repeat(5,1fr); }
  .campus-facility-grid { grid-template-columns: repeat(3,1fr); }
  .campus-sustain > .container { grid-template-columns: repeat(2,1fr); }
  .campus-sustain > .container > div { grid-column: 1/-1; margin-bottom: 18px; }
}

@media (max-width:820px) {
  .dpx-hero { height: 560px; }
  .dpx-hero > img { object-position: 62% center; }
  .dpx-hero-shade { background: rgba(3,27,22,.62); }
  .dpx-hero-copy { width: 86%; }
  .dpx-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .mission-vision-shell, .need-intervention-shell, .campus-sanctuary-shell { grid-template-columns: 1fr; }
  .mission-vision-media, .need-intervention-shell > figure, .campus-sanctuary figure { min-height: 390px; }
  .mission-manifesto > .container { grid-template-columns: 1fr; gap: 0; }
  .mission-manifesto figure { height: 260px; }
  .mission-manifesto blockquote { padding: 38px 25px 42px; }
  .mission-manifesto blockquote > i { position: static; margin-bottom: 12px; }
  .mission-support-inner, .need-cta > .container { align-items: flex-start; flex-direction: column; }
  .need-intervention-copy { padding: 45px 35px; }
  .need-objective-path { grid-template-columns: repeat(2,1fr); }
  .need-objective-path article::after { display: none; }
  .need-response-flow { grid-template-columns: repeat(5,1fr); gap: 10px; }
  .need-response-flow > i { display: none; }
  .need-impact-grid { grid-template-columns: 1fr; padding-block: 40px; }
  .need-impact figure { height: 280px; }
  .campus-facts > .container { grid-template-columns: repeat(2,1fr); }
  .campus-layout-shell { grid-template-columns: 1fr; }
  .campus-layout figure { min-height: 380px; }
  .campus-layout-legend { display: grid; grid-template-columns: repeat(2,1fr); }
  .campus-cta-shell { grid-template-columns: 1fr; }
  .campus-cta figure { height: 300px; }
  .campus-cta ul { grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
}

@media (max-width:600px) {
  .dpx-hero { height: 590px; }
  .dpx-hero-copy { width: 100%; padding-top: 38px; }
  .dpx-hero h1 { font-size: 46px; }
  .dpx-hero-copy > p:not(.dpx-kicker) { font-size: 14px; }
  .dpx-actions { align-items: stretch; flex-direction: column; }
  .dpx-actions .btn, .dpx-watch { width: 100%; justify-content: center; }
  .dpx-hero-tags { flex-wrap: wrap; }
  .dpx-heading h2 { font-size: 35px; }
  .mission-foundation, .mission-highlights, .need-reality, .need-objectives, .need-response, .campus-facilities { padding-block: 55px; }
  .mission-pillar-track { grid-template-columns: 1fr 1fr; }
  .mission-pillar-track article:last-child { grid-column: 1/-1; }
  .mission-vision, .need-intervention, .need-compassion, .campus-sanctuary, .campus-layout { padding-block: 50px; }
  .mission-vision-copy, .campus-sanctuary-copy { padding: 42px 25px; }
  .mission-vision-copy h2, .campus-sanctuary-copy h2 { font-size: 40px; }
  .mission-vision-values { grid-template-columns: 1fr; }
  .mission-vision-values span { grid-template-columns: 34px 1fr; justify-items: start; text-align: left; border-right: 0; border-bottom: 1px solid rgba(15,49,43,.1); }
  .mission-highlight-grid, .mission-glance-grid { grid-template-columns: 1fr; }
  .mission-highlight-grid figure { height: 185px; }
  .mission-support .dpx-actions { width: 100%; }
  .need-risk-track { grid-template-columns: repeat(2,1fr); }
  .need-risk-track article:last-child { grid-column: 1/-1; }
  .need-intervention-copy { padding: 40px 25px; }
  .need-intervention-copy h2 { font-size: 39px; }
  .need-care-grid { grid-template-columns: repeat(2,1fr); gap: 15px 0; }
  .need-care-grid article:nth-child(3) { border-left: 0; padding-left: 0; }
  .need-objective-path { grid-template-columns: 1fr; }
  .need-objective-path article { min-height: 220px; }
  .need-compassion-grid { grid-template-columns: 1fr; }
  .need-compassion-copy { padding: 38px 25px; }
  .need-compassion figure { min-height: 320px; }
  .need-compassion ul { grid-template-columns: 1fr; }
  .need-response header h2 { font-size: 37px; }
  .need-response-flow { grid-template-columns: 1fr; }
  .need-response-flow article { min-height: 150px; border-bottom: 1px solid rgba(15,49,43,.08); }
  .need-impact-points { align-items: flex-start; flex-direction: column; }
  .campus-facts > .container { grid-template-columns: 1fr; }
  .campus-facts article { border-top: 1px solid rgba(16,51,44,.1); border-left: 0; }
  .campus-facts article:first-child { border-top: 0; }
  .campus-facility-grid { grid-template-columns: 1fr; }
  .campus-facility-grid figure { height: 190px; }
  .campus-layout-copy { padding: 38px 25px; }
  .campus-layout-legend { grid-template-columns: 1fr; }
  .campus-sustain > .container { grid-template-columns: 1fr; }
  .campus-sustain article { border-top: 1px solid rgba(15,49,43,.1); border-left: 0; }
  .campus-cta > .container > div { padding: 38px 25px; }
  .campus-cta h2 { font-size: 38px; }
  .campus-cta ul { grid-template-columns: 1fr; }
}

@media (max-width: 1060px) {
  .nav-group { width: 100%; height: auto; display: block; border-bottom: 1px solid rgba(25,32,39,.08); }
  .nav-group-toggle { width: 100%; height: auto; justify-content: space-between; padding: 15px 4px; font-size: 15px; }
  .nav-group-toggle::after { display: none; }
  .nav-dropdown, .nav-dropdown-wide, .nav-dropdown-right { position: static; width: 100%; display: none; grid-template-columns: 1fr; margin: 0 0 14px; padding: 8px; border-radius: 13px; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; background: var(--cream); }
  .nav-group.open > .nav-dropdown { display: grid; }
  .nav-group:hover:not(.open) > .nav-dropdown { display: none; }
  .nav-dropdown::before { display: none; }
  .nav-dropdown a { padding: 10px; }
  .primary-nav .nav-cta { margin-top: 20px; }
  .page-hero-copy { width: 78%; }
  .page-intro-grid { grid-template-columns: 1fr .55fr; gap: 45px; }
  .highlight-card { padding: 24px; }
  .page-story-grid { grid-template-columns: .8fr 1.2fr; }
  .form-shell { grid-template-columns: 1fr; }
  .location-shell { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .page-hero, .page-hero-inner { min-height: 560px; }
  .page-hero-shade { background: linear-gradient(90deg, rgba(5,20,17,.94), rgba(5,20,17,.65)); }
  .page-hero-copy { width: 90%; }
  .page-hero-marker { display: none; }
  .page-intro-grid { grid-template-columns: 1fr; align-items: start; }
  .page-statement { max-width: 520px; }
  .highlight-grid { grid-template-columns: 1fr; }
  .highlight-card { display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; }
  .highlight-card > i { grid-row: span 2; margin: 0; }
  .feature-heading { align-items: flex-start; flex-direction: column; gap: 15px; }
  .page-story-grid { grid-template-columns: 1fr; }
  .page-story-image { min-height: 390px; }
  .video-library { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery-wide { grid-column: span 1; }
  .page-cta-inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 600px) {
  .page-hero, .page-hero-inner { min-height: 520px; }
  .page-hero-inner { padding-block: 78px 46px; }
  .breadcrumbs { top: 24px; max-width: 100%; overflow: hidden; white-space: nowrap; }
  .breadcrumbs span { overflow: hidden; text-overflow: ellipsis; }
  .page-hero-copy { width: 100%; }
  .page-hero h1 { font-size: 38px; }
  .page-report-a-cow .page-hero h1, .page-gaushala-campus-facilities .page-hero h1, .page-sustainability .page-hero h1, .page-donate-sponsor-gau-seva .page-hero h1 { font-size: 31px; }
  .page-hero-copy > p:not(.eyebrow) { font-size: 14px; }
  .page-intro { padding-block: 76px; }
  .page-intro-copy h2 { font-size: clamp(30px, 8vw, 38px); }
  .page-intro-copy > p:not(.eyebrow) { font-size: 14px; }
  .page-statement { padding: 30px 24px; }
  .page-statement p { font-size: 23px; }
  .highlight-grid { margin-top: 42px; }
  .highlight-card { padding: 20px; }
  .page-feature-section { padding: 76px 0; }
  .feature-grid, .feature-grid-six { grid-template-columns: 1fr; }
  .feature-card { min-height: 230px; }
  .page-story-band { padding-bottom: 76px; }
  .page-story-grid { border-radius: 22px; }
  .page-story-image { min-height: 300px; }
  .page-story-copy { padding: 44px 22px 50px; }
  .page-story-copy h2 { font-size: clamp(30px, 8vw, 36px); }
  .gallery-grid { grid-template-columns: 1fr; grid-auto-rows: 270px; }
  .video-library-visual { height: 230px; }
  .page-form-section { padding-block: 76px; }
  .form-shell { padding: 30px 18px; border-radius: 22px; }
  .form-intro h2 { font-size: 37px; }
  .field-grid { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .location-shell { padding: 14px; gap: 18px; }
  .location-shell > div { padding: 24px 12px; }
  .location-shell h2 { font-size: 38px; }
  .location-shell iframe { height: 330px; }
  .page-cta { padding-bottom: 72px; }
  .page-cta-inner { padding: 42px 24px; border-radius: 22px; }
  .page-cta h2 { font-size: clamp(29px, 7.6vw, 35px); }
}

@media (prefers-reduced-motion: reduce) {
  .nav-dropdown { transition: none; }
}

/* Screenshot-led showcase pages */
.showcase-main { overflow: hidden; color: var(--text); background: #fff; }
.sc-hero { position: relative; min-height: 590px; overflow: hidden; background: #071d19; }
.sc-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sc-hero-overlay { position: absolute; inset: 0; background: rgba(3,20,17,.55); }
.sc-hero-inner { position: relative; min-height: 590px; display: flex; align-items: center; padding-block: 96px 55px; }
.sc-hero .breadcrumbs { position: absolute; top: 32px; left: 0; color: rgba(255,255,255,.76); }
.sc-hero .breadcrumbs a, .sc-hero .breadcrumbs i { color: inherit; }
.sc-hero-copy { position: relative; z-index: 2; width: min(620px, 57%); color: #fff; }
.sc-hero-copy h1 { max-width: 720px; max-height: 2.08em; margin: 12px 0 18px; overflow: hidden; color: #fff; font-size: clamp(54px, 5.2vw, 76px); line-height: .98; letter-spacing: -.045em; text-wrap: balance; }
.sc-hero-copy h1 span { color: var(--gold); }
.sc-hero-copy > p:not(.eyebrow) { max-width: 580px; margin: 0; color: rgba(255,255,255,.86); font-size: 17px; line-height: 1.65; }
.sc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.sc-btn-ghost { color: #fff; background: rgba(4,22,19,.42); border: 1px solid rgba(255,255,255,.58); }
.sc-btn-ghost:hover { color: var(--dark); background: #fff; }
.sc-hero-seal { position: absolute; right: 0; bottom: 38px; z-index: 2; display: grid; min-width: 230px; padding: 20px 26px; color: var(--dark); background: rgba(255,250,239,.92); border: 1px solid rgba(255,255,255,.65); border-radius: 18px 4px 18px 4px; box-shadow: 0 18px 55px rgba(4,19,17,.2); }
.sc-hero-seal i { position: absolute; right: 20px; top: 18px; color: var(--red); }
.sc-hero-seal span { font-family: var(--serif); font-size: 23px; font-weight: 700; }
.sc-hero-seal small { margin-top: 4px; color: #6d5b3e; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

.sc-section { padding: clamp(76px, 8vw, 112px) 0; }
.sc-section:nth-of-type(even) { background: #fffaf1; }
.sc-heading { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 38px; }
.sc-heading.centered { justify-content: center; text-align: center; }
.sc-heading h2, .sc-split-copy h2 { max-width: 780px; max-height: 2.1em; margin: 8px 0 0; overflow: hidden; font-size: clamp(38px, 4vw, 56px); line-height: 1.03; letter-spacing: -.035em; text-wrap: balance; }
.sc-heading > p { max-width: 520px; margin: 0 0 5px; color: var(--muted); }

.sc-strip-section { position: relative; z-index: 4; padding: 30px 0 34px; background: #fff; border-bottom: 1px solid rgba(12,35,31,.08); box-shadow: 0 12px 45px rgba(12,35,31,.06); }
.sc-strip-section .eyebrow { margin-bottom: 18px; }
.sc-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.sc-strip article { min-width: 0; display: flex; align-items: center; gap: 15px; padding: 8px clamp(15px,2.2vw,32px); border-right: 1px solid rgba(12,35,31,.1); }
.sc-strip article:first-child { padding-left: 0; }
.sc-strip article:last-child { padding-right: 0; border-right: 0; }
.sc-strip h3 { margin: 0 0 3px; font-family: var(--sans); font-size: 14px; }
.sc-strip p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.45; }

.sc-icon { width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center; color: var(--orange); background: #fff5e6; border: 1px solid #ffe4bf; border-radius: 50%; box-shadow: 0 8px 24px rgba(244,122,32,.1); }
.sc-icon i { font-size: 23px; }
.sc-split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(44px,7vw,96px); }
.sc-split-section.is-reverse .sc-split-copy { order: 2; }
.sc-split-section.is-reverse .sc-split-media { order: 1; }
.sc-split-copy > p:not(.eyebrow) { margin-top: 22px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.sc-checks { display: grid; gap: 11px; margin: 25px 0 28px; padding: 0; list-style: none; }
.sc-checks li { display: flex; align-items: center; gap: 10px; color: #273c38; font-size: 13px; font-weight: 750; }
.sc-checks i { color: var(--orange); }
.sc-split-media { position: relative; height: 475px; margin: 0; overflow: hidden; border-radius: 28px 6px 28px 6px; box-shadow: 0 30px 75px rgba(6,28,24,.16); }
.sc-split-media::before { content: ""; position: absolute; inset: 16px; z-index: 1; pointer-events: none; border: 1px solid rgba(255,255,255,.48); border-radius: 19px 3px 19px 3px; }
.sc-split-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.sc-split-media:hover img { transform: scale(1.035); }
.sc-split-media figcaption { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 16px 18px; color: var(--dark); background: rgba(255,255,255,.91); border-radius: 13px; font-family: var(--serif); font-size: 18px; font-weight: 700; }
.sc-split-media figcaption i { color: var(--red); }

.sc-cards-section { background: #fffaf1; }
.sc-card-grid { display: grid; gap: 18px; }
.sc-card-grid.cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.sc-card { position: relative; min-width: 0; min-height: 265px; padding: 28px; overflow: hidden; background: #fff; border: 1px solid rgba(10,39,34,.08); border-radius: 17px; box-shadow: 0 15px 45px rgba(16,46,41,.07); transition: transform .3s ease, box-shadow .3s ease; }
.sc-card:hover { transform: translateY(-7px); box-shadow: 0 25px 55px rgba(16,46,41,.12); }
.sc-card small { position: absolute; top: 26px; right: 25px; color: rgba(13,42,37,.24); font-size: 12px; font-weight: 900; }
.sc-card h3 { max-height: 2.35em; margin: 22px 0 10px; overflow: hidden; font-family: var(--sans); font-size: 18px; line-height: 1.16; }
.sc-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.sc-card-arrow { position: absolute; right: 20px; bottom: 20px; color: var(--orange); font-size: 12px; opacity: .72; }

.sc-process-section { background: #fff; }
.sc-process { position: relative; display: grid; grid-template-columns: repeat(var(--steps),minmax(0,1fr)); gap: 0; margin-top: 50px; }
.sc-process::before { content: ""; position: absolute; top: 58px; left: 8%; right: 8%; height: 1px; background: #e9c988; }
.sc-step { position: relative; z-index: 1; min-width: 0; padding: 0 clamp(12px,2vw,28px); text-align: center; }
.sc-step:not(:last-child)::after { content: "›"; position: absolute; right: -6px; top: 44px; color: var(--orange); font-family: var(--serif); font-size: 28px; }
.sc-step > small { position: absolute; top: -13px; left: 50%; width: 28px; height: 28px; display: grid; place-items: center; color: #fff; background: var(--orange); border: 3px solid #fff; border-radius: 50%; font-size: 9px; font-weight: 900; transform: translateX(12px); }
.sc-step .sc-icon { position: relative; width: 84px; height: 84px; margin: 16px auto 18px; background: #fff9ef; border: 5px solid #fff; box-shadow: 0 10px 32px rgba(24,52,47,.1); }
.sc-step h3 { margin: 0 0 8px; font-family: var(--sans); font-size: 15px; }
.sc-step p { max-width: 180px; margin: auto; color: var(--muted); font-size: 11px; line-height: 1.55; }

.sc-quote-section { padding: 0 0 clamp(76px,8vw,105px); background: #fff; }
.sc-quote { position: relative; min-height: 360px; display: grid; grid-template-columns: .72fr 1.28fr; overflow: hidden; color: #fff; background: #082923; border-radius: 28px; box-shadow: 0 24px 70px rgba(6,28,24,.16); }
.sc-quote > img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.sc-quote blockquote { align-self: center; margin: 0; padding: 50px clamp(38px,6vw,86px); }
.sc-quote blockquote i { color: var(--gold); font-size: 35px; }
.sc-quote blockquote p { max-width: 730px; margin: 16px 0 20px; font-family: var(--serif); font-size: clamp(28px,3vw,42px); font-style: italic; line-height: 1.18; text-wrap: balance; }
.sc-quote cite { color: var(--gold); font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.sc-cta { padding: 0 0 100px; background: #fff; }
.sc-cta-inner { position: relative; min-height: 370px; display: flex; align-items: center; overflow: hidden; color: #fff; background: #071f1b; border-radius: 28px; box-shadow: 0 28px 85px rgba(5,27,23,.2); }
.sc-cta-inner > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.sc-cta-overlay { position: absolute; inset: 0; background: rgba(2,22,18,.72); }
.sc-cta-copy { position: relative; z-index: 2; width: min(780px,72%); padding: 55px clamp(38px,6vw,82px); }
.sc-cta h2 { max-height: 2.1em; margin: 9px 0 14px; overflow: hidden; color: #fff; font-size: clamp(38px,4vw,54px); line-height: 1.03; text-wrap: balance; }
.sc-cta-copy > p:not(.eyebrow) { max-width: 670px; margin: 0; color: rgba(255,255,255,.76); }

@media (max-width:1100px) {
  .sc-hero-copy { width: 68%; }
  .sc-card-grid.cols-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sc-process { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 35px 0; }
  .sc-process::before, .sc-step::after { display: none; }
}
@media (max-width:820px) {
  .sc-hero, .sc-hero-inner { min-height: 570px; }
  .sc-hero > img { object-position: 63% center; }
  .sc-hero-overlay { background: rgba(3,20,17,.68); }
  .sc-hero-copy { width: 88%; }
  .sc-hero-seal { display: none; }
  .sc-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 0; }
  .sc-strip article:nth-child(2) { border-right: 0; }
  .sc-split { grid-template-columns: 1fr; }
  .sc-split-section.is-reverse .sc-split-copy, .sc-split-section.is-reverse .sc-split-media { order: initial; }
  .sc-split-media { height: 410px; }
  .sc-heading { align-items: flex-start; flex-direction: column; gap: 15px; }
  .sc-quote { grid-template-columns: 1fr; }
  .sc-quote > img { min-height: 280px; max-height: 330px; }
  .sc-cta-copy { width: 90%; }
}
@media (max-width:600px) {
  .sc-hero, .sc-hero-inner { min-height: 535px; }
  .sc-hero-inner { padding-block: 94px 48px; }
  .sc-hero .breadcrumbs { top: 24px; }
  .sc-hero-copy { width: 100%; }
  .sc-hero-copy h1 { font-size: clamp(38px,11vw,48px); }
  .sc-hero-copy > p:not(.eyebrow) { font-size: 14px; }
  .sc-actions { align-items: stretch; flex-direction: column; }
  .sc-actions .btn { width: 100%; justify-content: center; }
  .sc-strip { grid-template-columns: 1fr; }
  .sc-strip article, .sc-strip article:first-child, .sc-strip article:last-child { padding: 10px 0; border-right: 0; border-bottom: 1px solid rgba(12,35,31,.09); }
  .sc-strip article:last-child { border-bottom: 0; }
  .sc-heading h2, .sc-split-copy h2 { font-size: clamp(32px,9vw,40px); }
  .sc-split-media { height: 315px; border-radius: 20px 5px 20px 5px; }
  .sc-split-media figcaption { left: 14px; right: 14px; bottom: 14px; font-size: 14px; }
  .sc-card-grid.cols-4 { grid-template-columns: 1fr; }
  .sc-card { min-height: 230px; }
  .sc-process { grid-template-columns: 1fr; gap: 30px; }
  .sc-step { display: grid; grid-template-columns: 78px 1fr; grid-template-rows: auto auto; align-items: center; text-align: left; }
  .sc-step .sc-icon { grid-row: span 2; width: 68px; height: 68px; margin: 0; }
  .sc-step > small { left: 43px; top: -8px; transform: none; }
  .sc-step h3 { margin: 0 0 3px; }
  .sc-step p { max-width: none; margin: 0; }
  .sc-quote { border-radius: 20px; }
  .sc-quote blockquote { padding: 38px 24px 44px; }
  .sc-quote blockquote p { font-size: 27px; }
  .sc-cta { padding-bottom: 75px; }
  .sc-cta-inner { min-height: 440px; border-radius: 20px; }
  .sc-cta-copy { width: 100%; padding: 42px 24px; }
  .sc-cta h2 { font-size: 34px; }
}

/* About page — faithful build from the supplied reference */
.about-reference-page .footer-cta { display: none; }
.about-reference-page .site-footer { margin-top: 0; }
.about-ref { overflow: hidden; color: #102026; background: #fff; }
.ar-hero { position: relative; height: 390px; overflow: hidden; background: #09251e; }
.ar-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 43%; }
.ar-hero-shade { position: absolute; inset: 0; background: rgba(3,24,18,.38); }
.ar-hero-inner { position: relative; height: 100%; display: flex; align-items: center; }
.ar-hero-copy { width: 48%; color: #fff; }
.ar-hero-copy h1 { max-width: 650px; margin: 10px 0 15px; color: #fff; font-size: clamp(58px,5.35vw,76px); line-height: .98; letter-spacing: -.04em; }
.ar-hero-copy h1 span, .ar-mission h2 span, .ar-support h2 span { color: #f5ab18; }
.ar-hero-copy > p:not(.ar-kicker) { max-width: 540px; margin: 0; color: rgba(255,255,255,.93); font-size: 17px; line-height: 1.55; }
.ar-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; color: #384f5e; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.ar-kicker::before { content: ""; width: 26px; height: 2px; background: #f5a900; }
.ar-kicker::after { content: ""; width: 20px; height: 1px; background: #d6a852; }
.ar-kicker-light { color: #ffc52d; }
.ar-kicker-light::after { display: none; }
.ar-section { padding: 44px 0; }
.ar-copy h2, .ar-story-copy h2, .ar-serve-copy h2 { max-height: 2.06em; margin: 10px 0 20px; overflow: hidden; font-size: clamp(37px,3.2vw,50px); line-height: 1.03; letter-spacing: -.035em; text-wrap: balance; }
.ar-copy > p:not(.ar-kicker), .ar-story-copy > p:not(.ar-kicker), .ar-serve-copy > p:not(.ar-kicker) { color: #526169; font-size: 14px; line-height: 1.68; }
.ar-identity { position: relative; padding-bottom: 36px; }
.ar-identity-grid { display: grid; grid-template-columns: .76fr 1.24fr; align-items: center; gap: 70px; }
.ar-identity-grid { grid-auto-rows: 300px; }
.ar-identity-grid .ar-copy { align-self: stretch; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.ar-identity-grid .ar-copy > p:not(.ar-kicker) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ar-copy .btn { margin-top: 20px; }
.ar-identity-media { position: relative; height: 100%; margin: 0; overflow: hidden; border-radius: 18px 5px 18px 5px; box-shadow: 0 22px 55px rgba(13,43,37,.13); }
.ar-identity-media img { width: 100%; height: 100%; object-fit: cover; }
.ar-identity-media figcaption { position: absolute; top: 85px; right: 28px; max-width: 190px; color: #c92a2e; font-family: var(--serif); font-size: 27px; font-style: italic; line-height: 1.15; text-align: center; transform: rotate(-6deg); }

.ar-recognition { padding: 0 0 30px; }
.ar-recognition-grid { display: grid; grid-template-columns: 1.35fr repeat(5,1fr); align-items: stretch; gap: 10px; padding: 16px; background: #082b25; border: 1px solid rgba(24,48,45,.06); border-radius: 22px; box-shadow: 0 24px 65px rgba(20,44,40,.14); }
.ar-recognition-intro { display: flex; flex-direction: column; justify-content: center; padding: 22px 24px; color: #fff; }
.ar-recognition-intro .ar-kicker { color: #ffc42e; }
.ar-recognition-intro > p:last-child { margin: 9px 0 0; color: rgba(255,255,255,.7); font-size: 11px; line-height: 1.55; }
.ar-recognition-grid > article { min-width: 0; min-height: 118px; padding: 18px 12px; text-align: center; background: #fff; border: 0; border-radius: 13px; transition: transform .3s ease; }
.ar-recognition-grid > article:hover { transform: translateY(-5px); }
.ar-recognition-grid > article i { margin-bottom: 10px; color: #ff5927; font-size: 28px; }
.ar-recognition-grid > article h3 { margin: 0 0 5px; font-family: var(--sans); font-size: 12px; line-height: 1.2; }
.ar-recognition-grid > article p { margin: 0; color: #6b7478; font-size: 9px; line-height: 1.4; }

.ar-story { padding-top: 20px; }
.ar-story-grid { display: grid; grid-template-columns: .9fr 1fr .44fr; align-items: center; gap: 38px; }
.ar-story-grid { align-items: stretch; padding: 18px; background: #fffaf1; border: 1px solid rgba(21,49,44,.07); border-radius: 22px; box-shadow: 0 22px 60px rgba(13,43,37,.08); }
.ar-story-media { position: relative; height: 335px; margin: 0; overflow: hidden; border-radius: 8px; }
.ar-story-media > img { width: 100%; height: 100%; object-fit: cover; }
.ar-video-card { position: absolute; left: 20px; bottom: 18px; display: flex; align-items: center; gap: 13px; padding: 13px 18px; color: #18272d; background: rgba(255,255,255,.94); border: 0; border-radius: 9px; box-shadow: 0 10px 30px rgba(0,0,0,.14); text-align: left; cursor: pointer; }
.ar-video-card > i { width: 43px; height: 43px; display: grid; place-items: center; color: #fff; background: #f7a31c; border-radius: 50%; }
.ar-video-card span { display: grid; }
.ar-video-card b { font-size: 12px; }
.ar-video-card small { color: #566269; font-size: 9px; }
.ar-video-card em { margin-top: 3px; color: #d53834; font-size: 9px; font-style: normal; }
.ar-story-copy > p:last-child { margin-bottom: 0; }
.ar-story-copy h2 { font-size: clamp(35px,2.7vw,43px); }
.ar-story-copy { align-self: center; }
.ar-story-copy > p:not(.ar-kicker) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ar-purpose-list { display: grid; gap: 24px; }
.ar-purpose-list article { display: grid; grid-template-columns: 48px 1fr; gap: 10px; }
.ar-purpose-list i { color: #ff5a26; font-size: 36px; }
.ar-purpose-list h3 { margin: 0 0 4px; color: #ef3434; font-family: var(--sans); font-size: 13px; }
.ar-purpose-list p { margin: 0; color: #58636a; font-size: 10px; line-height: 1.48; }

.ar-values { padding-top: 14px; background: #fff; }
.ar-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.ar-value-grid article { position: relative; min-height: 188px; padding: 22px 24px; overflow: hidden; text-align: center; background: #fff; border: 1px solid rgba(19,46,42,.08); border-radius: 16px; box-shadow: 0 14px 42px rgba(19,46,42,.07); transition: transform .3s ease, box-shadow .3s ease; }
.ar-value-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: #f59e20; }
.ar-value-grid article:hover { transform: translateY(-6px); box-shadow: 0 24px 55px rgba(19,46,42,.12); }
.ar-value-grid span { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 13px; color: #fa4c2f; background: #fff5e7; border-radius: 50%; }
.ar-value-grid span i { font-size: 31px; }
.ar-value-grid h3 { margin: 0 0 10px; font-size: 21px; }
.ar-value-grid p { max-width: 230px; margin: auto; color: #5b676d; font-size: 12px; line-height: 1.45; }

.ar-serve { background: #fffdf9; }
.ar-serve-premium { position: relative; padding: 78px 0 86px; }
.ar-serve-head { display: grid; grid-template-columns: 1.08fr .92fr; align-items: end; gap: 70px; margin-bottom: 34px; }
.ar-serve-copy h2 { max-width: 650px; max-height: none; margin: 10px 0 15px; overflow: visible; font-size: clamp(42px,4.1vw,60px); line-height: 1; }
.ar-serve-copy > p:not(.ar-kicker) { max-width: 660px; margin: 0; color: #53635e; font-size: 14px; line-height: 1.62; }
.ar-serve-summary { display: grid; grid-template-columns: 120px 145px 1fr; align-items: center; overflow: hidden; background: #0a352e; border-radius: 18px 5px 18px 5px; box-shadow: 0 20px 50px rgba(8,48,41,.12); }
.ar-serve-summary > span { display: grid; place-items: center; min-height: 96px; padding: 15px; text-align: center; border-right: 1px solid rgba(255,255,255,.12); }
.ar-serve-summary b { color: #f7bd2f; font-family: var(--serif); font-size: 29px; line-height: 1; }
.ar-serve-summary small { margin-top: 5px; color: rgba(255,255,255,.62); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.ar-serve-summary > p { display: flex; align-items: center; gap: 11px; margin: 0; padding: 18px; color: rgba(255,255,255,.8); font-size: 10px; line-height: 1.45; }
.ar-serve-summary > p i { flex: 0 0 32px; display: grid; width: 32px; height: 32px; place-items: center; color: #ff613a; background: #fff1df; border-radius: 50%; }
.ar-serve-showcase { display: grid; grid-template-columns: .9fr 1.35fr; gap: 18px; }
.ar-serve-featured { display: grid; grid-template-rows: 285px 1fr; min-height: 500px; overflow: hidden; background: #082f29; border-radius: 24px 6px 24px 6px; box-shadow: 0 28px 65px rgba(8,46,40,.16); transition: transform .35s ease, box-shadow .35s ease; }
.ar-serve-featured:hover { transform: translateY(-5px); box-shadow: 0 36px 78px rgba(8,46,40,.21); }
.ar-serve-featured figure { position: relative; min-width: 0; margin: 0; overflow: hidden; }
.ar-serve-featured img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 42%; transition: transform .7s ease; }
.ar-serve-featured:hover img, .ar-serve-cards article:hover img { transform: scale(1.035); }
.ar-serve-featured figcaption { position: absolute; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 8px; padding: 11px 14px; color: #17322d; background: rgba(255,255,255,.92); border-radius: 10px 3px 10px 3px; font-size: 9px; font-weight: 800; box-shadow: 0 12px 28px rgba(4,28,24,.18); backdrop-filter: blur(8px); }
.ar-serve-featured figcaption i { color: #f15731; }
.ar-serve-featured > div { padding: 28px 30px 30px; color: #fff; }
.ar-serve-featured > div > span { color: #f8bd2e; font-size: 8px; font-weight: 850; letter-spacing: .16em; }
.ar-serve-featured h3 { margin: 8px 0 9px; color: #fff; font-size: 30px; }
.ar-serve-featured p { margin: 0; color: rgba(255,255,255,.74); font-size: 12px; line-height: 1.58; }
.ar-serve-featured a { display: inline-flex; align-items: center; gap: 9px; margin-top: 17px; color: #fff; font-size: 10px; font-weight: 800; }
.ar-serve-featured a i { color: #f8bd2e; transition: transform .25s ease; }
.ar-serve-featured a:hover i { transform: translateX(4px); }
.ar-serve-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ar-serve-cards article { min-width: 0; display: grid; grid-template-columns: .82fr 1.18fr; min-height: 241px; overflow: hidden; background: #fff; border: 1px solid rgba(17,54,47,.09); border-radius: 18px 5px 18px 5px; box-shadow: 0 18px 44px rgba(20,48,43,.09); transition: transform .32s ease, box-shadow .32s ease; }
.ar-serve-cards article:hover { transform: translateY(-5px); box-shadow: 0 26px 56px rgba(20,48,43,.14); }
.ar-serve-cards article > img { width: 100%; height: 100%; min-height: 241px; display: block; object-fit: cover; transition: transform .7s ease; }
.ar-serve-cards article > div { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 25px 22px; }
.ar-serve-cards article span { position: absolute; top: 17px; right: 18px; color: rgba(13,51,44,.35); font-family: var(--serif); font-size: 12px; }
.ar-serve-cards article i { display: grid; width: 36px; height: 36px; margin-bottom: 13px; place-items: center; color: #f15731; background: #fff3e5; border-radius: 50%; }
.ar-serve-cards h3 { margin: 0 0 7px; font-family: var(--sans); font-size: 16px; line-height: 1.2; }
.ar-serve-cards p { margin: 0; color: #5d6b66; font-size: 11px; line-height: 1.52; }

.ar-mission { position: relative; padding: 76px 0; overflow: hidden; background: #fffaf2; }
.ar-mission-frame { position: relative; display: grid; grid-template-columns: .86fr 1.14fr; grid-template-rows: minmax(380px,auto) auto; overflow: hidden; background: #062d27; border: 1px solid rgba(7,43,37,.1); border-radius: 30px 8px 30px 8px; box-shadow: 0 34px 90px rgba(7,43,37,.17); }
.ar-mission-copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 66px 58px 56px; color: #fff; }
.ar-mission-number { position: absolute; top: 26px; left: 58px; display: flex; align-items: center; gap: 11px; color: rgba(255,255,255,.5); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.ar-mission-number span { color: #f5b31d; font-family: var(--serif); font-size: 21px; letter-spacing: 0; }
.ar-mission h2 { max-width: 520px; margin: 9px 0 10px; color: #fff; font-size: clamp(46px,4.3vw,64px); line-height: .98; letter-spacing: -.045em; text-wrap: balance; }
.ar-mission h3 { max-width: 440px; margin: 0 0 14px; color: #fff; font-family: var(--sans); font-size: 16px; line-height: 1.35; text-transform: none; }
.ar-mission-copy > p:not(.ar-kicker) { max-width: 500px; margin: 0 0 23px; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.65; }
.ar-mission-visual { position: relative; min-width: 0; min-height: 380px; margin: 0; overflow: hidden; }
.ar-mission-visual::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.15); pointer-events: none; }
.ar-mission-visual img { width: 100%; height: 100%; min-height: 380px; display: block; object-fit: cover; object-position: center; transition: transform .8s ease; }
.ar-mission-frame:hover .ar-mission-visual img { transform: scale(1.025); }
.ar-mission-visual figcaption { position: absolute; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 12px; max-width: 285px; padding: 15px 17px; color: #102c27; background: rgba(255,255,255,.92); border-radius: 13px 3px 13px 3px; box-shadow: 0 16px 36px rgba(5,31,27,.2); backdrop-filter: blur(10px); }
.ar-mission-visual figcaption i { flex: 0 0 34px; display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: #f05a30; border-radius: 50%; }
.ar-mission-visual figcaption span { display: grid; gap: 3px; }
.ar-mission-visual figcaption b { font-size: 12px; }
.ar-mission-visual figcaption small { color: #61706c; font-size: 9px; line-height: 1.35; }
.ar-mission-rail { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); background: #fff; }
.ar-mission-rail article { display: flex; align-items: center; gap: 14px; min-height: 94px; padding: 18px 28px; border-right: 1px solid rgba(17,49,43,.1); }
.ar-mission-rail article:last-child { border-right: 0; }
.ar-mission-rail i { flex: 0 0 42px; display: grid; width: 42px; height: 42px; place-items: center; color: #f05a30; background: #fff5e9; border-radius: 50%; font-size: 17px; }
.ar-mission-rail span { display: grid; gap: 4px; }
.ar-mission-rail b { color: #13332d; font-size: 12px; }
.ar-mission-rail small { color: #687672; font-size: 9px; line-height: 1.35; }

.ar-support { padding: 0; color: #fff; background: #062823; }
.ar-support-grid { min-height: 300px; display: grid; grid-template-columns: .72fr 1.08fr .5fr; align-items: center; gap: 40px; }
.ar-support-grid > img { width: 100%; height: 300px; object-fit: cover; object-position: 72% center; }
.ar-support-copy h2 { max-height: 2.08em; margin: 8px 0 10px; overflow: hidden; color: #fff; font-size: clamp(39px,3.8vw,56px); line-height: .98; }
.ar-support-copy > p:not(.ar-kicker) { max-width: 590px; margin: 0; color: rgba(255,255,255,.76); font-size: 12px; }
.ar-actions { display: flex; gap: 12px; margin-top: 18px; }
.ar-btn-outline { color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.72); }
.ar-btn-outline:hover { color: #09251e; background: #fff; }
.ar-support-list { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; }
.ar-support-list li { display: flex; align-items: center; gap: 10px; font-size: 11px; }
.ar-support-list i { width: 35px; height: 35px; display: grid; place-items: center; color: #ffc329; border: 1px solid rgba(255,195,41,.55); border-radius: 50%; }

@media (max-width:1100px) {
  .ar-identity-grid { gap: 45px; }
  .ar-recognition-grid { grid-template-columns: repeat(5,1fr); }
  .ar-recognition-intro { grid-column: 1/-1; margin-bottom: 18px; }
  .ar-recognition-grid > article:first-of-type { border-left: 0; }
  .ar-story-grid { grid-template-columns: .9fr 1.1fr; }
  .ar-purpose-list { grid-column: 1/-1; grid-template-columns: repeat(3,1fr); }
  .ar-serve-head { grid-template-columns: 1fr; align-items: start; gap: 24px; }
  .ar-serve-summary { max-width: 700px; }
  .ar-serve-showcase { grid-template-columns: 1fr; }
  .ar-serve-featured { grid-template-columns: .9fr 1.1fr; grid-template-rows: auto; min-height: 310px; }
  .ar-support-grid { grid-template-columns: .6fr 1fr; }
  .ar-support-list { grid-column: 1/-1; grid-template-columns: repeat(4,1fr); padding-bottom: 30px; }
}
@media (max-width:820px) {
  .ar-hero { height: 520px; }
  .ar-hero > img { object-position: 62% center; }
  .ar-hero-shade { background: rgba(3,24,18,.58); }
  .ar-hero-copy { width: 74%; }
  .ar-identity-grid { grid-template-columns: 1fr; }
  .ar-identity-grid { grid-auto-rows: auto; }
  .ar-identity-media { height: 390px; }
  .ar-value-grid { grid-template-columns: repeat(2,1fr); }
  .ar-serve-cards article { min-height: 220px; }
  .ar-serve-cards article > img { min-height: 220px; }
  .ar-story-grid { grid-template-columns: 1fr; }
  .ar-purpose-list { grid-template-columns: 1fr; }
  .ar-support-grid { grid-template-columns: 1fr; gap: 30px; padding-bottom: 40px; }
  .ar-support-grid > img { height: 300px; margin-inline: -24px; width: calc(100% + 48px); }
  .ar-support-list { grid-column: auto; grid-template-columns: repeat(2,1fr); padding-bottom: 0; }
}

/* Vision/Mission/Values + Leadership/Governance dedicated reference pages */
.vision-reference-page .site-footer, .leadership-reference-page .site-footer { margin-top: 0; }
.vision-reference-page .footer-cta, .leadership-reference-page .footer-cta { display: none; }
.vm-page, .lg-page { overflow: hidden; background: #fff; }
.ri-hero { position: relative; height: 430px; overflow: hidden; background: #082923; }
.ri-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ri-hero-shade { position: absolute; inset: 0; background: rgba(3,25,20,.47); }
.ri-hero-inner { position: relative; height: 100%; display: flex; align-items: center; }
.ri-hero-copy { width: 54%; color: #fff; }
.ri-hero h1 { max-height: 2.05em; margin: 10px 0 14px; overflow: hidden; color: #fff; font-size: clamp(58px,5.3vw,76px); line-height: .98; letter-spacing: -.045em; }
.ri-hero h1 span, .ri-heading h2 span, .vm-direction-card h2 span, .vm-matters h2 span, .ri-cta h2 span, .lg-leader-copy h2 span, .lg-governance-intro h2 span { color: #f4a817; }
.ri-hero-copy > p { max-width: 570px; margin: 0; color: rgba(255,255,255,.9); font-size: 17px; line-height: 1.55; }
.ri-breadcrumb { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; color: rgba(255,255,255,.78); font-size: 11px; }
.lg-hero .ri-breadcrumb { margin: 22px 0 0; }
.ri-breadcrumb a { color: inherit; }
.ri-breadcrumb i { font-size: 8px; }
.ri-section { padding: 58px 0; }
.ri-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; color: #435967; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.ri-kicker::before { content: ""; width: 24px; height: 2px; background: #f4a817; }
.ri-kicker-light { color: #ffc62e; }
.ri-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 28px; }
.ri-heading h2, .vm-matters h2, .lg-governance-intro h2 { max-height: 2.08em; margin: 8px 0 0; overflow: hidden; font-size: clamp(37px,3.6vw,52px); line-height: 1.03; letter-spacing: -.035em; }
.ri-heading > p { max-width: 450px; margin: 0; color: #607077; font-size: 13px; line-height: 1.55; }
.ri-icon { width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center; color: #ff542d; background: #fff4e7; border: 1px solid #ffe3bd; border-radius: 50%; box-shadow: 0 9px 24px rgba(245,120,35,.1); }
.ri-icon i { font-size: 24px; }
.ri-icon-lg { width: 82px; height: 82px; flex-basis: 82px; }
.ri-icon-lg i { font-size: 40px; }

.vm-direction { padding-bottom: 30px; }
.vm-direction-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
.vm-direction-card { display: grid; grid-template-columns: 90px 1fr; gap: 20px; min-height: 245px; padding: 32px; background: #fffcf8; border: 1px solid rgba(17,47,41,.07); border-radius: 18px; box-shadow: 0 18px 50px rgba(14,44,39,.07); }
.vm-direction-card h2 { max-height: 2.08em; margin: 4px 0 12px; overflow: hidden; font-size: 36px; line-height: 1.02; }
.vm-direction-card > div > p:last-child { margin: 0; color: #596970; font-size: 13px; line-height: 1.6; }
.vm-values { padding-top: 32px; }
.vm-value-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; }
.vm-value-grid article { min-width: 0; min-height: 230px; padding: 26px 16px; text-align: center; background: #fff; border: 1px solid rgba(16,47,41,.1); border-radius: 13px; transition: transform .3s ease, box-shadow .3s ease; }
.vm-value-grid article:hover { transform: translateY(-6px); box-shadow: 0 20px 45px rgba(14,44,39,.11); }
.vm-value-grid .ri-icon { margin: 0 auto 17px; }
.vm-value-grid h3 { margin: 0 0 10px; font-family: var(--sans); font-size: 16px; }
.vm-value-grid p { margin: 0; color: #637076; font-size: 11px; line-height: 1.55; }
.vm-quote { color: #fff; background: #062a24; }
.vm-quote-grid { min-height: 310px; display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; }
.vm-quote img { width: 100%; height: 310px; object-fit: cover; }
.vm-quote blockquote { margin: 0; padding: 35px 70px; }
.vm-quote blockquote > i { color: #f6b21d; font-size: 35px; }
.vm-quote blockquote p { max-width: 730px; margin: 10px 0 20px; font-family: var(--serif); font-size: clamp(28px,2.9vw,42px); font-style: italic; line-height: 1.2; }
.vm-quote cite { color: #f7c64a; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.vm-matters-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 75px; }
.vm-matters-grid > div:first-child > p:last-child { color: #5f6b71; font-size: 13px; line-height: 1.65; }
.vm-benefits { display: grid; grid-template-columns: repeat(2,1fr); gap: 26px 30px; }
.vm-benefits article { display: flex; gap: 14px; align-items: center; }
.vm-benefits h3 { margin: 0 0 5px; font-family: var(--sans); font-size: 14px; }
.vm-benefits p { margin: 0; color: #657178; font-size: 10px; line-height: 1.5; }
.vm-journey { padding: 24px 0 32px; background: #fffcf8; border-block: 1px solid rgba(16,47,41,.07); }
.vm-journey-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.vm-journey-grid article { position: relative; display: flex; align-items: center; gap: 14px; padding: 8px 24px; }
.vm-journey-grid h3 { margin: 0 0 4px; font-family: var(--sans); font-size: 13px; }
.vm-journey-grid p { margin: 0; color: #657178; font-size: 10px; }
.vm-arrow { position: absolute; right: -4px; color: #ff542d; }

.ri-cta { position: relative; min-height: 310px; display: flex; align-items: center; overflow: hidden; color: #fff; background: #062a24; }
.ri-cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ri-cta-shade { position: absolute; inset: 0; background: rgba(3,28,23,.68); }
.ri-cta-copy { position: relative; z-index: 1; }
.ri-cta h2 { max-height: 2.05em; margin: 7px 0 10px; overflow: hidden; color: #fff; font-size: clamp(40px,4vw,56px); line-height: .99; }
.ri-cta-copy > p:not(.ri-kicker) { max-width: 590px; margin: 0; color: rgba(255,255,255,.78); font-size: 12px; }
.ri-cta-copy > div { display: flex; gap: 12px; margin-top: 18px; }
.ri-btn-outline { color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.72); }
.ri-btn-outline:hover { color: #082923; background: #fff; }
.vm-cta > img { object-position: 72% 50%; }

.lg-leader-grid { display: grid; grid-template-columns: .92fr .78fr .58fr; align-items: center; gap: 42px; }
.lg-leader-copy h2 { max-height: 2.08em; margin: 8px 0 3px; overflow: hidden; font-size: 45px; line-height: 1.02; }
.lg-leader-copy h3 { margin: 0 0 15px; font-family: var(--sans); font-size: 17px; }
.lg-leader-copy > p:not(.ri-kicker) { display: -webkit-box; overflow: hidden; margin: 0; color: #5c6a70; font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg-leader-copy .btn { margin-top: 20px; }
.lg-leader-photo { width: 100%; height: 355px; object-fit: cover; object-position: center 22%; border-radius: 18px 5px 18px 5px; box-shadow: 0 20px 55px rgba(10,39,34,.14); }
.lg-leader-quote { margin: 0; padding: 30px 24px; background: #fffaf2; border: 1px solid rgba(20,49,44,.08); border-radius: 16px; }
.lg-leader-quote > i { color: #ff612d; font-size: 38px; }
.lg-leader-quote p { margin: 10px 0 24px; font-family: var(--serif); font-size: 22px; font-style: italic; line-height: 1.35; }
.lg-leader-quote span, .lg-leader-quote small { display: block; }
.lg-leader-quote span { font-size: 12px; font-weight: 800; }
.lg-leader-quote small { color: #677278; font-size: 10px; }
.lg-governance-intro { padding: 36px 0; background: #fffcf7; border-block: 1px solid rgba(15,48,42,.07); }
.lg-governance-intro p:last-child { max-width: 1050px; margin: 12px 0 0; color: #59676d; font-size: 13px; line-height: 1.6; }
.lg-legal { padding-block: 42px; }
.lg-legal-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; }
.lg-legal-grid article { min-width: 0; padding: 25px 18px; text-align: center; background: #fffaf3; border: 1px solid rgba(20,49,44,.07); border-radius: 14px; }
.lg-legal-grid .ri-icon { margin: 0 auto 14px; background: #fff; }
.lg-legal-grid h3 { margin: 0 0 8px; font-family: var(--sans); font-size: 15px; }
.lg-legal-grid b { display: block; color: #ff542d; font-size: 10px; }
.lg-legal-grid p { margin: 5px 0 0; color: #68747a; font-size: 10px; }
.lg-principles { padding-block: 42px; background: #fffcf8; }
.lg-principle-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.lg-principle-grid article { padding: 25px; text-align: center; background: #fff; border: 1px solid rgba(20,49,44,.08); border-radius: 15px; box-shadow: 0 12px 35px rgba(14,44,39,.05); }
.lg-principle-grid .ri-icon { margin: 0 auto 15px; }
.lg-principle-grid h3 { margin: 0 0 8px; font-family: var(--sans); font-size: 15px; }
.lg-principle-grid p { margin: 0; color: #637077; font-size: 11px; line-height: 1.5; }
.lg-process { padding: 42px 0; }
.lg-process-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.lg-process-grid article { position: relative; display: grid; grid-template-columns: 35px 55px 1fr; align-items: center; gap: 10px; padding: 12px 20px; border-right: 1px solid rgba(20,49,44,.12); }
.lg-process-grid article:last-child { border-right: 0; }
.lg-process-grid article > b { color: #ff542d; font-size: 11px; }
.lg-process-grid h3 { margin: 0 0 5px; font-family: var(--sans); font-size: 13px; }
.lg-process-grid p { margin: 0; color: #68747a; font-size: 9px; line-height: 1.45; }
.lg-cta > img { width: 38%; object-position: left center; }
.lg-cta .ri-cta-shade { background: rgba(3,28,23,.82); }
.lg-cta .ri-cta-copy { padding-left: 42%; }
.lg-trust { padding: 20px 0 28px; }
.lg-trust > .container > div { display: grid; grid-template-columns: repeat(4,1fr); }
.lg-trust article { display: flex; align-items: center; gap: 14px; padding: 8px 25px; border-right: 1px solid rgba(20,49,44,.12); }
.lg-trust article:last-child { border-right: 0; }
.lg-trust h3 { margin: 0 0 3px; font-family: var(--sans); font-size: 13px; }
.lg-trust p { margin: 0; color: #667278; font-size: 10px; }

@media (max-width:1050px) {
  .vm-value-grid { grid-template-columns: repeat(3,1fr); }
  .lg-leader-grid { grid-template-columns: 1fr 1fr; }
  .lg-leader-quote { grid-column: 1/-1; }
  .lg-legal-grid { grid-template-columns: repeat(3,1fr); }
  .lg-process-grid { grid-template-columns: repeat(2,1fr); gap: 20px 0; }
  .lg-process-grid article:nth-child(2) { border-right: 0; }
}
@media (max-width:820px) {
  .ri-hero { height: 520px; }
  .ri-hero > img { object-position: 62% center; }
  .ri-hero-shade { background: rgba(3,25,20,.65); }
  .ri-hero-copy { width: 82%; }
  .vm-direction-grid, .vm-matters-grid { grid-template-columns: 1fr; }
  .vm-quote-grid { grid-template-columns: 1fr; }
  .vm-quote img { height: 280px; }
  .vm-journey-grid { grid-template-columns: repeat(2,1fr); gap: 20px 0; }
  .vm-arrow { display: none; }
  .lg-leader-grid { grid-template-columns: 1fr; }
  .lg-leader-quote { grid-column: auto; }
  .lg-legal-grid { grid-template-columns: repeat(2,1fr); }
  .lg-principle-grid { grid-template-columns: repeat(2,1fr); }
  .lg-cta > img { width: 100%; }
  .lg-cta .ri-cta-copy { padding-left: 24px; }
  .lg-trust > .container > div { grid-template-columns: repeat(2,1fr); gap: 18px 0; }
}
@media (max-width:600px) {
  .ri-hero { height: 500px; }
  .ri-hero-copy { width: 100%; }
  .ri-hero h1 { font-size: 45px; }
  .ri-hero-copy > p { font-size: 14px; }
  .ri-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .ri-heading h2, .vm-matters h2, .lg-governance-intro h2 { font-size: 34px; }
  .vm-direction-card { grid-template-columns: 1fr; padding: 24px; }
  .vm-direction-card h2 { font-size: 32px; }
  .vm-value-grid, .lg-legal-grid, .lg-principle-grid, .lg-process-grid { grid-template-columns: 1fr; }
  .vm-quote blockquote { padding: 35px 24px; }
  .vm-benefits { grid-template-columns: 1fr; }
  .vm-journey-grid { grid-template-columns: 1fr; }
  .ri-cta { min-height: 470px; }
  .ri-cta-copy > div { flex-direction: column; }
  .ri-cta-copy .btn { width: 100%; justify-content: center; }
  .lg-leader-copy h2 { font-size: 38px; }
  .lg-leader-photo { height: 400px; }
  .lg-process-grid article { border-right: 0; border-bottom: 1px solid rgba(20,49,44,.12); }
  .lg-trust > .container > div { grid-template-columns: 1fr; }
}

/* Premium correction: About identity */
.ar-identity-premium { padding-block: 64px; background: #fffaf2; }
.ar-identity-stage { position: relative; min-height: 420px; display: grid; grid-template-columns: .88fr 1.12fr; overflow: hidden; background: #082d27; border: 1px solid rgba(9,43,37,.08); border-radius: 28px 7px 28px 7px; box-shadow: 0 32px 85px rgba(8,42,36,.16); }
.ar-identity-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 54px 52px; color: #fff; }
.ar-identity-meta { position: absolute; top: 22px; left: 52px; display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.5); }
.ar-identity-meta span { color: #f5b31d; font-family: var(--serif); font-size: 20px; }
.ar-identity-meta b { font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.ar-identity-copy h2 { display: -webkit-box; max-width: 610px; margin: 8px 0 17px; overflow: hidden; color: #fff; font-size: clamp(38px,3.25vw,52px); line-height: 1.02; letter-spacing: -.04em; text-wrap: balance; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ar-identity-copy > p:not(.ar-kicker) { display: -webkit-box; max-width: 560px; max-height: 5.05em; margin: 0; overflow: hidden; color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.68; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ar-identity-bottom { display: flex; align-items: center; gap: 24px; margin-top: 26px; }
.ar-identity-bottom > div { display: grid; max-width: 190px; }
.ar-identity-bottom strong { color: #f8c849; font-size: 11px; }
.ar-identity-bottom small { margin-top: 3px; color: rgba(255,255,255,.52); font-size: 9px; line-height: 1.4; }
.ar-identity-visual { position: relative; min-height: 420px; margin: 0; overflow: hidden; }
.ar-identity-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; border: 16px solid rgba(255,255,255,.08); }
.ar-identity-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 44% center; }
.ar-identity-visual figcaption { position: absolute; z-index: 2; top: 28px; right: 28px; display: flex; align-items: center; gap: 12px; width: 270px; padding: 16px; color: #102d29; background: rgba(255,255,255,.92); border-radius: 14px; box-shadow: 0 14px 34px rgba(4,31,26,.14); }
.ar-identity-visual figcaption > i { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; color: #ff5632; background: #fff1e2; border-radius: 50%; }
.ar-identity-visual figcaption span { display: grid; }
.ar-identity-visual figcaption b { font-size: 11px; }
.ar-identity-visual figcaption small { margin-top: 3px; color: #67736f; font-size: 8px; line-height: 1.35; }
.ar-identity-visual ul { position: absolute; z-index: 2; right: 24px; bottom: 22px; left: 24px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.ar-identity-visual li { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 12px 8px; color: #fff; background: rgba(5,35,29,.82); border: 1px solid rgba(255,255,255,.2); border-radius: 10px; font-size: 9px; font-weight: 750; }
.ar-identity-visual li i { color: #fac442; }

/* Leadership & Governance v2 — section-specific compositions */
.lg-page-v2 { background: #fff; }
.lg2-leadership { padding: 68px 0; background: #fffaf2; }
.lg2-leadership-shell { position: relative; display: grid; grid-template-columns: 1.05fr .65fr .7fr; align-items: stretch; min-height: 470px; overflow: hidden; color: #fff; background: #082c26; border-radius: 30px 8px 30px 8px; box-shadow: 0 32px 80px rgba(6,36,30,.17); }
.lg2-leadership-copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 58px 46px; }
.lg2-index { position: absolute; top: 24px; left: 46px; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.48); }
.lg2-index span { color: #f6b31d; font-family: var(--serif); font-size: 22px; }
.lg2-index small { font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.lg2-leadership-copy h2 { max-height: 2.12em; margin: 8px 0 16px; overflow: hidden; color: #fff; font-size: clamp(41px,3.65vw,55px); line-height: 1.02; letter-spacing: -.04em; }
.lg2-leadership-copy h2 span, .lg2-partner-copy h2 span { color: #f6b31d; }
.lg2-leadership-copy > p:not(.ri-kicker) { display: -webkit-box; max-width: 570px; margin: 0; overflow: hidden; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.lg2-leadership-actions { display: flex; align-items: center; gap: 20px; margin-top: 24px; }
.lg2-leadership-actions > span { color: rgba(255,255,255,.65); font-size: 10px; }
.lg2-leadership-actions > span i { margin-right: 6px; color: #f6b31d; }
.lg2-portrait { position: relative; min-width: 0; margin: 0; overflow: hidden; }
.lg2-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 23%; }
.lg2-portrait figcaption { position: absolute; right: 14px; bottom: 14px; left: 14px; display: grid; padding: 13px 15px; color: #0b2d28; background: rgba(255,255,255,.92); border-radius: 11px; }
.lg2-portrait figcaption b { font-size: 10px; }
.lg2-portrait figcaption span { margin-top: 2px; color: #687470; font-size: 8px; }
.lg2-manifesto { display: flex; flex-direction: column; justify-content: center; padding: 42px 34px; color: #142724; background: #fff8ec; }
.lg2-manifesto > i { color: #f45d2a; font-size: 36px; }
.lg2-manifesto blockquote { margin: 14px 0 24px; font-family: var(--serif); font-size: 24px; font-style: italic; line-height: 1.3; }
.lg2-manifesto > div { display: grid; padding-top: 16px; border-top: 2px solid #ee9d22; }
.lg2-manifesto > div b { font-size: 11px; }
.lg2-manifesto > div span { color: #6e7672; font-size: 9px; }
.lg2-manifesto ul { display: grid; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.lg2-manifesto li { color: #495955; font-size: 9px; }
.lg2-manifesto li i { width: 20px; color: #ef5c2a; }

.lg2-governance { padding: 70px 0; }
.lg2-governance-shell { display: grid; grid-template-columns: .82fr 1.05fr .48fr; align-items: stretch; gap: 0; overflow: hidden; background: #fff; border: 1px solid rgba(13,47,41,.09); border-radius: 24px; box-shadow: 0 24px 70px rgba(10,42,36,.09); }
.lg2-governance-title { padding: 44px; background: #fffaf1; }
.lg2-governance-title h2 { margin: 10px 0 0; font-size: clamp(37px,3.4vw,49px); line-height: 1.02; letter-spacing: -.035em; }
.lg2-governance-title h2 span { color: #f0a215; }
.lg2-governance-copy { display: flex; flex-direction: column; justify-content: center; padding: 44px; }
.lg2-governance-copy > p { margin: 0; color: #5d6b68; font-size: 13px; line-height: 1.65; }
.lg2-assurances { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 24px; }
.lg2-assurances article { padding: 15px; background: #f7faf8; border-radius: 10px; }
.lg2-assurances strong, .lg2-assurances span { display: block; }
.lg2-assurances strong { color: #e9582d; font-size: 12px; }
.lg2-assurances span { margin-top: 3px; color: #6b7773; font-size: 8px; }
.lg2-governance-mark { display: flex; flex-direction: column; justify-content: center; padding: 30px; color: #fff; background: #f05b2d; }
.lg2-governance-mark span { font-family: var(--serif); font-size: 88px; line-height: .8; opacity: .3; }
.lg2-governance-mark p { margin: 22px 0 0; font-family: var(--serif); font-size: 17px; font-style: italic; line-height: 1.3; }

.lg2-register { padding: 64px 0; color: #fff; background: #062923; }
.lg2-register-head { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 30px; }
.lg2-register-head h2 { max-width: 720px; margin: 8px 0 0; color: #fff; font-size: 43px; line-height: 1.04; }
.lg2-register-head > p { max-width: 320px; margin: 0; color: rgba(255,255,255,.55); font-size: 11px; }
.lg2-register-track { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.lg2-register-track article { position: relative; min-width: 0; min-height: 205px; display: flex; flex-direction: column; padding: 24px 20px; color: #132c28; background: #fff; border-radius: 14px; }
.lg2-register-track article > span { position: absolute; top: 18px; right: 18px; color: #d8dedb; font-size: 10px; font-weight: 800; }
.lg2-register-track article > i { color: #f25b2d; font-size: 27px; }
.lg2-register-track h3 { margin: 28px 0 7px; font-family: var(--sans); font-size: 13px; }
.lg2-register-track p { margin: 0; color: #65716e; font-size: 9px; line-height: 1.5; }
.lg2-register-track b { margin-top: auto; padding-top: 14px; color: #e35b36; border-top: 1px solid #edf0ee; font-size: 8px; text-transform: uppercase; }
.lg2-record-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; color: #f6c343; font-size: 11px; font-weight: 800; }

.lg2-principles { padding: 70px 0; background: #fffaf2; }
.lg2-principles-head { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 32px; }
.lg2-principles-head h2 { margin: 8px 0 0; font-size: 47px; line-height: 1.02; }
.lg2-principles-head h2 span { color: #f0a215; }
.lg2-principles-head > p { max-width: 340px; margin: 0; color: #67736f; font-size: 11px; }
.lg2-bento { display: grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: 15px; }
.lg2-bento article { position: relative; min-height: 265px; padding: 28px 24px; background: #fff; border: 1px solid rgba(14,48,42,.08); border-radius: 17px; box-shadow: 0 16px 42px rgba(10,42,36,.06); }
.lg2-bento article > b { position: absolute; top: 24px; right: 24px; color: #d1d9d6; font-size: 10px; }
.lg2-bento .ri-icon { margin-bottom: 25px; }
.lg2-bento h3 { margin: 0 0 9px; font-family: var(--sans); font-size: 17px; }
.lg2-bento p { margin: 0; color: #64716d; font-size: 10px; line-height: 1.55; }
.lg2-bento-feature { color: #fff; background: #0b3a32 !important; }
.lg2-bento-feature > b { position: static !important; display: block; margin-bottom: 12px; color: #f8c84b !important; }
.lg2-bento-feature h3 { color: #fff; font-family: var(--serif); font-size: 28px; }
.lg2-bento-feature p { color: rgba(255,255,255,.68); }
.lg2-bento-feature em { display: block; margin-top: 22px; color: #f8c84b; font-family: var(--serif); font-size: 14px; }

.lg2-process { padding: 70px 0; }
.lg2-process > .container { display: grid; grid-template-columns: .65fr 1.35fr; gap: 75px; }
.lg2-process-intro h2 { margin: 8px 0 14px; font-size: 43px; line-height: 1.03; }
.lg2-process-intro > p:last-child { color: #65726e; font-size: 12px; line-height: 1.6; }
.lg2-process-path { position: relative; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.lg2-process-path::before { content: ""; position: absolute; top: 42px; bottom: 42px; left: 35px; width: 1px; background: #e5b34d; }
.lg2-process-path li { position: relative; z-index: 1; display: grid; grid-template-columns: 30px 55px 1fr; align-items: center; gap: 14px; min-height: 82px; padding: 12px 20px; background: #fffaf1; border: 1px solid rgba(15,49,43,.07); border-radius: 13px; }
.lg2-process-path li > span { color: #f05b2d; font-size: 10px; font-weight: 800; }
.lg2-process-path li > i { width: 50px; height: 50px; display: grid; place-items: center; color: #f05b2d; background: #fff; border: 1px solid #fde4c2; border-radius: 50%; }
.lg2-process-path h3 { margin: 0 0 4px; font-family: var(--sans); font-size: 14px; }
.lg2-process-path p { margin: 0; color: #67736f; font-size: 9px; }

.lg2-partner { padding: 0 0 60px; }
.lg2-partner-shell { display: grid; grid-template-columns: .7fr 1.08fr .55fr; align-items: stretch; min-height: 350px; overflow: hidden; color: #fff; background: #062923; border-radius: 25px; box-shadow: 0 28px 75px rgba(7,38,32,.16); }
.lg2-partner figure { position: relative; min-width: 0; margin: 0; overflow: hidden; }
.lg2-partner figure img { width: 100%; height: 100%; object-fit: cover; }
.lg2-partner figure figcaption { position: absolute; right: 16px; bottom: 16px; left: 16px; padding: 12px 14px; color: #17322d; background: rgba(255,255,255,.9); border-radius: 10px; font-size: 10px; font-weight: 800; }
.lg2-partner figure figcaption i { margin-right: 7px; color: #f05b2d; }
.lg2-partner-copy { display: flex; flex-direction: column; justify-content: center; padding: 45px; }
.lg2-partner-copy h2 { margin: 8px 0 12px; color: #fff; font-size: 48px; line-height: 1; }
.lg2-partner-copy > p:not(.ri-kicker) { margin: 0; color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.55; }
.lg2-partner-copy > div { display: flex; gap: 10px; margin-top: 20px; }
.lg2-partner-shell > ul { display: flex; flex-direction: column; justify-content: center; gap: 20px; margin: 0; padding: 35px 28px; list-style: none; border-left: 1px solid rgba(255,255,255,.12); }
.lg2-partner-shell > ul li { display: flex; align-items: center; gap: 12px; }
.lg2-partner-shell > ul li > i { width: 38px; height: 38px; display: grid; place-items: center; color: #f6c343; border: 1px solid rgba(246,195,67,.45); border-radius: 50%; }
.lg2-partner-shell > ul span { display: grid; }
.lg2-partner-shell > ul b { font-size: 10px; }
.lg2-partner-shell > ul small { color: rgba(255,255,255,.48); font-size: 8px; }
.lg2-trust { padding: 24px 0 32px; background: #fffaf2; }
.lg2-trust-grid { display: grid; grid-template-columns: 1.2fr repeat(4,1fr); align-items: center; }
.lg2-trust-grid > div h2 { margin: 6px 0 0; font-size: 27px; }
.lg2-trust-grid article { display: flex; align-items: center; gap: 12px; padding: 8px 18px; border-left: 1px solid rgba(15,49,43,.1); }
.lg2-trust-grid h3 { margin: 0 0 3px; font-family: var(--sans); font-size: 12px; }
.lg2-trust-grid p { margin: 0; color: #697571; font-size: 9px; }

@media (max-width:1050px) {
  .ar-identity-stage { grid-template-columns: 1fr 1fr; }
  .ar-identity-copy { padding-inline: 38px; }
  .ar-mission-copy { padding-inline: 42px; }
  .ar-mission-number { left: 42px; }
  .lg2-leadership-shell { grid-template-columns: 1fr .75fr; }
  .lg2-manifesto { grid-column: 1/-1; display: grid; grid-template-columns: .8fr 1fr; gap: 25px; }
  .lg2-manifesto ul { grid-column: 1/-1; grid-template-columns: repeat(3,1fr); }
  .lg2-register-track { grid-template-columns: repeat(3,1fr); }
  .lg2-bento { grid-template-columns: repeat(2,1fr); }
  .lg2-partner-shell { grid-template-columns: .7fr 1.3fr; }
  .lg2-partner-shell > ul { grid-column: 1/-1; flex-direction: row; justify-content: space-around; border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  .lg2-trust-grid { grid-template-columns: repeat(2,1fr); gap: 16px 0; }
  .lg2-trust-grid > div { grid-column: 1/-1; }
}
@media (max-width:820px) {
  .ar-identity-stage { grid-template-columns: 1fr; }
  .ar-identity-copy { min-height: 410px; padding: 65px 35px 40px; }
  .ar-identity-meta { left: 35px; }
  .ar-identity-visual { min-height: 400px; }
  .ar-mission { padding-block: 60px; }
  .ar-mission-frame { grid-template-columns: 1fr; grid-template-rows: auto; }
  .ar-mission-copy { min-height: 400px; }
  .ar-mission-visual { min-height: 340px; }
  .ar-mission-visual img { min-height: 340px; }
  .ar-mission-rail { grid-column: auto; }
  .lg2-leadership-shell { grid-template-columns: 1fr; }
  .lg2-leadership-copy { min-height: 450px; }
  .lg2-portrait { min-height: 520px; }
  .lg2-manifesto { grid-column: auto; }
  .lg2-governance-shell { grid-template-columns: 1fr 1fr; }
  .lg2-governance-mark { grid-column: 1/-1; min-height: 190px; }
  .lg2-process > .container { grid-template-columns: 1fr; gap: 30px; }
  .lg2-partner-shell { grid-template-columns: 1fr; }
  .lg2-partner figure { min-height: 320px; }
}
@media (max-width:600px) {
  .ar-identity-copy h2 { font-size: 36px; }
  .ar-identity-bottom { align-items: flex-start; flex-direction: column; }
  .ar-identity-visual figcaption { right: 18px; left: 18px; width: auto; }
  .ar-identity-visual ul { grid-template-columns: 1fr; }
  .ar-identity-visual li { justify-content: flex-start; padding-left: 15px; }
  .ar-mission { padding-block: 48px; }
  .ar-mission-frame { border-radius: 22px 6px 22px 6px; }
  .ar-mission-copy { min-height: 425px; padding: 72px 25px 42px; }
  .ar-mission-number { top: 23px; left: 25px; }
  .ar-mission h2 { font-size: 42px; }
  .ar-mission h3 { font-size: 14px; }
  .ar-mission-copy > p:not(.ar-kicker) { font-size: 12px; }
  .ar-mission-visual, .ar-mission-visual img { min-height: 300px; }
  .ar-mission-visual figcaption { right: 15px; bottom: 15px; left: 15px; max-width: none; }
  .ar-mission-rail { grid-template-columns: 1fr; }
  .ar-mission-rail article { min-height: 82px; border-right: 0; border-bottom: 1px solid rgba(17,49,43,.1); }
  .ar-mission-rail article:last-child { border-bottom: 0; }
  .lg2-leadership { padding-block: 50px; }
  .lg2-leadership-shell { border-radius: 22px 6px 22px 6px; }
  .lg2-leadership-copy { min-height: 500px; padding: 70px 25px 40px; }
  .lg2-index { left: 25px; }
  .lg2-leadership-copy h2 { font-size: 28px; letter-spacing: -.04em; }
  .lg2-leadership-actions { align-items: flex-start; flex-direction: column; }
  .lg2-portrait { min-height: 450px; }
  .lg2-manifesto { display: flex; }
  .lg2-manifesto ul { display: grid; grid-template-columns: 1fr; }
  .lg2-governance { padding-block: 50px; }
  .lg2-governance-shell { grid-template-columns: 1fr; }
  .lg2-governance-title, .lg2-governance-copy { padding: 30px 24px; }
  .lg2-assurances { grid-template-columns: 1fr; }
  .lg2-register { padding-block: 50px; }
  .lg2-register-head, .lg2-principles-head { align-items: flex-start; flex-direction: column; }
  .lg2-register-head h2, .lg2-principles-head h2 { font-size: 35px; }
  .lg2-register-track, .lg2-bento { grid-template-columns: 1fr; }
  .lg2-process { padding-block: 50px; }
  .lg2-process-intro h2 { font-size: 35px; }
  .lg2-process-path li { grid-template-columns: 24px 48px 1fr; padding-inline: 12px; }
  .lg2-partner { padding-bottom: 45px; }
  .lg2-partner-copy { padding: 38px 24px; }
  .lg2-partner-copy h2 { font-size: 39px; }
  .lg2-partner-copy > div { flex-direction: column; }
  .lg2-partner-copy .btn { width: 100%; justify-content: center; }
  .lg2-partner-shell > ul { align-items: stretch; flex-direction: column; }
  .lg2-trust-grid { grid-template-columns: 1fr; }
  .lg2-trust-grid > div { grid-column: auto; }
  .lg2-trust-grid article { border-left: 0; border-top: 1px solid rgba(15,49,43,.1); }
}
@media (max-width:600px) {
  .ar-hero { height: 500px; }
  .ar-hero-copy { width: 100%; padding-top: 45px; }
  .ar-hero-copy h1 { font-size: 46px; }
  .ar-hero-copy > p:not(.ar-kicker) { font-size: 14px; }
  .ar-section { padding: 64px 0; }
  .ar-copy h2, .ar-story-copy h2, .ar-serve-copy h2 { font-size: 35px; }
  .ar-identity-media, .ar-story-media { height: 315px; }
  .ar-identity-media figcaption { top: auto; right: 12px; bottom: 20px; max-width: 150px; padding: 10px; background: rgba(255,255,255,.84); border-radius: 8px; font-size: 20px; }
  .ar-recognition-grid { grid-template-columns: repeat(2,1fr); padding: 20px; }
  .ar-recognition-grid > article { border-left: 0; border-top: 1px solid rgba(24,48,45,.1); }
  .ar-recognition-grid > article:last-child { grid-column: 1/-1; }
  .ar-value-grid { grid-template-columns: 1fr; }
  .ar-serve-premium { padding-block: 58px; }
  .ar-serve-head { margin-bottom: 26px; }
  .ar-serve-copy h2 { font-size: 38px; }
  .ar-serve-summary { grid-template-columns: 1fr 1fr; }
  .ar-serve-summary > p { grid-column: 1/-1; min-height: 72px; border-top: 1px solid rgba(255,255,255,.12); }
  .ar-serve-featured { grid-template-columns: 1fr; grid-template-rows: 250px auto; }
  .ar-serve-featured > div { padding: 25px; }
  .ar-serve-cards { grid-template-columns: 1fr; }
  .ar-serve-cards article { grid-template-columns: .92fr 1.08fr; min-height: 210px; }
  .ar-serve-cards article > img { min-height: 210px; }
  .ar-actions { flex-direction: column; }
  .ar-actions .btn { width: 100%; justify-content: center; }
  .ar-support-list { grid-template-columns: 1fr; }
}