/* Families extends the approved audience-page components. */
/* Final 4:3 films fill their frames, matching the other audience pages. */
body[data-audience="families"] .audience-stage{max-width:none}
body[data-audience="families"] .audience-film,body[data-audience="families"] .audience-poster{object-fit:cover}
body[data-audience="families"] .audience-copy{transition:opacity 1.6s ease}
body[data-audience="families"] .audience-copy p{width:100%;max-width:52ch;text-wrap:balance}
body[data-audience="families"] .audience-hero.is-story-playing .audience-copy{opacity:0}
@media(prefers-reduced-motion:reduce){body[data-audience="families"] .audience-copy{transition:none}}
.audience-landing[data-audience="families"] .testimonials{--quote-paper:#fff;background:#f5f5f7}
.ids-film video{display:block;width:100%;height:100%;object-fit:cover}
.ids-film-label{position:absolute;top:38px;left:40px;color:#fff;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.ids-film-label span{font-size:15px}.ids-film-label strong{font-size:28px;line-height:1.1;letter-spacing:-.04em;font-weight:600}
.family-care-note,.family-allowance-note{color:#b7b7bd;max-width:760px;font-size:15px;line-height:1.6;margin:32px 0 0}
.family-allowance-note{font-size:13px;margin-top:24px}
/* The shared Hōbi banner follows the final Storytailor signup moment. */
body[data-audience="families"] .st-hobi__cta{font-weight:400}
@media(max-width:900px){.ids-film-label{top:24px;left:24px}.ids-film-label strong{font-size:23px}}
@media(max-width:700px){.ids-film-label{top:16px;left:20px}.ids-film-label span{font-size:12px}.ids-film-label strong{font-size:18px;max-width:120px}.family-care-note{font-size:14px}}

/* Soft contrast behind the film controls. */
body[data-audience="families"] .audience-controls::before{content:'';position:absolute;inset:-18px -22px;pointer-events:none;background:radial-gradient(ellipse,rgba(0,0,0,.28) 20%,rgba(0,0,0,.14) 46%,transparent 73%)}