/* Wide moving portfolio, isolated from legacy square artwork/portrait hero rules. */
.cinema-hero{width:100%;margin:0;background:#101113}
.cinema-stage{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#101113;isolation:isolate;touch-action:pan-y pinch-zoom}
.cinema-layer{position:absolute;inset:0;overflow:hidden;opacity:1}
.cinema-layer>img,.cinema-layer>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cinema-focus,50% 50%);margin:0;padding:0;border-radius:0}
.cinema-layer>video{opacity:0;transition:opacity .65s ease}.cinema-layer>video.is-playing{opacity:1}
.cinema-layer.is-entering{animation:cinema-arrive 1.2s ease both}
.cinema-layer.is-still>img{animation:cinema-breathe 12s ease-in-out both;animation-play-state:paused}
.cinema-hero.is-running .cinema-layer.is-still>img{animation-play-state:running}
.cinema-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px var(--page-gutter,42px) 24px}
.cinema-project{min-width:0;display:flex;flex-direction:column;gap:6px;min-height:44px;justify-content:center}.cinema-project strong{font-size:clamp(21px,2.3vw,32px);font-weight:500;line-height:1.15}.cinema-project small{font-size:12px;color:#c1c3c8}
.cinema-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.cinema-pause{min-height:44px;min-width:70px;padding:10px 14px;border:1px solid #ffffff28;border-radius:999px;background:var(--soft-surface,#27292d);box-shadow:var(--soft-raised);font-size:12px}
.cinema-select{display:flex;gap:0}.cinema-select button{position:relative;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%}.cinema-select button::after{content:'';width:6px;height:6px;border-radius:50%;background:#85868b;transition:width .25s,background .25s}.cinema-select button[aria-pressed="true"]::after{width:18px;border-radius:8px;background:#f1ddbe}
.cinema-pause:active{transform:scale(.97)}.cinema-note{margin:0;padding:0 var(--page-gutter,42px) 12px;color:#c1c3c8;font-size:12px}.cinema-note:empty{display:none}
@keyframes cinema-arrive{from{opacity:0}to{opacity:1}}
@keyframes cinema-breathe{from{transform:scale(1)}to{transform:scale(1.02)}}
@media(min-width:1500px){.cinema-hero{max-width:1488px;margin-inline:auto}}
@media(max-width:600px){.cinema-caption{padding:17px var(--phone-gutter,20px) 20px;gap:10px;align-items:flex-start;flex-wrap:wrap}.cinema-project{flex:1 1 140px}.cinema-controls{gap:3px}.cinema-select button{width:44px}.cinema-project strong{font-size:23px}.cinema-pause{min-width:64px;padding-inline:10px}.cinema-note{padding-inline:var(--phone-gutter,20px)}}
@media(prefers-reduced-motion:reduce){.cinema-layer,.cinema-layer>img,.cinema-layer>video,.cinema-select button::after,.cinema-pause{animation:none!important;transition:none!important;transform:none!important}}
@media(prefers-contrast:more){.cinema-pause{border-color:#eee}.cinema-project small,.cinema-note{color:#fff}}