.family-story{background:var(--surface);border-block:1px solid var(--line)}
.family-story-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:64px;align-items:center}
.family-story h2{font-size:clamp(34px,3.3vw,48px)}
.family-story .lead{font-size:19px;margin-top:23px}
.family-story-copy>p:not(.eyebrow):not(.lead){color:var(--muted);margin-top:18px}
.family-principles{padding:0;list-style:none;margin:25px 0 17px;display:grid;gap:12px;font-size:15px;color:var(--muted)}
.family-principles li{padding-left:21px;position:relative}
.family-principles li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand);position:absolute;left:0;top:10px}
.family-status{font-size:12px;line-height:1.65;border-left:2px solid var(--accent);padding-left:13px;max-width:470px}
.family-photo{width:100%;height:auto;border-radius:10px}
.family-image-note{font-size:11px;margin-top:7px}
.family-real-example{margin-top:22px;display:grid;grid-template-columns:92px 1fr;gap:23px;align-items:center;padding:20px 23px;background:var(--soft);border:1px solid var(--line);border-radius:9px}
.family-real-example img{width:92px;height:auto;border:4px solid #102a43;border-radius:12px}
.family-real-example h3{font-size:21px;line-height:1.2;margin:7px 0 9px}
.family-real-example .eyebrow{font-size:9px;margin:0}
.family-real-example .small{font-size:12px}
.family-real-example .text-link{font-size:13px;min-height:40px}
.family-event-dark{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .family-event-light{display:none}:root:not([data-theme="light"]) .family-event-dark{display:block}}
:root[data-theme="dark"] .family-event-light{display:none}:root[data-theme="dark"] .family-event-dark{display:block}
@media(max-width:900px){.family-story-grid{grid-template-columns:1fr;row-gap:20px}.family-story-copy{display:contents}.family-story-copy>.eyebrow{order:0;margin:0}.family-story-copy>h2{order:1;max-width:630px}.family-story-copy>.lead{order:2;margin:0}.family-visual{order:3}.family-story-copy>p:not(.eyebrow):not(.lead){order:4;margin:0}.family-principles{order:5;margin:0}.family-story-copy>.family-status{order:6}.family-story-copy>.text-link{order:7}.family-real-example{grid-template-columns:80px 1fr;padding:17px;gap:18px}.family-real-example img{width:80px}}