/* Fertility counselling page, "Who We Support" cards, 2026-11-13.
   14 cards: two equal columns of 7 rows on desktop (no orphan row), image beside the text,
   every image cropped to the same frame. Stacked cards in two columns on tablets, one column on phones.
   No visible text below 16px. */
.fertility-support-section .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1.5rem;align-items:stretch;margin-top:2rem}
.fertility-support-section .image-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto 1fr;align-self:stretch;height:100%;box-shadow:0 10px 28px rgba(5,42,55,0.07)}
.fertility-support-section .image-card figure{grid-column:1;grid-row:1 / 3;min-height:17rem}
.fertility-support-section .image-card img{width:100%;height:100%;margin:0;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0}
.fertility-support-section .image-card h3{grid-column:2;margin:1.5rem 1.5rem 0.6rem;padding:0;font-size:1.35rem;line-height:1.25}
.fertility-support-section .image-card p{grid-column:2;margin:0 1.5rem 1.5rem;padding:0;font-size:1rem;line-height:1.6}
@media (max-width:64rem){
  .fertility-support-section .image-card{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}
  .fertility-support-section .image-card figure{grid-row:auto;min-height:0}
  .fertility-support-section .image-card img{height:auto;aspect-ratio:3 / 2}
  .fertility-support-section .image-card h3,.fertility-support-section .image-card p{grid-column:1}
  .fertility-support-section .image-card h3{margin:1.25rem 1.25rem 0.6rem}
  .fertility-support-section .image-card p{margin:0 1.25rem 1.25rem}
}
@media (max-width:40rem){.fertility-support-section .card-grid{grid-template-columns:1fr;grid-auto-rows:auto}}

/* "Why This Work Is Personal", 2026-11-14: Delia's portrait beside the text (whole head in frame) instead of a
   full-width crop under it; the two profile links become compact matching cards. */
.fertility-trust-3 .has-css-media-panel{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:repeat(4,auto) 1fr;column-gap:clamp(2rem,4vw,3.5rem);align-items:start}
.fertility-trust-3 .has-css-media-panel>*{grid-column:1}
.fertility-trust-3 .has-css-media-panel>.css-media-panel{grid-column:2;grid-row:1 / span 5;align-self:start;min-height:0;margin:0}
.fertility-trust-3 .css-media-panel img{height:auto;min-height:0;max-height:none;aspect-ratio:2 / 3;object-fit:cover;object-position:center top}
.fertility-trust-3 .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch;margin:2.5rem 0 3rem}
.fertility-trust-3 .card-grid .image-card{position:relative;display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.1rem 1.5rem 1.1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);box-shadow:0 10px 28px rgba(5,42,55,0.07);transition:box-shadow 160ms ease,transform 160ms ease}
.fertility-trust-3 .card-grid .image-card:hover,.fertility-trust-3 .card-grid .image-card:focus-within{box-shadow:0 16px 36px rgba(5,42,55,0.14);transform:translateY(-2px)}
.fertility-trust-3 .card-grid figure{margin:0}
.fertility-trust-3 .card-grid img{display:block;width:100%;height:auto;margin:0;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}
.fertility-trust-3 .card-grid h3{margin:0;padding:0;font-size:1.35rem;line-height:1.3}
.fertility-trust-3 .card-grid h3 a{color:var(--teal);text-decoration:none}
.fertility-trust-3 .card-grid h3 a::after{position:absolute;inset:0;content:""}
.fertility-trust-3 .card-grid h3 a:hover,.fertility-trust-3 .card-grid h3 a:focus-visible{text-decoration:underline}
@media (max-width:52rem){
  .fertility-trust-3 .has-css-media-panel{grid-template-columns:1fr;grid-template-rows:none}
  .fertility-trust-3 .has-css-media-panel>.css-media-panel{grid-column:1;grid-row:auto;max-width:26rem;width:100%;margin:1.5rem auto 0}
  .fertility-trust-3 .card-grid{grid-template-columns:1fr}
}
@media (max-width:30rem){.fertility-trust-3 .card-grid .image-card{grid-template-columns:minmax(0,6rem) minmax(0,1fr);gap:1.1rem}}