/* A contained moving-image study; the existing Work collection stays below. */
.premium-shell .work-tools { justify-content:flex-end; margin:0 0 18px; }
.flow-gallery { margin:28px 0 24px; }
.flow-viewport { position:relative; height:clamp(390px,42vw,510px); overflow:hidden; touch-action:pan-y; cursor:grab; isolation:isolate; }
.flow-viewport.is-dragging { cursor:grabbing; }
.flow-viewport:focus-visible { outline:1px solid var(--moss); outline-offset:4px; }
.flow-viewport canvas { position:absolute; inset:0; width:100%; height:100%; }
.flow-viewport::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,var(--paper),transparent 3%,transparent 97%,var(--paper)); }
.flow-fallback { display:flex; gap:16px; justify-content:center; height:88%; overflow:hidden; padding-top:20px; }
.flow-fallback img { height:100%; width:auto; aspect-ratio:9/16; object-fit:cover; border-radius:8px; }
.flow-ready .flow-fallback { visibility:hidden; }
.flow-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:4px 4px 24px; border-bottom:1px solid var(--line); }
.flow-types { display:flex; align-items:center; gap:24px; }
.flow-types a,.flow-pause { background:none; border:0; padding:9px 0; font:inherit; font-size:13px; color:#85887d; cursor:pointer; }

.flow-types a:hover,.flow-pause:hover { color:var(--ink); }
.flow-types a:focus-visible,.flow-pause:focus-visible { outline:1px solid var(--moss); outline-offset:5px; }
.flow-actions { display:flex; gap:18px; align-items:center; }
.flow-hint { color:#919589; font-size:11px; }
.flow-pause { font-size:11px; min-width:42px; }
@media(max-width:600px) {
 .flow-gallery { margin-bottom:36px; }
 .flow-viewport { height:380px; margin-inline:-18px; }
 .flow-toolbar { gap:12px; }
 .flow-types { gap:16px; }
 .flow-types a { font-size:12px; }
 .flow-hint { display:none; }
}

.flow-types a { text-decoration:none; }
.premium-shell .work-category { scroll-margin-top:32px; }
@media(max-width:600px) { .premium-shell .work-category { scroll-margin-top:96px; } }

/* Studio is the introduction; Work owns the full video collection. */
.studio-home .flow-gallery { margin-top:28px; margin-bottom:0; border-bottom:1px solid var(--line); }
.studio-home .story-intro { margin-top:20px; }
.studio-home .story-intro-copy { padding-right:0; }
.studio-home .story-formats { display:block; }
.studio-home .formats-editorial { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; align-items:start; }
.studio-home .formats-editorial > .story-section-heading { grid-column:1; grid-row:1 / span 2; }
.studio-home .formats-editorial > .format-tabs { grid-column:2; margin-top:0; }
.studio-home .formats-editorial > .format-panel { grid-column:2; }
@media(max-width:800px) {
 .studio-home .formats-editorial { display:block; }
 .studio-home .formats-editorial > .format-tabs { margin-top:28px; }
}

.flow-caption {margin:0;padding:4px 0 24px;text-align:center;font-size:12px;line-height:1.5;font-weight:400;letter-spacing:-.01em;color:#747d75;}