/* Audience pages extend the approved couples-page visual language. */
.audience-hero { background:var(--ink); color:white; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:2rem clamp(2rem,7vw,7rem); padding:2rem clamp(1.5rem,7vw,8rem) clamp(4rem,7vw,7rem); }
.audience-hero > .back-link { grid-column:1/-1; color:#dbe3de; margin:0 0 1.5rem; }
.audience-hero h1 { font-size:clamp(3.3rem,6.2vw,6.4rem); max-width:12ch; margin-bottom:0; text-wrap:balance; }
.audience-hero-intro { align-self:end; padding-bottom:.25rem; }
.audience-hero .hero-intro { max-width:34rem; }
.related-link { margin-top:2rem !important; }
.about-hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
.about-hero .hero-image { object-position:center 30%; filter:grayscale(.12) saturate(.6); }
.about-hero .hero-intro { margin-bottom:1.75rem; }
.about-intro { color:#dbe3de; font-size:1rem; line-height:1.7; max-width:35rem; }
.local-nav { display:flex; flex-wrap:wrap; gap:.5rem 1.75rem; margin-top:2rem; }
.local-nav a { display:inline-flex; align-items:center; padding:.6rem 0; min-height:2.75rem; line-height:1.5; border-bottom:1px solid currentColor; }
.methods-section { padding:clamp(3.5rem,7vw,7rem) clamp(1.5rem,7vw,8rem); }
.methods-section > .section-heading { max-width:52rem; }
.methods-section .section-heading > p:not(.eyebrow) { max-width:48rem; }
.method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem 4rem; margin-top:3.5rem; }
.method-grid article { border-top:1px solid rgb(24 54 52 / 25%); padding:1.75rem 0 .5rem; }
.method-grid p,.practice-note p { font-size:1.05rem; line-height:1.7; max-width:42rem; }
.practice-note { margin-top:2.5rem; padding:2rem clamp(1.5rem,4vw,3rem); background:#e7e3d8; }
.practice-note p { max-width:55rem; margin-bottom:0; }
.about-background { background:#dce5df; }
.qualifications { list-style:none; padding:0; margin:2rem 0 1rem; }
.qualifications li { padding:.75rem 0; border-top:1px solid rgb(24 54 52 / 25%); }
@media(max-width:850px) { .audience-hero { grid-template-columns:1fr; gap:2rem; } .audience-hero h1 { max-width:18ch; } .audience-hero .hero-intro { max-width:40rem; } }
@media(max-width:700px) { .about-hero { grid-template-columns:1fr; } .about-hero .hero-image-wrap { height:30rem; } .method-grid { grid-template-columns:1fr; gap:1rem; } .audience-hero h1 { font-size:clamp(3rem,11vw,4.6rem); } .audience-hero > .back-link { margin-bottom:.5rem; } }