/* Scoped additions preserve the incumbent commercial page styles. */
.studio-story { max-width: 1380px; margin: 0 auto; padding: 56px 28px; }
.studio-story h2 { color: var(--ink); font-size: clamp(1.6rem, 3vw, 2.75rem); line-height: 1.15; margin: 0 0 16px; letter-spacing: -.025em; }
.studio-story p { line-height: 1.65; max-width: 70ch; }
.studio-story-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 40px; align-items: start; }
.studio-story-copy > p { color: var(--muted); margin: 0 0 20px; }
.studio-media { min-width: 0; margin: 0; }
.studio-media video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #07070b; border: 1px solid var(--line); border-radius: 12px; }
.studio-media-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 14px 0 12px; }
.studio-media button { min-height: 44px; padding: 10px 16px; border: 1px solid var(--purple); border-radius: 8px; background: var(--panel); color: var(--ink); font: inherit; font-weight: 700; cursor: pointer; }
.studio-media button:hover { background: var(--panel-2); border-color: var(--ink); }
.studio-media :is(button, summary, a):focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
.studio-media button:disabled { opacity: .6; cursor: wait; }
.studio-media-status { color: var(--muted); font-size: .85rem; }
.studio-media figcaption { color: var(--muted); font-size: .9rem; line-height: 1.65; }
.studio-media figcaption p { margin: 8px 0; }
.studio-media a, .studio-story-copy a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.studio-media summary { min-height: 44px; padding: 10px 0; color: var(--ink); cursor: pointer; }
.studio-media details p { margin: 8px 0 16px; }
.studio-media [hidden] { display: none !important; }
@media (max-width: 860px) { .studio-story-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; } .studio-story { padding: 36px 20px; } }
@media (prefers-reduced-motion: reduce) { .studio-story *, .studio-story *::before, .studio-story *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }