/* ponytail: scoped additions; the existing viewer stylesheet and layout stay unchanged. */
.studio-family{width:min(1480px,calc(100% - 64px));margin:120px auto;padding:64px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.studio-family h2{font-size:clamp(36px,4vw,64px);line-height:1.08;letter-spacing:-.04em;margin-bottom:24px}
.studio-family p:not(.eyebrow){color:#b8c0cb;line-height:1.7;margin-bottom:24px}
.studio-family .primary-action{display:inline-block;margin-top:8px}
.studio-preview img,.studio-page figure img{border:1px solid var(--line);border-radius:16px}
.studio-page figure{margin:40px 0}.studio-page figcaption{margin-top:12px;color:#aab2be;font-size:14px;line-height:1.6}
.legal article a{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:2px solid #26b8ff;outline-offset:5px}
@media(max-width:980px){.studio-family{grid-template-columns:1fr;gap:32px;width:calc(100% - 40px);margin:80px auto;padding:40px 0}}
@media(max-width:700px){.studio-family{width:calc(100% - 28px)}}