.family__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.family__text{justify-items:start;gap:1.3rem;display:grid}.family__stage{aspect-ratio:13/10;background:radial-gradient(60% 55% at 50% 45%,#2aa8ff1a,#0000 70%),#080b0f;border-radius:6px;margin:0;position:relative;overflow:hidden}.family__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease-out);position:absolute;inset:0}.family__stage.is-ready .family__canvas{opacity:1}.family__pin{opacity:0;width:0;height:0;transition:opacity .6s var(--ease-out) .6s;will-change:transform;position:absolute;top:0;left:0}.family__stage.is-ready .family__pin,.family__stage.is-ready .family__lead-line{opacity:1}.family__pin i{width:12px;height:12px;animation:fam-pin 2.2s var(--ease-out) infinite;background:#fff;border-radius:50%;position:absolute;top:-6px;left:-6px;box-shadow:0 0 0 3px #07090c,0 0 0 5px #ffffff59}@keyframes fam-pin{50%{box-shadow:0 0 0 3px #07090c,0 0 0 12px #fff0}}.family__pin em{font-style:normal;font-size:var(--fs-xs);letter-spacing:.06em;white-space:nowrap;color:var(--fg);border:1px solid var(--line);background:#07090cdb;border-radius:4px;padding:.2rem .5rem;position:absolute;bottom:8px;left:14px}.family__pin.is-flip em{left:auto;right:14px}.family__lead-line{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out) .6s;position:absolute;inset:0}.family__lead-line path{fill:none;stroke:#ffffffbf;stroke-width:1px;stroke-dasharray:3 3}.family__ccm{background:var(--panel);border:1px solid var(--line);width:min(26rem,60%);transition:border-color .3s var(--ease-out);border-radius:10px;grid-template-columns:5.5rem 1fr;gap:.9rem;padding:.6rem 2.4rem .6rem .6rem;display:grid;position:absolute;bottom:1rem;right:1rem}.family__ccm:hover{border-color:var(--accent)}.family__ccm img{object-fit:cover;border-radius:6px;width:100%;height:100%;min-height:5rem}.family__ccm-body{align-content:center;gap:.2rem;display:grid}.family__ccm-body .mono{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.family__ccm-body b{font-size:var(--fs-md);letter-spacing:-.01em;font-weight:650;line-height:1.25}.family__ccm-body small{font-size:var(--fs-sm);color:var(--muted);line-height:1.4}.family__go{color:var(--muted);transition:color .3s var(--ease-out);position:absolute;top:.8rem;right:.8rem}.family__ccm:hover .family__go{color:var(--accent)}.family__cap{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);position:absolute;top:.9rem;left:1rem}@media (max-width:900px){.family__grid{grid-template-columns:1fr}.family__stage{aspect-ratio:4/5}.family__ccm{width:auto;bottom:.75rem;left:.75rem;right:.75rem}}@media (max-width:560px){.family__text{gap:1rem}.family__ccm{border-radius:8px;grid-template-columns:3.6rem 1fr;gap:.65rem;padding:.5rem 2rem .5rem .5rem}.family__ccm img{min-height:3.6rem}.family__ccm-body .mono{font-size:clamp(.5rem,2.3vw,.6rem)}.family__ccm-body b{font-size:clamp(.78rem,3.6vw,.9rem)}.family__ccm-body small{font-size:clamp(.64rem,2.9vw,.72rem)}.family__go{width:15px;height:15px}.family__pin em,.family__cap{font-size:clamp(.5rem,2.3vw,.62rem)}}