.support-hero { position: relative; min-height: 650px; display: flex; align-items: center; overflow: hidden; color: #fff; }
.support-hero .hero-media, .support-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.support-hero .hero-media { background: #00367c; }
.support-hero .hero-media img { object-fit: cover; object-position: center; }
.support-hero-shade { z-index: 1; background: linear-gradient(90deg, rgba(0,36,82,.94), rgba(0,54,124,.68) 43%, rgba(0,54,124,.08) 75%); }
.support-hero-copy { position: relative; z-index: 2; padding: 90px 0; }
.support-hero-copy h1 { max-width: 760px; }
.support-hero-copy h1 em { color: var(--gold); font-style: normal; }
.support-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 25px 0 30px; color: #dcecf7; font-size: 18px; }
.support-intro { background: #fff; }
.support-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.support-intro h2, .support-heading h2, .support-approach h2, .gallery-heading h2 { font-size: 52px; }
.support-intro h2 em, .support-heading h2 em, .support-approach h2 em, .gallery-heading h2 em { color: var(--green); }
.support-lead { margin-top: 0; color: var(--ink); font-size: 21px; font-weight: 700; line-height: 1.5; }
.support-intro-grid > div:last-child > p:not(.support-lead) { color: var(--muted); }
.support-activities { background: #f3f8fc; }
.support-heading { max-width: 760px; margin-bottom: 48px; }
.support-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.support-card-grid article { min-height: 255px; padding: 30px; border: 1px solid rgba(0,54,124,.12); border-radius: 18px; background: #fff; box-shadow: 0 8px 25px rgba(0,54,124,.06); }
.support-card-grid span { color: var(--gold); font: 800 25px 'Manrope'; }
.support-card-grid h3 { margin: 25px 0 10px; color: var(--deep); font: 700 21px 'Manrope'; }
.support-card-grid p { margin: 0; color: var(--muted); }
.support-approach { background: #fff; }
.support-approach-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }
.support-approach-grid > img { width: 100%; height: auto; object-fit: contain; object-position: center; border-radius: 26px; }
.support-approach-grid p:not(.eyebrow) { color: var(--muted); }
.support-approach-grid ul { margin: 28px 0; padding: 0; list-style: none; }
.support-approach-grid li { margin: 13px 0; font-weight: 700; }
.support-approach-grid li span { display: inline-grid; width: 25px; height: 25px; margin-right: 10px; place-items: center; border-radius: 50%; background: #e9f5fb; color: var(--green); }
.home-care-gallery { background: #eef6fa; }
.gallery-heading { max-width: 780px; margin-bottom: 45px; }
.gallery-heading > p:last-child { max-width: 650px; color: var(--muted); }
.home-gallery-grid { display: grid; grid-template-columns: 1.25fr .75fr; grid-template-rows: repeat(2, 280px); gap: 18px; }
.home-gallery-grid figure { position: relative; margin: 0; overflow: hidden; border-radius: 20px; background: #dceaf3; }
.home-gallery-grid .gallery-large { grid-row: 1 / 3; }
.home-gallery-grid img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-gallery-grid figcaption { position: absolute; inset: auto 0 0; padding: 34px 22px 18px; background: linear-gradient(transparent, rgba(0,36,82,.88)); color: #fff; font-weight: 700; }
.active-service { color: var(--green); }
@media (max-width: 900px) { .support-intro-grid, .support-approach-grid { grid-template-columns: 1fr; gap: 45px; } .support-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
  .support-hero { display: flex; min-height: 690px; align-items: flex-end; background: #00367c; }
  .support-hero .hero-media img { object-fit: contain; object-position: center; }
  .support-hero-shade { inset: 0; height: 100%; background: linear-gradient(to bottom, rgba(0,36,82,.03) 0%, rgba(0,54,124,.13) 28%, rgba(0,36,82,.91) 58%, rgba(0,36,82,.99) 100%); }
  .support-hero-copy { padding: 135px 0 42px; }
  .support-hero-copy h1 { font-size: 44px; }
  .support-intro h2, .support-heading h2, .support-approach h2, .gallery-heading h2 { font-size: 40px; }
  .support-card-grid { grid-template-columns: 1fr; }
  .support-card-grid article { min-height: 0; }
  .support-approach-grid > img { height: auto; }
  .home-gallery-grid { grid-template-columns: 1fr; grid-template-rows: repeat(3, 280px); }
  .home-gallery-grid .gallery-large { grid-row: auto; }
}