/* Audience entrances: CareKudos typography, a setting-specific photograph,
   and a separate benefit strip. No UI or copy overlays the people. */
.audience-page .audience-hero{
  --audience-gutter:calc((100vw - min(1240px,100vw - 2*clamp(20px,5vw,72px)))/2);
  padding:var(--kopf) 0 0;
  background:var(--cloud);
}
.audience-hero__grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(36px,4vw,60px);align-items:center;min-height:660px}
.audience-hero__copy{min-width:0;padding:58px 0 60px}
.audience-hero__eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.01em;color:var(--teal)}
.audience-hero__symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--card-line);border-radius:11px;background:#fff;box-shadow:0 3px 8px #04055004}
.audience-hero__symbol svg{width:21px;height:21px}
.audience-page .audience-hero h1{font-size:clamp(43px,4.05vw,63px);line-height:1.06;letter-spacing:-.043em}
.audience-hero__line,.audience-hero h1>.wort{display:block}
/* Hero content is immediately readable, even before or without enhancement. */
.audience-hero h1[data-reveal],.audience-hero h1 .wort{opacity:1;transform:none;transition:none}
.audience-hero .strich{display:inline-block}
.audience-hero .strich::after{transform:scaleX(1);height:.075em;bottom:.04em;transition:none}
.audience-page .audience-hero .lead{font-size:18px;line-height:1.65;max-width:480px;margin-top:27px;color:#515c70}
.audience-page .audience-hero .knoepfe{margin-top:28px;gap:10px}
.audience-hero .knopf{font-size:15px;padding-inline:23px;min-height:52px}
.audience-hero__profile{display:inline-flex;align-items:center;gap:9px;max-width:100%;margin-top:24px;min-height:34px;font-size:13px;line-height:1.5;font-weight:500;color:#535e73;text-underline-offset:4px;text-decoration-thickness:1px}
.audience-hero__profile svg{width:17px;height:17px;flex:none;color:var(--teal)}
.audience-hero__profile>span:last-child{font-size:18px;color:var(--teal)}
.audience-hero__profile:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
.audience-hero__visual{width:calc(100% + var(--audience-gutter));margin:32px 0;min-width:0;border-radius:26px 0 0 26px;overflow:hidden;background:#fff;box-shadow:var(--card-lift)}
.audience-hero__photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9e8e2}
.audience-hero__photo img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:58% 50%}
.audience-page--home-care .audience-hero__photo img{object-position:24% 50%}
.audience-page--supported-living .audience-hero__photo img{object-position:87% 50%}
.audience-page--hospitals .audience-hero__photo img{object-position:52% 45%}
.audience-page--send-schools .audience-hero__photo img{object-position:56% 48%}
.audience-hero__benefits{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:0;padding:23px 25px;color:var(--navy);background:#fff;border:1px solid var(--card-line);border-top:0;border-right:0;border-bottom-left-radius:26px}
.audience-hero__benefits li{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;line-height:1.45;min-width:0;padding:0 18px;border-left:1px solid #dfe5ed}
.audience-hero__benefits li:first-child{padding-left:0;border-left:0}
.audience-hero__benefits li:last-child{padding-right:0}
.audience-hero__benefits svg{width:23px;height:23px;flex:none;color:var(--teal)}
.audience-hero__benefits li:first-child svg{color:#a77514}

/* Hospitals retain the navy entrance used elsewhere in the site. */
.audience-page--hospitals .audience-hero{background:var(--midnight)}
.audience-page--hospitals .audience-hero__eyebrow{color:#d6dfef}
.audience-page--hospitals .audience-hero__symbol{background:#ffffff08;border-color:#ffffff28;color:var(--gold-1)}
.audience-page--hospitals .audience-hero .lead{color:#c7cee0}
.audience-page--hospitals .audience-hero__profile{color:#c7cee0}
.audience-page--hospitals .audience-hero__profile svg,.audience-page--hospitals .audience-hero__profile>span:last-child{color:#c7dce6}
.audience-page--hospitals .audience-hero__profile:focus-visible{outline-color:var(--gold-1)}

@media (hover:hover) and (pointer:fine){
  .audience-hero__profile:hover span:nth-child(2){text-decoration:underline}
}
@media (min-width:821px) and (max-width:1100px){
  .audience-hero__grid{gap:30px}
  .audience-hero__copy{padding:40px 0 44px}
  .audience-page .audience-hero .lead{font-size:16px}
  .audience-hero .knopf{font-size:14px;padding-inline:18px}
  .audience-hero__benefits{padding:20px 18px}
  .audience-hero__benefits li{flex-direction:column;gap:8px;text-align:center;font-size:11px;padding-inline:10px}
}
@media (max-width:820px){
  .audience-hero__grid{grid-template-columns:1fr;gap:0;min-height:0}
  .audience-hero__visual{order:-1;width:calc(100% + 2*var(--audience-gutter));margin:0 calc(-1*var(--audience-gutter));border-radius:0;box-shadow:none}
  .audience-hero__photo{height:clamp(285px,58vw,460px);aspect-ratio:auto}
  .audience-page--send-schools .audience-hero__photo img{object-position:56% 20%}
  .audience-hero__benefits{padding:20px var(--audience-gutter);border-radius:0;border-left:0}
  .audience-hero__benefits li{justify-content:center;font-size:12px;padding-inline:18px}
  .audience-hero__copy{padding:34px 0 44px;max-width:700px}
  .audience-hero__eyebrow{margin-bottom:20px}
  .audience-page .audience-hero h1{font-size:clamp(40px,7vw,58px)}
  .audience-page .audience-hero .lead{max-width:620px;margin-top:24px}
}
@media (max-width:540px){
  .audience-hero__eyebrow{font-size:12px;gap:10px;margin-bottom:20px}
  .audience-hero__symbol{width:32px;height:32px;border-radius:9px}
  .audience-hero__symbol svg{width:18px;height:18px}
  .audience-hero__copy{padding-top:28px}
  .audience-page .audience-hero h1{font-size:clamp(37px,10.5vw,48px);line-height:1.07}
  .audience-page .audience-hero .lead{font-size:16px;line-height:1.65;margin-top:22px}
  .audience-hero__benefits{padding:16px 15px}
  .audience-hero__benefits li{flex-direction:column;gap:7px;text-align:center;font-size:10.5px;padding-inline:10px}
  .audience-hero__benefits svg{width:20px;height:20px}
  .audience-page .audience-hero .knoepfe{margin-top:24px;gap:10px}
  .audience-hero .knopf{font-size:14px;padding-inline:18px;min-height:50px;height:50px}
  .audience-hero__profile{margin-top:20px;font-size:12px;gap:7px}
}
@media (prefers-reduced-motion:reduce){
  .audience-hero *, .audience-hero *::before, .audience-hero *::after{animation:none!important;transition:none!important}
}
@media print{
  .audience-page .audience-hero{padding:24px 0;background:#fff!important;color:var(--navy)!important}
  .audience-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:0}
  .audience-hero__copy{padding:0}
  .audience-hero__visual{order:initial;width:100%;margin:0;box-shadow:none;border-radius:12px}
  .audience-hero__photo{height:auto;aspect-ratio:4/3}
  .audience-page .audience-hero h1{font-size:30px;color:var(--navy)!important}
  .audience-page .audience-hero .lead{font-size:11px;color:#2e3446}
  .audience-hero__eyebrow,.audience-hero__profile{color:#2e3446!important}
  .audience-hero__benefits{padding:12px 8px}
  .audience-hero__benefits li{font-size:8px;padding-inline:6px;flex-direction:column;text-align:center}
  .audience-hero .knoepfe{display:none}
}