/* Reference design: navy + bright red, genuine Uzima Uhai photos. Presentation-only update. */
:root {
  --purple:#0b397d;
  --purple-deep:#062658;
  --purple-light:#edf4fd;
  --pink:#f31832;
  --pink-deep:#d70a25;
  --ink:#082858;
  --muted:#48617e;
  --bg:#f6faff;
  --line:#e2e9f2;
  --shadow:0 14px 38px rgba(8,40,83,.09);
}
body {color:var(--ink);background:#fff;}
h1,h2,h3,h4 {letter-spacing:-.038em;}
h2 {color:var(--purple-deep);}
.btn {border-radius:9px;box-shadow:none;}
.btn-primary {background:#ff162e;box-shadow:0 8px 22px rgba(237,32,59,.13);}
.btn-primary:hover {background:#d90726;}
.btn-secondary {border-color:#d3dfef;background:white;color:#0a3476;}
.btn-dark {background:#082d66;color:#fff;}
.btn-white-outline {color:#082d66;background:#fff;border:1px solid #fff;}
/* Site header modeled on the supplied screenshot. */
.topbar {background:#06275c;color:#fff;font-size:.73rem;}
.topbar .container {min-height:33px;}
.top-links,.top-right {gap:17px;}
.top-links a + a {padding-left:14px;border-left:1px solid rgba(255,255,255,.22);}
.emergency-status {color:#fff;font-weight:600;}
.top-icon {color:#fff;}
.site-header {box-shadow:0 3px 16px rgba(9,44,85,.07);}
.header-inner {min-height:83px;gap:12px;}
.brand .official-logo {width:235px;height:auto;}
.nav-link,.nav-toggle {position:relative;color:#0a2c61;background:transparent!important;font-size:.77rem;font-weight:800;padding:14px 10px;border-radius:0;}
.nav-link:hover,.nav-toggle:hover,.nav-link.active,.nav-toggle.active {color:#0b3f89;background:transparent!important;}
.nav-link.active:after {content:"";height:3px;background:#f5253c;position:absolute;bottom:5px;left:11px;right:11px;border-radius:5px;}
.header-cta {background:#ff182f;color:white;border-radius:9px;padding:13px 20px;font-size:.75rem;}
.dropdown {border-radius:9px;border-color:#e2eaf5;box-shadow:0 16px 48px rgba(5,33,78,.15);}
.dropdown a {color:#0b3972;}
.dropdown a:hover {background:#edf4ff;color:#06275c;}
.mobile-toggle {color:#062b63;background:#f1f5fb;}
/* The reference homepage's large photographic hero */
.ref-hero {position:relative;min-height:458px;overflow:hidden;color:#fff;background:#06285b url('photos/centre-exterior.webp') center 53% / cover no-repeat;}
.ref-hero:before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,24,56,.96) 0%,rgba(3,31,68,.88) 26%,rgba(4,36,73,.32) 58%,rgba(5,36,75,.05) 100%);}
.ref-hero-content {position:relative;z-index:1;min-height:458px;display:flex;align-items:center;padding:48px 0 72px;}
.ref-hero-text {width:min(600px,64%);}
.ref-hero-strap {color:#e9f4ff;text-transform:uppercase;letter-spacing:.17em;font-size:.66rem;font-weight:800;margin:0 0 15px;}
.ref-hero h1 {color:#fff;font-size:clamp(2.5rem,4.2vw,4.3rem);line-height:1.11;max-width:620px;margin:0 0 19px;font-weight:800;text-wrap:balance;}
.ref-hero h1 em {font-style:normal;color:#fff;}
.ref-hero p:not(.ref-hero-strap) {font-size:1rem;line-height:1.67;color:#f7fbff;max-width:540px;margin:0 0 26px;text-shadow:0 1px 5px rgba(0,0,0,.25);}
.ref-hero .hero-buttons {display:flex;flex-wrap:wrap;gap:12px;}
.ref-hero .hero-buttons .btn {font-size:.78rem;padding:14px 19px;border-radius:28px;}
.ref-hero .hero-buttons .btn-primary {background:#ff1630;}
.ref-hero .hero-buttons .btn-white-outline {background:#fff;color:#06275b;}
/* Feature tiles overlapping the hero, four compact white cards like reference */
.ref-quick-services {position:relative;z-index:5;background:transparent;margin-top:-41px;}
.ref-quick-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;filter:drop-shadow(0 6px 19px rgba(7,46,99,.1));}
.ref-quick-grid>a {display:flex;align-items:center;gap:12px;background:#fff;padding:16px 17px;min-height:91px;border:1px solid #eef0f5;transition:transform .18s,box-shadow .18s;}
.ref-quick-grid>a:first-child {border-radius:12px 0 0 12px;}
.ref-quick-grid>a:last-child {border-radius:0 12px 12px 0;}
.ref-quick-grid>a:hover {transform:translateY(-3px);box-shadow:0 10px 23px rgba(3,33,77,.12);z-index:2;}
.ref-quick-grid .quick-icon {width:48px;height:48px;flex:none;display:grid;place-items:center;background:#ff1530;color:white;border-radius:50%;font-size:1.45rem;}
.ref-quick-grid>a:nth-child(2) .quick-icon {background:#0f57d7;}
.ref-quick-grid>a:nth-child(3) .quick-icon {background:#7925a7;}
.ref-quick-grid>a:nth-child(4) .quick-icon {background:#18aa73;}
.ref-quick-grid>a span:nth-child(2) {min-width:0;}
.ref-quick-grid strong {display:block;font-size:.82rem;color:#07285f;line-height:1.35;margin-bottom:3px;}
.ref-quick-grid small {display:block;font-size:.71rem;color:#59708b;line-height:1.35;}
.ref-quick-grid b {display:none;}
/* Compact service photo directory */
.ref-services {padding:34px 0 30px;background:#fff;}
.ref-services-head {display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:20px;}
.ref-services-head h2 {font-size:clamp(1.72rem,2.7vw,2.15rem);line-height:1.13;color:#072b67;margin-bottom:5px;}
.ref-services-head p {margin:0;font-size:.93rem;color:#55708d;}
.ref-outline-cta {border:1px solid #3568a0!important;background:#fff;color:#092f67;border-radius:22px;font-size:.78rem;padding:12px 21px;box-shadow:none;}
.ref-service-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;}
.ref-service-card {border:1px solid #e0e9f2;border-radius:9px;display:block;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(4,43,99,.06);transition:transform .2s,box-shadow .2s;}
.ref-service-card:hover {transform:translateY(-4px);box-shadow:0 13px 24px rgba(10,45,90,.16);}
.ref-service-image {display:block;position:relative;height:129px;overflow:hidden;background:#e8f3fb;}
.ref-service-image img {width:100%;height:100%;object-fit:cover;transition:transform .25s;}
.ref-service-card:hover img {transform:scale(1.035);}
.ref-service-title {min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 11px;color:#062960;font-weight:800;font-size:.76rem;line-height:1.25;}
.ref-service-title span {color:#0e4d9b;font-size:1.08rem;font-weight:500;white-space:nowrap;}
.ref-photo-note {position:absolute;bottom:4px;right:4px;color:#092c5d;background:rgba(255,255,255,.94);border-radius:3px;padding:2px 5px;font-size:8px;line-height:1;font-weight:700;}
/* Trust strip in dark navy with four verified attributes instead of made-up patient counts. */
.ref-stats {position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(2,38,94,.97),rgba(0,50,109,.93)),url('photos/emergency-clinician.webp') center/cover;color:#fff;padding:28px 0;}
.ref-stats-inner {display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.6fr;align-items:center;gap:15px;}
.ref-stat {text-align:center;border-right:1px solid rgba(255,255,255,.14);min-width:0;}
.ref-stat-icon {display:block;font-size:1.8rem;color:#fff;line-height:1;margin-bottom:7px;}
.ref-stat strong {display:block;font-size:1.75rem;color:#fff;font-weight:800;line-height:1.16;}
.ref-stat small {display:block;color:#e7f2ff;font-size:.75rem;margin-top:5px;}
.ref-stats-callout {padding-left:10px;}
.ref-stats-callout p {color:#fff;font-size:1.03rem;line-height:1.4;margin:0 0 14px;}
.ref-stats-callout .btn {border-radius:9px;box-shadow:none;}
/* Rest of the original sections and content: only palette/shape are adjusted. */
.welcoming-section {padding-top:76px;padding-bottom:76px;}
.welcoming-section .home-about-content h2 {color:#072b65;}
.welcoming-section .highlight-purple {color:#0b4c96;}
.home-beliefs,.values-on-home {background:#f6f9fe;}
.home-beliefs h2,.values-on-home h2 {color:#082e66;}
.home-final-cta {background:#edf5ff;}
.home-emergency {background:linear-gradient(110deg,#072961,#094181);}
.footer-brand .official-logo {background:#fff;}
/* About page mirrors the photographed banner + cards + rights panel of the reference. */
.ref-about-banner {height:250px;position:relative;color:white;display:flex;align-items:end;background:#092e61 url('photos/healthcare-team.webp') center 45% / cover no-repeat;}
.ref-about-banner:before {position:absolute;content:"";inset:0;background:linear-gradient(90deg,rgba(3,34,78,.83),rgba(5,43,83,.16));}
.ref-about-banner-inner {position:relative;z-index:2;padding-bottom:42px;}
.ref-about-banner h1 {font-size:clamp(2.1rem,4vw,3.45rem);color:white;margin-bottom:8px;}
.ref-breadcrumb {display:flex;align-items:center;gap:10px;font-size:.81rem;color:#f4f9ff;}
.ref-breadcrumb a:hover {text-decoration:underline;}
.ref-about-intro {padding:48px 0 38px;}
.ref-about-story {max-width:1040px;}
.ref-about-story>div {max-width:900px;}
.ref-about-story h2 {font-size:clamp(1.7rem,2.6vw,2.28rem);color:#072c63;max-width:860px;}
.ref-about-story .lead {color:#0e3567;font-size:1.08rem;}
.ref-about-story p {max-width:850px;}
.ref-about-values {padding:50px 0 52px;background:#f7faff;}
.ref-about-values h2,.ref-about-rights h2 {font-size:clamp(1.8rem,2.8vw,2.4rem);margin:0 0 26px;color:#082b65;}
.ref-mvv-grid {display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:18px;}
.ref-mvv-card {background:#fff;border:1px solid #e0e8f5;box-shadow:0 5px 17px rgba(6,42,88,.035);border-radius:12px;padding:25px 23px;display:flex;flex-direction:column;min-height:275px;}
.ref-mvv-title {display:flex;align-items:center;gap:12px;margin-bottom:23px;}
.ref-mvv-icon {color:#8c22a7;font-size:2.1rem;line-height:1;min-width:35px;}
.ref-mvv-title h3 {margin:0;font-size:1.12rem;color:#072f69;}
.ref-mvv-card>p {color:#163a68;font-size:.9rem;line-height:1.65;margin-bottom:16px;}
.ref-mvv-core>p {font-size:.76rem;line-height:1.48;margin-bottom:10px;}
.ref-mvv-core b {color:#e31330;font-weight:800;}
.ref-mvv-link {margin-top:auto;color:#0f57a5;font-size:.76rem;font-weight:800;}
.ref-about-rights {padding:50px 0 67px;background:#fff;}
.ref-about-rights .container>p {font-size:.95rem;max-width:720px;margin-top:-10px;}
.ref-rights-photo {position:relative;max-width:1040px;height:410px;margin:24px 0 22px;border-radius:12px;overflow:hidden;background:#e8f4fc;}
.ref-rights-scene {width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05);}
.ref-rights-poster {position:absolute;right:4%;top:5%;bottom:5%;width:32%;min-width:245px;display:block;box-shadow:0 12px 30px rgba(5,30,65,.25);background:#fff;border-radius:8px;padding:4px;transition:transform .2s;}
.ref-rights-poster:hover {transform:scale(1.015);}
.ref-rights-poster img {width:100%;height:100%;object-fit:contain;}
/* Consistent color on non-home subpages while preserving their copy, images and structure. */
.photo-page-hero {background:linear-gradient(100deg,#f0f6ff,#fff);}
.photo-page-hero .page-hero-photo {border-radius:14px;}
.photo-page-hero h1 {color:#082b63;}
.official-statement {background:linear-gradient(115deg,#f0f5ff,#fff4f8);border-color:#e4ebf6;}
.official-statement blockquote {color:#123a78;}
.rights-poster {border-color:#e0eafa;}
/* Tablet */
@media(max-width:1160px) {
  .brand .official-logo {width:200px;}
  .header-inner {min-height:75px;}
  .nav-link,.nav-toggle {font-size:.71rem;padding:12px 6px;}
  .header-cta {padding:12px 12px;font-size:.7rem;}
  .ref-quick-grid>a {padding:14px 10px;gap:9px;}
  .ref-quick-grid .quick-icon {width:41px;height:41px;}
  .ref-quick-grid strong {font-size:.73rem;}
  .ref-quick-grid small {font-size:.67rem;}
  .ref-service-grid {gap:10px;}
  .ref-service-title {font-size:.7rem;padding:9px 8px;}
}
@media(max-width:950px) {
  .site-nav {top:108px;}
  .site-nav .nav-link,.site-nav .nav-toggle {color:#092d68;font-size:.95rem;}
  .site-nav .nav-link.active:after {left:14px;right:auto;width:45px;bottom:6px;}
  .dropdown-mega {background:#f0f6fe;}
  .ref-hero,.ref-hero-content {min-height:445px;}
  .ref-hero-text {width:min(650px,78%);}
  .ref-quick-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .ref-quick-grid>a,.ref-quick-grid>a:first-child,.ref-quick-grid>a:last-child {border-radius:10px;}
  .ref-services {padding-top:40px;}
  .ref-service-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .ref-service-image {height:150px;}
  .ref-stats-inner {grid-template-columns:repeat(4,minmax(0,1fr));}
  .ref-stats-callout {grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:24px;text-align:center;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.2);}
  .ref-stats-callout p {margin:0;}
  .ref-mvv-grid {grid-template-columns:1fr 1fr;}
  .ref-mvv-core {grid-column:1/-1;min-height:0;}
  .ref-mvv-core>p {font-size:.86rem;}
}
/* Mobile */
@media(max-width:700px) {
  .topbar .container {min-height:34px;}
  .top-links {gap:11px;}
  .top-links a + a {padding-left:8px;}
  .header-inner {min-height:75px;}
  .site-nav {top:109px;}
  .brand .official-logo {width:190px;}
  .ref-hero {min-height:520px;background-position:58% center;}
  .ref-hero:before {background:linear-gradient(90deg,rgba(2,25,61,.92),rgba(2,31,69,.73) 58%,rgba(5,35,75,.26));}
  .ref-hero-content {min-height:520px;padding:60px 0 90px;align-items:center;}
  .ref-hero-text {width:100%;}
  .ref-hero h1 {font-size:clamp(2.4rem,10vw,3.6rem);max-width:490px;}
  .ref-hero p:not(.ref-hero-strap) {font-size:.91rem;line-height:1.58;}
  .ref-hero .hero-buttons {gap:10px;}
  .ref-hero .hero-buttons .btn {padding:12px 15px;font-size:.72rem;}
  .ref-quick-services {margin-top:-50px;}
  .ref-quick-grid {gap:7px;}
  .ref-quick-grid>a {min-height:89px;gap:7px;padding:12px 9px;}
  .ref-quick-grid .quick-icon {width:36px;height:36px;font-size:1.18rem;}
  .ref-quick-grid strong {font-size:.73rem;}
  .ref-quick-grid small {font-size:.65rem;}
  .ref-services {padding:35px 0;}
  .ref-services-head {align-items:start;gap:9px;}
  .ref-services-head h2 {font-size:1.8rem;}
  .ref-services-head p {font-size:.8rem;}
  .ref-services-head .btn {padding:9px 11px;font-size:.66rem;}
  .ref-service-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .ref-service-image {height:133px;}
  .ref-service-title {min-height:49px;font-size:.75rem;padding:9px 8px;}
  .ref-stats-inner {grid-template-columns:1fr 1fr;row-gap:24px;}
  .ref-stat:nth-child(2n) {border-right:0;}
  .ref-stat-icon {font-size:1.5rem;}
  .ref-stat strong {font-size:1.45rem;}
  .ref-stat small {font-size:.68rem;}
  .ref-stats-callout {grid-column:1/-1;flex-direction:column;gap:12px;}
  .ref-stats-callout p {font-size:.93rem;}
  .ref-about-banner {height:230px;background-position:53% center;}
  .ref-about-banner-inner {padding-bottom:30px;}
  .ref-about-intro {padding:35px 0;}
  .ref-about-story h2 {font-size:1.9rem;}
  .ref-about-values {padding:37px 0;}
  .ref-mvv-grid {grid-template-columns:1fr;gap:12px;}
  .ref-mvv-core {grid-column:auto;}
  .ref-mvv-card {min-height:0;padding:22px;}
  .ref-mvv-title {margin-bottom:12px;}
  .ref-mvv-card>p {margin-bottom:13px;}
  .ref-about-rights {padding:35px 0 45px;}
  .ref-rights-photo {height:345px;}
  .ref-rights-poster {min-width:0;width:56%;right:3%;}
}
@media(max-width:380px) {
 .ref-hero {min-height:530px;}
 .ref-hero-content {min-height:530px;}
 .ref-quick-grid .quick-icon {width:31px;height:31px;}
 .ref-quick-grid strong {font-size:.67rem;}
 .ref-service-image {height:112px;}
 .ref-services-head .btn {white-space:normal;text-align:center;}
}
/* Final reference alignment: visible faces in team-banner and a concise introduction. */
@media (min-width:701px) {
  .ref-about-banner {background-position:center 14%;}
  .ref-about-intro {padding:34px 0 30px;}
  .ref-about-story .eyebrow {margin-bottom:9px;}
  .ref-about-story h2 {font-size:clamp(1.5rem,2.1vw,1.8rem);margin-bottom:14px;}
  .ref-about-story p {font-size:.92rem;line-height:1.6;margin-bottom:12px;}
  .ref-about-story .lead {font-size:.98rem;line-height:1.62;}
  .ref-about-story .btn {font-size:.79rem;padding:11px 17px;margin-top:5px;}
}