.family-box-section{padding:clamp(82px,10vw,132px) var(--pad);background:radial-gradient(circle at 50% 33%,#192321 0,#0d1412 42%,#050706 83%);overflow:hidden}
.family-box-head{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:34px}
.family-box-head h2{font-size:clamp(3.1rem,6vw,6.8rem);line-height:.92;margin:16px 0 0;max-width:11ch}
.family-box-head p{color:#bcc8bf;font-size:clamp(.98rem,1.4vw,1.17rem);max-width:530px;margin:0 0 8px}
.family-box-stage{position:relative;border:1px solid rgba(192,255,82,.24);border-radius:clamp(22px,3vw,36px);overflow:hidden;background:#101819;box-shadow:0 35px 100px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12)}
.family-box-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 70px rgba(0,0,0,.23)}
.family-box-video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#111819}
.family-box-stage-label{position:absolute;z-index:2;inset-block-start:clamp(16px,2.4vw,30px);inset-inline-start:clamp(16px,2.4vw,30px);padding:9px 14px;border:1px solid rgba(224,255,236,.26);border-radius:999px;background:rgba(4,8,7,.68);backdrop-filter:blur(13px);font:700 .74rem Manrope,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#d9f7ea}
.family-box-motion{position:absolute;z-index:2;inset-block-end:clamp(16px,2.4vw,30px);inset-inline-end:clamp(16px,2.4vw,30px);border:1px solid rgba(230,255,235,.35);border-radius:999px;background:rgba(4,8,7,.74);backdrop-filter:blur(14px);color:white;padding:12px 18px;cursor:pointer;font-weight:800;font-size:.8rem;transition:background .2s,border-color .2s}
.family-box-motion:hover,.family-box-motion:focus-visible{background:#caff34;color:#10170d;border-color:#caff34;outline:none}
.family-box-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.family-box-gallery figure{position:relative;margin:0;border:1px solid rgba(255,255,255,.13);border-radius:23px;overflow:hidden;background:#141918}
.family-box-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.family-box-gallery figcaption{position:absolute;inset-inline-start:18px;inset-block-end:18px;padding:7px 11px;border-radius:999px;background:rgba(3,7,6,.78);backdrop-filter:blur(10px);font-size:.72rem;font-weight:800}
.family-box-foot{margin:22px 0 0;max-width:860px;color:#9fad9f;font-size:.8rem}
@media(max-width:850px){.family-box-head{grid-template-columns:1fr;gap:22px}.family-box-head h2{max-width:14ch}.family-box-gallery{gap:12px}}
@media(max-width:620px){.family-box-section{padding-block:77px}.family-box-head h2{font-size:clamp(3rem,11vw,5rem)}.family-box-stage-label{font-size:.62rem;padding:6px 9px}.family-box-motion{font-size:.7rem;padding:8px 11px}.family-box-gallery{grid-template-columns:1fr}.family-box-gallery figcaption{font-size:.65rem}.family-box-foot{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.family-box-motion{transition:none}}