/* Opening owners: a shared situation before the founder introduction. */
.audience{background:var(--field-light);color:var(--field-ink);padding:90px 0}
.audience .wrap{width:calc(100% - 88px);max-width:1280px}
.audience-grid{display:grid;grid-template-columns:1fr 1.25fr;grid-template-areas:"intro visual" "concerns visual";gap:28px 45px;align-items:start}
.audience h2{font-size:clamp(30px,3.2vw,46px);font-weight:900;line-height:1.5;letter-spacing:-.035em}
.audience-intro{grid-area:intro}
.audience-intro p{font-size:16px;line-height:1.95;margin-top:24px;max-width:36em}
.audience-concerns{grid-area:concerns;list-style:none;margin:0;padding:0;border-top:1px solid var(--field)}
.audience-concerns li{font-size:16px;line-height:1.95;padding:13px 0;border-bottom:1px solid var(--field)}
.audience-bridge{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--field);margin-top:52px;padding-top:28px}
.audience-bridge strong{display:block;font-size:22px;line-height:1.6}
.audience-bridge span{display:block;font-size:14px;line-height:1.85;margin-top:10px;max-width:42em}
.audience-bridge a{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:700;line-height:1.85;border-bottom:1px solid currentColor;padding:14px 0;flex-shrink:0}
.audience-bridge svg{width:20px;height:20px;flex-shrink:0}
.audience a:hover{color:var(--field)}
.audience a:focus-visible{outline:3px solid var(--field-ink);outline-offset:5px}
.audience ::selection{background:var(--field-ink);color:var(--sand)}
@media(max-width:1200px){.audience .wrap{width:calc(100% - 60px)}.audience-grid{gap:26px 30px}}
@media(max-width:800px){.audience{padding:60px 0}.audience .wrap{width:calc(100% - 50px)}.audience-grid{grid-template-columns:1fr;grid-template-areas:"intro" "visual" "concerns";gap:28px}.audience-intro p,.audience-concerns li{font-size:15px}.audience-concerns li{padding:14px 0}.audience-bridge{align-items:flex-start;flex-direction:column;gap:16px;margin-top:35px}}
@media(max-width:440px){.audience{padding:44px 0}.audience .wrap{width:calc(100% - 36px)}.audience h2{font-size:clamp(23px,6.1vw,27px)}.audience-bridge strong{font-size:20px}.audience-bridge a{gap:12px;font-size:13px}}

.audience-visual{grid-area:visual;min-width:0;margin:0;align-self:center}
.audience-visual img{display:block;width:100%;height:auto}
.audience-visual figcaption{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:22px;font-size:16px;font-weight:700;line-height:1.8}
.audience-visual figcaption svg{width:22px;height:22px;flex-shrink:0}
@media(max-width:800px){.audience-visual{margin-inline:-12px}.audience-visual figcaption{font-size:14px;gap:12px}}
@media(max-width:440px){.audience-visual figcaption{font-size:13px;gap:5px;margin-top:14px}.audience-visual figcaption svg{width:14px;height:14px}}

/* Ongoing support illustration, paired with its own message. */
.audience-bridge{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:"visual copy" "visual link";gap:16px 60px;padding-top:38px;align-items:center}
.audience-bridge>p{grid-area:copy;align-self:end}
.audience-bridge>img{grid-area:visual;width:100%;max-width:440px;height:auto;display:block}
.audience-bridge>a{grid-area:link;align-self:start;justify-self:start}
@media(max-width:800px){.audience-bridge{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "link";gap:22px;padding-top:28px}.audience-bridge>img{justify-self:center;max-width:420px}}