/* Portfolio in native document flow. No pinned stages or artificial scroll distance. */
.case-cinema #cases-title .opening-title-primary{color:var(--text)}
.case-cinema .case-sequence,.case-cinema .case-sequence-stage,.case-cinema .case-text-scene,.case-cinema .case-text-stage{position:relative;height:auto}
.case-cinema .cases-opening{min-height:0;padding-block:96px 52px}
.case-cinema .case-story{--film-ratio:.5625;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;width:min(1280px,calc(100% - 112px));margin:40px auto 104px}
.case-cinema .case-story .case-intro{width:100%;display:block;min-height:0;padding:0}
.case-cinema .case-intro-copy{margin-top:26px;max-width:540px}
.case-cinema .case-intro h3{font-size:clamp(34px,3.4vw,54px)}
.case-cinema .case-reel{position:relative;height:auto;min-width:0}
.case-cinema .case-stage{position:relative;height:auto;min-height:0;width:min(100%,calc(min(72svh,720px) * var(--film-ratio)));aspect-ratio:var(--film-ratio);margin-inline:auto}
.case-cinema .case-frame{border-radius:16px;transform:none}
.case-cinema .case-film-caption{left:20px;right:20px;top:20px;display:block}
.case-cinema .case-film-caption>span{display:none}
.case-cinema .case-closing{padding-block:72px 84px}
.case-cinema{padding-bottom:0!important}
.case-cinema+.about-section{margin-top:0}
@media(max-width:1100px){.case-cinema .case-story{width:calc(100% - 64px);gap:40px}.case-cinema .case-intro-copy p{font-size:18px}}
@media(max-width:767px){.case-cinema .cases-opening{padding-block:66px 24px}.case-cinema .case-story{display:block;width:calc(100% - 40px);margin-block:32px 68px}.case-cinema .case-intro h3{font-size:clamp(32px,8.7vw,44px)}.case-cinema .case-intro-copy{margin-top:20px}.case-cinema .case-reel{margin-top:28px}.case-cinema .case-stage{width:100%}.case-cinema .case-frame{border-radius:12px}.case-cinema .case-film-caption{left:16px;right:16px;top:16px}.case-story[data-orientation="landscape"] .case-film-caption strong{display:none}.case-cinema .case-closing{padding-block:36px 64px}}

/* Keep portrait videos comfortable on short landscape screens, aligned to the copy. */
@media(max-width:767px) and (orientation:landscape){.case-cinema .case-stage{width:min(100%,calc(min(72svh,640px) * var(--film-ratio)));margin-inline:0}}