/* ─── Tokens ──────────────────────────────────────────────── */
 :root {
   --background: 220 20% 98%;
   --foreground: 222 47% 11%;
   --card: 0 0% 100%;
   --primary: 216 100% 22%;
   --primary-foreground: 0 0% 100%;
   --primary-light: 216 45% 94%;
   --primary-tint: 205 70% 72%;
   --accent: 141 61% 28%;
   /* #1D7239 */
   --accent-foreground: 0 0% 100%;
   --muted: 220 20% 96%;
   --muted-foreground: 220 10% 46%;
   --destructive: 0 75% 48%;
   --destructive-soft: 0 80% 96%;
   --border: 220 15% 90%;
   --info: 199 88% 50%;
   --warning: 42 95% 55%;
   --surface: 220 30% 96%;
   --surface-warm: 38 40% 97%;
   --radius: 8px;
   --shadow-sm: 0 1px 2px 0 hsl(216 100% 22% / .05);
   --shadow-md: 0 4px 12px -2px hsl(216 100% 22% / .08);
   --shadow-lg: 0 14px 40px -12px hsl(216 100% 22% / .25);
   --shadow-menu: 0 24px 48px -16px hsl(216 100% 22% / .25);
   --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
 }

html,
 body {
   margin: 0;
   padding: 0;
 }

 body {
   font-family: var(--font-sans);
   font-weight: 400;
   color: hsl(var(--foreground));
   background: hsl(var(--background));
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 }

 a {
   color: inherit;
   text-decoration: none;
 }

 button {
   font-family: inherit;
   cursor: pointer;
 }

 /* ─── Page wrapper — escapes Astra's max-width container ────── */
 .about-page-content {
   display: block;
   /* Break out of .ast-container to fill the full viewport width */
   width: 100vw;
   position: relative;
   left: 50%;
   margin-left: -50vw;
 }

 /* ─── Hero (full-bleed) ───────────────────────────────────── */
 .hero {
   position: relative;
   min-height: 680px;
   display: flex;
   align-items: center;
   isolation: isolate;
   overflow: hidden;
 }

 .hero__bg {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -2;
 }

 .hero__scrim {
   position: absolute;
   inset: 0;
   z-index: -1;
   background:
     linear-gradient(90deg,
       hsl(0 0% 0% / .68) 0%,
       hsl(0 0% 0% / .55) 35%,
       hsl(0 0% 0% / .35) 65%,
       hsl(0 0% 0% / .18) 100%),
     linear-gradient(180deg,
       hsl(0 0% 0% / .18) 0%,
       hsl(0 0% 0% / 0) 35%);
 }

 .hero__inner {
   max-width: 1440px;
   margin: 0 auto;
   padding: 88px 20px 96px;
   width: 100%;
 }

 .hero__copy {
   max-width: 620px;
   color: hsl(var(--primary-foreground));
 }

 .hero h1 {
   margin: 0 0 32px;
   font-family: var(--font-sans);
   font-weight: 600;
   font-size: clamp(2.5rem, 5.4vw, 4.25rem);
   line-height: 1.05;
   letter-spacing: -0.025em;
   color: hsl(var(--primary-foreground));
 }

 .hero h1 em {
   font-style: normal;
   color: hsl(var(--primary-tint));
 }

 .hero__actions {
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
 }

 .btn-primary {
   height: 52px;
   padding: 0 30px;
   border: 0;
   border-radius: var(--radius);
   background: hsl(var(--accent));
   color: hsl(var(--accent-foreground));
   font-weight: 600;
   font-size: 14.5px;
   box-shadow: var(--shadow-md);
   transition: filter .2s, box-shadow .2s;
   display: inline-flex;
   align-items: center;
   gap: 10px;
 }

 .btn-primary:hover {
   filter: brightness(1.08);
   box-shadow: var(--shadow-lg);
 }

 /* ─── Section base ────────────────────────────────────────── */
 .section {
   padding: 96px 20px;
 }

 .section--surface {
   background: hsl(var(--surface));
 }

 .section__inner {
   max-width: 1280px;
   margin: 0 auto;
 }

 .section__eyebrow {
   font-size: 12.5px;
   font-weight: 600;
   color: hsl(var(--accent));
   letter-spacing: 0.06em;
   text-transform: uppercase;
   margin-bottom: 12px;
 }

 .section__title {
   margin: 0 0 12px;
   font: 600 clamp(1.875rem, 3.2vw, 2.5rem)/1.15 var(--font-sans);
   letter-spacing: -0.02em;
   color: hsl(var(--primary));
   text-wrap: balance;
 }

 .section__lede {
   margin: 0;
   font-size: 16px;
   line-height: 1.6;
   color: hsl(var(--muted-foreground));
   text-wrap: pretty;
 }

 /* ─── About the hospital (split intro) ────────────────────── */
 .about-intro__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 56px;
   align-items: center;
 }

 .about-intro__accent {
   width: 56px;
   height: 3px;
   background: hsl(var(--accent));
   border-radius: 9999px;
   margin: 0 0 24px;
 }

 .about-intro p {
   margin: 0 0 18px;
   font-size: 15.5px;
   line-height: 1.7;
   color: hsl(var(--muted-foreground));
   text-wrap: pretty;
 }

 .about-intro p:last-child {
   margin-bottom: 0;
 }

 .about-intro__media {
   border-radius: 16px;
   overflow: hidden;
   aspect-ratio: 4/3;
   background: hsl(var(--primary-light));
   box-shadow: var(--shadow-md);
 }

 .about-intro__media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 @media (max-width: 880px) {
   .about-intro__grid {
     grid-template-columns: 1fr;
     gap: 32px;
   }
 }

 /* ─── Trust bar (reused .hs-trust) ────────────────────────── */
 .trustband {
   background: hsl(var(--card));
   padding: 56px 20px;
   border-top: 1px solid hsl(var(--border));
   border-bottom: 1px solid hsl(var(--border));
 }

 .trustband__inner {
   max-width: 1280px;
   margin: 0 auto;
 }

 .trustband__heading {
   margin: 0 0 8px;
   font: 600 clamp(1.5rem, 2.4vw, 1.875rem)/1.2 var(--font-sans);
   color: hsl(var(--primary));
   letter-spacing: -0.015em;
 }

 .hs-trust {
   max-width: none;
   margin: 24px 0 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 26px;
   padding-top: 36px;
   border-top: 1px solid hsl(var(--border));
 }

 @media (max-width: 880px) {
   .hs-trust {
     justify-content: flex-start;
     margin-top: 24px;
   }
 }

 .hs-trust__item {
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .hs-trust__icon {
   color: hsl(var(--accent));
   font-size: 18px;
   line-height: 1;
 }

 .hs-trust__label {
   font-size: 12.5px;
   font-weight: 600;
   color: hsl(var(--foreground));
   line-height: 1.3;
 }

 /* ─── People · Areas tabs (segmented pills) ───────────────── */
 .areas-pills {
   display: inline-flex;
   flex-wrap: wrap;
   gap: 4px;
   margin: 0 auto 56px;
   padding: 6px;
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 9999px;
   box-shadow: var(--shadow-sm);
 }

 .areas-pills-wrap {
   display: flex;
   justify-content: center;
   margin-bottom: 56px;
 }

 .areas-pills-wrap .areas-pills {
   margin-bottom: 0;
 }

 .areas-pill {
   background: transparent;
   border: 0;
   border-radius: 9999px;
   padding: 11px 22px;
   font: 600 13.5px/1 var(--font-sans);
   color: hsl(var(--muted-foreground));
   cursor: pointer;
   transition: background .2s ease, color .2s ease, box-shadow .2s ease;
   white-space: nowrap;
   letter-spacing: -0.005em;
 }

 .areas-pill:hover {
   color: hsl(var(--primary));
   background: hsl(var(--primary-light));
 }

 .areas-pill[aria-selected="true"] {
   background: hsl(var(--primary));
   color: hsl(var(--primary-foreground));
   box-shadow: 0 6px 14px -4px hsl(var(--primary) / .35);
 }

 .areas-pill[aria-selected="true"]:hover {
   background: hsl(var(--primary));
   color: hsl(var(--primary-foreground));
 }

 @media (max-width: 720px) {
   .areas-pills {
     gap: 2px;
     padding: 4px;
   }

   .areas-pill {
     padding: 10px 16px;
     font-size: 13px;
   }
 }

 .areas {
   background: hsl(var(--primary-light));
   padding: 96px 20px;
 }

 .areas__inner {
   max-width: 1280px;
   margin: 0 auto;
 }

 .areas__pane {
   display: none;
 }

 .areas__pane[data-active="true"] {
   display: block;
 }

 /* People cards grid (2-col) */
 .people__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
 }

 .person-card {
   display: grid;
   grid-template-columns: 96px 1fr;
   gap: 18px;
   align-items: center;
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 12px;
   padding: 18px;
   transition: box-shadow .2s, border-color .2s, transform .2s;
 }

 .person-card:hover {
   box-shadow: var(--shadow-md);
   border-color: hsl(var(--primary) / .25);
   transform: translateY(-2px);
 }

 .person-card__photo {
   width: 96px;
   height: 96px;
   border-radius: 9999px;
   overflow: hidden;
   background: hsl(var(--primary-light));
   position: relative;
 }

 .person-card__photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }

 .person-card__body {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }

 .person-card__name {
   margin: 0;
   font: 600 16px/1.3 var(--font-sans);
   color: hsl(var(--foreground));
   letter-spacing: -0.005em;
 }

 .person-card__role {
   font-size: 13px;
   color: hsl(var(--muted-foreground));
 }

 .person-card__link {
   margin-top: 8px;
   font-size: 12.5px;
   font-weight: 600;
   color: hsl(var(--primary));
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }

 .person-card__link .fa {
   font-size: 10px;
   transition: transform .2s;
 }

 .person-card:hover .person-card__link .fa {
   transform: translateX(3px);
 }

 @media (max-width: 880px) {
   .people__grid {
     grid-template-columns: 1fr;
   }
 }

 /* ─── Timeline (Our journey) ──────────────────────────────── */
 .timeline {
   position: relative;
 }

 .timeline__track {
   display: flex;
   gap: 24px;
   overflow-x: auto;
   padding: 48px 4px 16px;
   position: relative;
 }

 .timeline__track::before {
   content: "";
   position: absolute;
   top: 64px;
   left: 0;
   right: 0;
   height: 2px;
   background: hsl(var(--border));
   z-index: 0;
 }

 .timeline__node {
   position: relative;
   z-index: 1;
   flex: 0 0 280px;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }

 .timeline__dot {
   width: 16px;
   height: 16px;
   border-radius: 9999px;
   background: hsl(var(--accent));
   border: 4px solid hsl(var(--background));
   box-shadow: 0 0 0 1px hsl(var(--accent) / .35);
 }

 .timeline__year {
   font: 600 28px/1 var(--font-sans);
   color: hsl(var(--primary));
   letter-spacing: -0.02em;
   font-variant-numeric: tabular-nums;
   margin-top: -6px;
 }

 .timeline__card {
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 12px;
   padding: 18px 20px;
 }

 .timeline__card ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }

 .timeline__card li {
   font-size: 13.5px;
   line-height: 1.5;
   color: hsl(var(--muted-foreground));
   display: flex;
   align-items: baseline;
   gap: 8px;
 }

 .timeline__card li::before {
   content: "•";
   color: hsl(var(--accent));
   flex: 0 0 auto;
 }

 /* ─── Clinical governance ─────────────────────────────────── */
 .governance__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 56px;
   align-items: start;
 }

 .governance p {
   margin: 0 0 18px;
   font-size: 15.5px;
   line-height: 1.7;
   color: hsl(var(--muted-foreground));
   text-wrap: pretty;
 }

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

 .gov-badge {
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 12px;
   padding: 22px 18px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   transition: box-shadow .2s, border-color .2s;
 }

 .gov-badge:hover {
   box-shadow: var(--shadow-sm);
   border-color: hsl(var(--primary) / .25);
 }

 .gov-badge__icon {
   width: 44px;
   height: 44px;
   border-radius: 10px;
   background: hsl(var(--primary-light));
   color: hsl(var(--primary));
   display: grid;
   place-items: center;
   font-size: 16px;
 }

 .gov-badge__label {
   font: 600 13.5px/1.3 var(--font-sans);
   color: hsl(var(--foreground));
   letter-spacing: -0.005em;
 }

 @media (max-width: 880px) {
   .governance__grid {
     grid-template-columns: 1fr;
     gap: 40px;
   }
 }

 @media (max-width: 560px) {
   .governance__badges {
     grid-template-columns: 1fr 1fr;
   }
 }

 /* ─── News, media & PR (reused .research) ─────────────────── */
 .research {
   background: hsl(var(--primary-light));
   padding: 96px 20px;
 }

 .research__inner {
   max-width: 1280px;
   margin: 0 auto;
 }

 .research__head {
   margin-bottom: 40px;
   max-width: 640px;
 }

 .research__eyebrow {
   font-size: 12px;
   font-weight: 600;
   color: hsl(var(--accent));
   letter-spacing: 0.08em;
   text-transform: uppercase;
   margin-bottom: 12px;
 }

 .research__title {
   margin: 0;
   font: 600 clamp(1.625rem, 2.6vw, 2rem)/1.2 var(--font-sans);
   color: hsl(var(--primary));
   letter-spacing: -0.02em;
   text-wrap: balance;
 }

 .research__layout {
   display: grid;
   grid-template-columns: 1.6fr 1fr;
   gap: 40px;
   align-items: start;
 }

 .research__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
 }

 .research-card {
   display: grid;
   grid-template-columns: 100px 1fr;
   gap: 16px;
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 12px;
   padding: 14px;
   align-items: center;
   transition: box-shadow .2s;
 }

 .research-card:hover {
   box-shadow: var(--shadow-sm);
 }

 .research-card__media {
   aspect-ratio: 1;
   border-radius: 8px;
   overflow: hidden;
   background: hsl(var(--primary-light));
 }

 .research-card__media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .research-card__body {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }

 .research-card__meta {
   font-size: 11px;
   font-weight: 600;
   color: hsl(var(--muted-foreground));
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 .research-card h4 {
   margin: 0;
   font: 600 14.5px/1.3 var(--font-sans);
   color: hsl(var(--primary));
   letter-spacing: -0.005em;
 }

 .research-card__more {
   margin-top: 4px;
   font-size: 12px;
   font-weight: 600;
   color: hsl(var(--accent));
   display: inline-flex;
   align-items: center;
   gap: 6px;
 }

 .pr-aside {
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 16px;
   padding: 28px;
 }

 .pr-aside__icon {
   width: 44px;
   height: 44px;
   border-radius: 10px;
   background: hsl(var(--primary-light));
   color: hsl(var(--primary));
   display: grid;
   place-items: center;
   font-size: 16px;
   margin-bottom: 16px;
 }

 .pr-aside h3 {
   margin: 0 0 10px;
   font: 600 18px/1.3 var(--font-sans);
   color: hsl(var(--primary));
   letter-spacing: -0.005em;
 }

 .pr-aside p {
   margin: 0;
   font-size: 14.5px;
   line-height: 1.65;
   color: hsl(var(--muted-foreground));
 }

 @media (max-width: 880px) {
   .research__layout {
     grid-template-columns: 1fr;
   }

   .research__grid {
     grid-template-columns: 1fr;
   }
 }

 /* ─── ESG panel ───────────────────────────────────────────── */
 .esg__panel {
   display: grid;
   grid-template-columns: 280px 1fr;
   gap: 0;
   background: hsl(var(--card));
   border: 1px solid hsl(var(--border));
   border-radius: 16px;
   overflow: hidden;
   box-shadow: var(--shadow-sm);
 }

 .esg__rail {
   background: hsl(var(--surface));
   border-right: 1px solid hsl(var(--border));
   padding: 20px;
   display: flex;
   flex-direction: column;
   gap: 4px;
 }

 .esg__tab {
   text-align: left;
   width: 100%;
   padding: 16px 18px;
   border: 1px solid transparent;
   border-radius: 12px;
   background: transparent;
   color: hsl(var(--foreground));
   font: 600 14px/1.35 var(--font-sans);
   letter-spacing: -0.005em;
   cursor: pointer;
   transition: background .2s, border-color .2s, color .2s;
   display: flex;
   align-items: center;
   gap: 12px;
 }

 .esg__tab .fa {
   color: hsl(var(--accent));
   font-size: 14px;
 }

 .esg__tab:hover {
   background: hsl(var(--primary-light));
   color: hsl(var(--primary));
 }

 .esg__tab[aria-selected="true"] {
   background: hsl(var(--card));
   border-color: hsl(var(--primary) / .25);
   color: hsl(var(--primary));
   box-shadow: var(--shadow-sm);
 }

 .esg__content {
   padding: 40px;
 }

 .esg__pane {
   display: none;
 }

 .esg__pane[data-active="true"] {
   display: block;
 }

 .esg__pane h3 {
   margin: 0 0 10px;
   font: 600 20px/1.25 var(--font-sans);
   color: hsl(var(--primary));
   letter-spacing: -0.01em;
 }

 .esg__sub {
   margin: 0 0 28px;
   font-size: 14.5px;
   line-height: 1.65;
   color: hsl(var(--muted-foreground));
   text-wrap: pretty;
 }

 .esg__cols {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 32px;
   margin-bottom: 32px;
 }

 .esg__col h4 {
   margin: 0 0 14px;
   font: 600 14px/1.3 var(--font-sans);
   color: hsl(var(--foreground));
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .esg__col h4 .fa {
   color: hsl(var(--accent));
   font-size: 13px;
 }

 .esg__col ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 8px;
 }

 .esg__col li {
   font-size: 13.5px;
   line-height: 1.5;
   color: hsl(var(--muted-foreground));
   display: flex;
   align-items: baseline;
   gap: 8px;
 }

 .esg__col li::before {
   content: "•";
   color: hsl(var(--accent));
   flex: 0 0 auto;
 }

 .esg__partners-label {
   font-size: 11.5px;
   font-weight: 600;
   color: hsl(var(--muted-foreground));
   letter-spacing: 0.04em;
   text-transform: uppercase;
   padding-top: 24px;
   border-top: 1px solid hsl(var(--border));
   margin-bottom: 14px;
 }

 .esg__partners {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
 }

 .esg__partner {
   font: 600 13px/1 var(--font-sans);
   color: hsl(var(--primary));
   background: hsl(var(--primary-light));
   border: 1px solid hsl(var(--primary) / .15);
   border-radius: 9999px;
   padding: 10px 16px;
 }

 @media (max-width: 880px) {
   .esg__panel {
     grid-template-columns: 1fr;
   }

   .esg__rail {
     flex-direction: row;
     flex-wrap: wrap;
     border-right: 0;
     border-bottom: 1px solid hsl(var(--border));
   }

   .esg__content {
     padding: 28px;
   }

   .esg__cols {
     grid-template-columns: 1fr;
   }
 }

 /* ─── CTA · Minimal (closing) ─────────────────────────────── */
 .cta-min {
   background: hsl(var(--primary));
   color: hsl(var(--primary-foreground));
   padding: 40px 200px;
   text-align: center;
   position: relative;
   overflow: hidden;
 }

 .cta-min::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
     radial-gradient(ellipse at 50% 110%, hsl(var(--accent) / .35), transparent 60%),
     radial-gradient(ellipse at 20% -10%, hsl(var(--primary-tint) / .2), transparent 50%);
   pointer-events: none;
 }

 .cta-min__inner {
   max-width: 720px;
   margin: 0 auto;
   position: relative;
 }

 .cta-min__eyebrow {
   font-size: 12px;
   font-weight: 600;
   color: hsl(var(--primary-tint));
   letter-spacing: 0.08em;
   text-transform: uppercase;
   margin-bottom: 18px;
 }

 .cta-min h2 {
   margin: 0 0 16px;
   font: 600 clamp(2.25rem, 4.5vw, 3.25rem)/1.1 var(--font-sans);
   letter-spacing: -0.025em;
   text-wrap: balance;
 }

 .cta-min p {
   margin: 0 0 36px;
   font-size: 17px;
   line-height: 1.6;
   color: hsl(var(--primary-foreground) / .8);
   max-width: 56ch;
   margin-left: auto;
   margin-right: auto;
   text-wrap: pretty;
 }

 .cta-min__actions {
   display: inline-flex;
   align-items: center;
   gap: 24px;
   flex-wrap: wrap;
   justify-content: center;
 }

 .cta-min__primary {
   height: 56px;
   padding: 0 32px;
   border-radius: 9999px;
   background: hsl(var(--accent));
   color: hsl(var(--accent-foreground));
   font: 600 15px/1 var(--font-sans);
   border: 0;
   cursor: pointer;
   box-shadow: var(--shadow-md);
   display: inline-flex;
   align-items: center;
   gap: 12px;
   transition: filter .2s, transform .15s, box-shadow .2s;
 }

 .cta-min__primary:hover {
   filter: brightness(1.08);
   box-shadow: var(--shadow-lg);
 }

 .cta-min__primary:active {
   transform: translateY(1px);
 }

 .cta-min__ghost {
   height: 56px;
   padding: 0 32px;
   border-radius: 9999px;
   background: transparent;
   color: hsl(var(--primary-foreground));
   border: 1px solid hsl(var(--primary-foreground) / .35);
   font: 600 14.5px/1 var(--font-sans);
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   transition: background .2s, border-color .2s;
 }

 .cta-min__ghost:hover {
   background: hsl(var(--primary-foreground) / .1);
   border-color: hsl(var(--primary-foreground) / .6);
 }

 @media (max-width: 720px) {
   .cta-min {
     padding-left: 40px;
     padding-right: 40px;
   }
 }

 /* ─── Responsive ──────────────────────────────────────────── */
 @media (max-width: 720px) {
   .hero__inner {
     padding: 64px 20px 96px;
   }

   .section {
     padding: 64px 16px;
   }

   .areas {
     padding: 64px 16px;
   }

   .research {
     padding: 64px 16px;
   }
 }

 @media (min-width: 1240px) {

   .about-intro,
   .trustband,
   .areas,
   .section--surface,
   .governance,
   .research,
   .esg,
   .cta-min {
     padding: 80px 200px 0;
     padding-bottom: 40px;
   }
 }

 .cta-min_book {
   background-color: hsl(194, 100%, 46%) !important;
 }

 .person-card__link:hover {
   color: hsl(var(--accent)) !important;
 }