/* Each real event gets a title, an expanding frame and an uninterrupted watch area. */
.cases-section.case-cinema{padding-top:0;padding-bottom:90px}
.cases-opening{min-height:65svh;display:flex;align-items:center;padding-block:100px 65px}
.case-cinema .cases-opening .section-intro{max-width:1000px;margin:0}
.case-cinema #cases-title{font-size:clamp(44px,5.4vw,78px);line-height:1.1;max-width:1000px}
.case-cinema .cases-opening p{max-width:540px;font-size:17px;line-height:1.75;margin-top:28px;color:var(--muted)}
.case-story{position:relative}
.case-intro{min-height:48svh;display:grid;grid-template-columns:1.1fr 1fr;align-content:center;align-items:center;gap:70px;padding-block:85px 70px}
.case-intro .case-category{font-size:12px;color:var(--muted);margin:0 0 18px}
.case-intro h3{font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.1;letter-spacing:-.04em;max-width:720px}
.case-intro-copy{max-width:500px}
.case-intro-copy p{color:var(--muted);font-size:16px;line-height:1.8}
.case-intro-copy .case-lead{color:var(--text);font-size:21px;line-height:1.5;margin-bottom:16px}
.case-event-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:22px;color:var(--yellow);font-size:14px}
.case-reel{position:relative}
.case-stage{height:85svh;min-height:400px;position:relative}
.case-frame{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#070907;transform-origin:center;transform:scale(var(--case-scale,1));border-radius:var(--case-radius,0px)}
.case-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#070907}
.case-frame::after{content:'';position:absolute;inset:0 0 auto;height:130px;z-index:1;background:linear-gradient(rgba(7,9,7,.7),transparent);pointer-events:none}
.case-film-caption{position:absolute;top:28px;left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#f5f5f0;pointer-events:none}
.case-film-caption strong{font-size:16px;font-weight:500;line-height:1.4;max-width:420px;text-shadow:0 2px 6px #000}
.case-film-caption>span{font-size:11px;line-height:1.5;letter-spacing:.025em;color:#d6dccd;text-shadow:0 2px 6px #000}

.case-video-error{position:absolute;left:24px;bottom:138px;max-width:480px;background:#101210;padding:16px;z-index:4;font-size:14px;color:var(--text)}
.case-video-error a{text-decoration:underline;color:var(--yellow);text-underline-offset:3px}
.case-cinema .cases-footer{padding-top:62px}
.case-cinema .instagram-link{margin-top:0}
.cinema-word{display:inline-block;color:inherit}
@media(min-width:768px){.case-story:first-of-type .case-intro{padding-top:25px;min-height:40svh}}
@media(max-width:1100px){.case-intro{gap:45px}.case-intro h3{font-size:clamp(38px,4.7vw,58px)}}
@media(max-width:767px){.cases-section.case-cinema{padding-bottom:60px}.cases-opening{min-height:59svh;padding-block:76px 40px}.case-cinema #cases-title{font-size:clamp(35px,9.5vw,50px);line-height:1.14}.case-cinema .cases-opening p{font-size:15px;margin-top:24px}.case-intro{display:block;min-height:0;padding-block:68px 42px}.case-intro h3{font-size:clamp(34px,9.4vw,48px);line-height:1.15}.case-intro .case-category{font-size:11px;margin-bottom:16px}.case-intro-copy{margin-top:24px}.case-intro-copy p{font-size:15px;line-height:1.75}.case-intro-copy .case-lead{font-size:19px}.case-event-list{font-size:13px;gap:18px}.case-stage{height:85svh;min-height:350px}.case-film-caption{top:20px;left:20px;right:20px;gap:15px;align-items:start}.case-film-caption strong{font-size:13px;max-width:250px}.case-film-caption>span{display:none}.case-video-error{left:16px;right:16px;bottom:130px}.case-cinema .cases-footer{padding-top:42px}}

.case-intro-copy .case-audience{font-size:clamp(23px,2.4vw,34px);line-height:1.3;margin-bottom:22px;letter-spacing:-.025em}.case-audience strong{display:block;color:var(--yellow);font-weight:600}

/* Transparent hit area over the paused image. The bottom band belongs to the
   native timeline, play, volume and fullscreen controls on every screen size. */
.case-tap-to-play{position:absolute;inset:0 0 64px;z-index:3;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;appearance:none;cursor:pointer;touch-action:pan-y pinch-zoom}
.case-tap-to-play:focus-visible{outline:2px solid var(--yellow);outline-offset:-5px}
@media(pointer:coarse){.case-tap-to-play{bottom:80px}}