/* Local archive photograph and self-hosted family video. */
.family-story{background:var(--paper);border-block:2px solid var(--gold-d)}
.family-story>.wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:start}
.family-copy .eyebrow{color:var(--gold-d)}
.family-copy h2{font-size:clamp(2rem,4vw,3.2rem)}
.family-copy>p{margin-bottom:1.2rem}
.family-copy a{text-decoration-thickness:2px;text-underline-offset:3px}
.family-copy blockquote{border-left:5px solid var(--gold);padding:.8rem 0 .8rem 1.2rem;margin:1.5rem 0;font-weight:700}
.family-copy cite{display:block;margin-top:.75rem;font-size:.9rem;font-style:normal;font-weight:500}
.family-note{font-size:.9rem}
.family-media{margin:0;background:var(--night);color:var(--paper);border:3px solid var(--gold-d)}
.family-screen{position:relative;aspect-ratio:16/9;background:#080808}
.family-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.family-media figcaption{padding:1.25rem}
.family-media figcaption>p{font-size:.9rem;margin-top:.8rem}
.family-hosting{font-size:.8rem!important;color:#d5cfc2}
.family-status:empty{display:none}
.family-status{color:var(--gold-l)}
.family-video-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:1rem;font-size:.85rem}
.family-video-actions .btn{font-size:.75rem;padding:.7rem .8rem;letter-spacing:.06em}
.family-media :focus-visible{outline-color:var(--gold-l);box-shadow:0 0 0 5px var(--night)}
.family-media [hidden]{display:none}
@media(max-width:820px){.family-story>.wrap{grid-template-columns:1fr;gap:2rem}.family-story{padding:3rem 0}}