/* CuraWell: About "What We Do" card grid (matched to theme: navy #1f3f88 + green #b0c911) */
.cw-wwd{max-width:1100px;margin:0 auto;padding:10px 20px 4px;text-align:center;
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cw-wwd__title{font-size:34px;font-weight:700;color:#1f3f88;margin:0 0 10px}
.cw-wwd__lead{font-size:18px;line-height:1.5;color:#274760;max-width:680px;margin:0 auto 30px}
.cw-wwd__photo{display:block;width:auto;max-width:100%;max-height:394px;height:auto;margin:0 auto 36px;
  border-radius:20px;box-shadow:0 10px 30px rgba(31,63,136,.14);object-fit:cover}

/* Intro: copy on the left, photo on the right, mirroring the image-left row above it */
.cw-wwd__intro{display:grid;grid-template-columns:1fr minmax(240px,340px);gap:44px;
  align-items:center;text-align:left;margin:0 0 38px}
.cw-wwd__intro .cw-wwd__title{margin:0 0 12px}
.cw-wwd__intro .cw-wwd__lead{margin:0;max-width:none}
.cw-wwd__body{font-size:16.5px;line-height:1.65;color:#41566b;margin:14px 0 0;max-width:620px}
@media (max-width:900px){.cw-wwd__body{margin:14px auto 0}}
/* Phones: the heading and photo carry the section, and the three cards below say the same
   things in less space, so the lead and body are dropped rather than making people scroll past them. */
@media (max-width:767px){.cw-wwd__lead,.cw-wwd__body{display:none}}
.cw-wwd__intro .cw-wwd__photo{margin:0;width:100%;max-width:100%;max-height:none;justify-self:end}
/* stack it below the card breakpoint, so the whole section reflows together */
@media (max-width:900px){
  .cw-wwd__intro{grid-template-columns:1fr;gap:26px;text-align:center;margin:0 0 30px}
  .cw-wwd__intro .cw-wwd__lead{margin:0 auto}
  .cw-wwd__intro .cw-wwd__photo{width:auto;max-height:394px;margin:0 auto;justify-self:center}
}

.cw-wwd__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
@media (max-width:900px){.cw-wwd__grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}

.cw-wwd__card{position:relative;background:#fff;border:1px solid #e4e8f0;border-radius:18px;
  padding:30px 24px 26px;box-shadow:0 4px 18px rgba(31,63,136,.06);overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
/* green accent bar ties in the brand colour */
.cw-wwd__card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#b0c911,#9db408)}
.cw-wwd__card:hover{transform:translateY(-4px);border-color:#cdd6e8;
  box-shadow:0 14px 32px rgba(31,63,136,.16)}

.cw-wwd__icon{display:inline-flex;align-items:center;justify-content:center;
  width:58px;height:58px;border-radius:14px;margin-bottom:18px;
  background:linear-gradient(135deg,#bcd61a 0%,#9db408 100%);color:#1f3f88;
  box-shadow:0 4px 12px rgba(157,180,8,.32)}
.cw-wwd__card h3{font-family:"Figtree",sans-serif;font-size:19px;font-weight:700;
  color:#1f3f88;margin:0 0 10px;line-height:1.25}
.cw-wwd__card p{font-size:15px;line-height:1.55;color:#52606d;margin:0}

.cw-wwd__cta{margin-top:38px}
.cw-wwd__btn{display:inline-block;background:#1f3f88;color:#fff;
  font-weight:700;font-size:16px;letter-spacing:.2px;text-decoration:none;
  padding:15px 38px;border-radius:999px;box-shadow:0 8px 22px rgba(31,63,136,.32);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.cw-wwd__btn:hover{background:#18306b;transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(31,63,136,.42);color:#fff}

/* variant used on dark/navy backgrounds (e.g. homepage section) */
.cw-wwd--on-navy{padding-top:0}
.cw-wwd--on-navy .cw-wwd__lead{color:#dce4f6}

/* ---- Healthline-style "topic" cards (panel + label below) ---- */
/* Logo-blue background with faint circle/glow designs echoing the intertwined-circles logo */
.e11-e9.x-section{background:
  radial-gradient(circle at 86% 20%, transparent 70px, rgba(255,255,255,.12) 72px, transparent 81px),
  radial-gradient(circle at 90% 27%, transparent 48px, rgba(176,201,17,.18) 50px, transparent 59px),
  radial-gradient(circle at 9% 84%, transparent 92px, rgba(255,255,255,.09) 94px, transparent 104px),
  radial-gradient(circle at 12% 24%, rgba(255,255,255,.10), transparent 24%),
  linear-gradient(135deg,#2f7dc2 0%,#235a96 100%) !important}
.e11-e9 .x-text-content-text-primary{color:#fff !important;text-align:left !important}
.e11-e9 .mb-1c.x-anchor{background-color:#fff !important}
.e11-e9 .mb-1c.x-anchor .x-anchor-content{padding:17px 44px !important}
.e11-e9 .mb-1c.x-anchor .x-anchor-text-primary{color:#1f3f88 !important;font-size:18px !important}

.cw-topics{max-width:1240px;margin:0 auto 34px;padding:6px 20px 0;
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cw-topics__lead{text-align:left;font-size:18px;line-height:1.5;color:#eaf3fb;
  max-width:680px;margin:0 0 40px}
.cw-topics__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}
@media (max-width:820px){.cw-topics__grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}}

/* white card with a few little effects */
.cw-topics__card{background:#fff;border-radius:22px;overflow:hidden;
  box-shadow:0 10px 30px rgba(16,40,90,.22);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
.cw-topics__card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 28px 52px rgba(16,40,90,.34)}
.cw-topics__panel{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
  aspect-ratio:1/1;background:#eef2f8;color:#1f3f88}
.cw-topics__panel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.cw-topics__card:hover .cw-topics__panel img{transform:scale(1.07)}
/* gloss sweep across the photo on hover */
.cw-topics__panel::after{content:"";position:absolute;top:0;left:-85%;width:55%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);transition:left .65s ease;pointer-events:none}
.cw-topics__card:hover .cw-topics__panel::after{left:135%}
.cw-topics__panel svg{width:88px;height:88px}
/* green accent strip ties in the brand colour */
.cw-topics__body{position:relative;padding:22px 24px 26px;border-top:3px solid #b0c911}
.cw-topics__title{font-family:"Figtree",sans-serif;font-size:20px;font-weight:700;
  color:#1f3f88;margin:0 0 6px;line-height:1.25}
.cw-topics__desc{font-size:14.5px;line-height:1.5;color:#52606d;margin:0}

/* ---- Mission & Vision cards (About page) ---- */
.cw-mv{max-width:1100px;margin:0 auto;padding:10px 20px 34px;text-align:center;
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cw-mv__title{font-size:34px;font-weight:700;color:#1f3f88;margin:0 0 10px}
.cw-mv__lead{font-size:18px;line-height:1.5;color:#274760;max-width:680px;margin:0 auto 30px}

.cw-mv__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left}
@media (max-width:820px){.cw-mv__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}

.cw-mv__card{position:relative;border-radius:18px;padding:34px 30px 30px;overflow:hidden;
  box-shadow:0 4px 18px rgba(31,63,136,.06);
  transition:transform .2s ease,box-shadow .2s ease}
/* green accent bar ties in the brand colour */
.cw-mv__card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#b0c911,#9db408)}
.cw-mv__card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(31,63,136,.18)}

.cw-mv__icon{display:inline-flex;align-items:center;justify-content:center;
  width:58px;height:58px;border-radius:14px;margin-bottom:18px;
  background:linear-gradient(135deg,#bcd61a 0%,#9db408 100%);color:#1f3f88;
  box-shadow:0 4px 12px rgba(157,180,8,.32)}
.cw-mv__card h3{font-family:"Figtree",sans-serif;font-size:22px;font-weight:700;
  margin:0 0 12px;line-height:1.25}
.cw-mv__card p{font-size:15.5px;line-height:1.65;margin:0}

/* mission on navy, vision on white, a deliberate two-tone pair */
.cw-mv__card--mission{background:linear-gradient(150deg,#24478f 0%,#18306b 100%)}
.cw-mv__card--mission h3{color:#fff}
.cw-mv__card--mission p{color:#dce4f6}
.cw-mv__card--vision{background:#fff;border:1px solid #e4e8f0}
.cw-mv__card--vision h3{color:#1f3f88}
.cw-mv__card--vision p{color:#52606d}

@media (prefers-reduced-motion:reduce){.cw-wwd__card,.cw-wwd__btn,.cw-topics__card,.cw-topics__panel,.cw-topics__panel img,.cw-topics__panel::after,.cw-mv__card{transition:none;animation:none}}

/* ---- 2026-10-02: homepage phone/tablet polish ---- */
/* Topic cards: stay 3-up down to 701px (was a single 340px column from 820px, leaving a 768px iPad
   mostly empty), then one full-width column with 4:3 photos instead of 1:1 (cards were 464px tall). */
@media (max-width:980px){.cw-topics__grid{gap:24px}}
@media (max-width:980px) and (min-width:701px){
  .cw-topics__grid{grid-template-columns:repeat(3,1fr);max-width:none;margin:0}
  .cw-topics__body{padding:16px 16px 20px}
  .cw-topics__title{font-size:17px}
  .cw-topics__desc{font-size:13.5px}
}
@media (max-width:700px){
  .cw-topics__grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
  .cw-topics__lead{font-size:17px;margin-bottom:28px}
  .cw-topics__panel{aspect-ratio:4/3}
  .cw-topics__panel img{object-position:center 22%}
  .cw-topics__body{padding:18px 20px 22px}
}
/* The band's "Contact Us" button was the last square-cornered CTA on the page */
.e11-e9 .mb-1c.x-anchor{border-radius:999px !important;box-shadow:0 8px 22px rgba(8,28,70,.28) !important}
@media (max-width:700px){
  /* cards and lead text line up with the "What we do" heading instead of sitting 20px inside it */
  .cw-topics{padding-left:0;padding-right:0}
}