/* Audience pages: practical work, with a distinct next step for each visitor. */
.audience-page p{margin:0}
.audience-page h1,.audience-page h2,.audience-page h3{margin:0}
.audience-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:var(--section-space) 0}
.audience-hero .eyebrow{margin-bottom:18px}
.audience-hero h1{font-size:clamp(36px,4.5vw,62px);max-width:650px}
.audience-lead{margin-top:24px!important;max-width:580px;color:var(--text-muted);font-size:var(--text-lead);line-height:1.55}
.audience-hero .actions{margin-top:30px;gap:18px 24px}
.audience-secondary{font-size:15px;text-underline-offset:5px;padding-block:12px}
.audience-photo{min-width:0}
.audience-record{padding:clamp(22px,3vw,36px);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-width:0}
.audience-record .eyebrow{font-size:10px;color:var(--text-faint)}
.audience-record h2{font-size:24px;line-height:1.3}
.audience-record ul{list-style:none;margin:24px 0 0;padding:0}
.audience-record li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 14px;border-top:1px solid var(--rule);padding:20px 0}
.audience-record li:last-child{padding-bottom:0}
.record-number{padding-top:2px;font:12px/1.5 var(--font-mono);color:var(--text-faint)}
.audience-record strong{font-size:16px;font-weight:600}
.audience-record li p{margin:7px 0 10px;color:var(--text-muted);font-size:14px;line-height:1.5}
.record-status{grid-column:2;justify-self:start;padding:3px 9px;border:1px solid var(--rule-strong);border-radius:5px;font:11px/1.5 var(--font-mono);color:var(--signal)}
.audience-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);padding:var(--section-space) 0;border-top:1px solid var(--rule)}
.audience-work h2{max-width:440px;font-size:clamp(28px,3.2vw,42px)}
.audience-products{display:grid;margin-top:32px}
.audience-products a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.audience-products strong{display:block;font-weight:600}
.audience-products span>span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--text-muted)}
.audience-products a:hover strong{text-decoration:underline;text-underline-offset:4px}
.audience-steps{list-style:none;padding:0;margin:0}
.audience-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding-bottom:28px}
.audience-steps li:last-child{padding-bottom:0}
.audience-steps li>span{font:12px/1.5 var(--font-mono);padding-top:5px;color:var(--text-faint)}
.audience-steps h3{font-size:22px;line-height:1.35;margin-bottom:10px}
.audience-steps p,.audience-close p{color:var(--text-muted);font-size:17px;line-height:1.6}
.audience-close{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:var(--section-space) 0;border-top:1px solid var(--rule)}
.audience-close h2{font-size:clamp(26px,3vw,36px);margin-bottom:16px}
.audience-close p{max-width:610px}
.audience-close .button{flex-shrink:0}
@media(max-width:850px){.audience-hero,.audience-work{grid-template-columns:1fr}.audience-record,.audience-photo{width:100%;max-width:620px}.audience-close{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.audience-hero h1{font-size:36px}.audience-steps li{gap:12px}.audience-close .button{white-space:normal;text-align:center}}