/* V4.1: the original moving films are the opening, with editorial broadcast type. */
.shu-cinema{padding:0;min-height:max(640px,calc(100svh - 70px));display:block;place-items:normal;text-align:left;background:#050509;isolation:isolate;overflow:clip}
.shu-cinema-hud,.shu-cinema-body{width:100%;margin:0}
.shu-films,.shu-film,.shu-cinema-shade,.shu-cinema-grain,.shu-cinema-frame{position:absolute;inset:0;pointer-events:none}
.shu-films{z-index:-4;background:radial-gradient(ellipse at 70% 30%,#3d335d,#050509 80%)}
.shu-film-video,.shu-film-fallback{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.shu-film.is-active{animation:shu-film-reveal .9s ease both}
.shu-cinema-shade{z-index:-3;background:linear-gradient(0deg,#050509 0%,#050509da 10%,#0505098a 28%,transparent 64%,#05050970 100%),linear-gradient(90deg,#03040a66,transparent 55%)}
.shu-cinema-grain{z-index:-2;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);mix-blend-mode:multiply}
.shu-cinema-frame{inset:24px 26px 100px;z-index:-1}.shu-cinema-frame i{position:absolute;width:22px;height:22px;border:1px solid #ffffff80}.shu-cinema-frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.shu-cinema-frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.shu-cinema-frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.shu-cinema-frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
.shu-cinema-hud{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4.5vw;position:relative;z-index:2}.shu-cinema-hud p{font:600 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.2em;margin:0;display:flex;align-items:center;gap:12px;text-shadow:0 2px 8px #000}.shu-on-air{height:7px;width:7px;border-radius:50%;background:#dfff77;box-shadow:0 0 18px #dfff77;flex-shrink:0}.shu-cinema-hud button{min-height:44px;color:white;font:600 11px/1.2 Inter,system-ui,sans-serif;padding:10px 16px;border:1px solid #ffffff70;border-radius:30px;background:#080a1466;backdrop-filter:blur(10px);cursor:pointer}
.shu-cinema-body{position:relative;min-height:580px;min-height:calc(max(640px,100svh - 70px) - 240px);display:flex;align-items:flex-end;padding:60px 5vw 28px}
.shu-cinema .shu-arrival-copy{max-width:none;width:100%}
.shu-cinema-preface{font:600 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.23em;margin:0 0 18px;color:#dcff71;text-shadow:0 2px 6px #000}
.shu-cinema h1{font-family:'Bricolage Grotesque',Inter,system-ui,sans-serif;margin:0;max-width:none;text-align:left;line-height:.79;letter-spacing:-.068em;text-wrap:initial;font-size:clamp(74px,11.8vw,182px);font-weight:800}
.shu-cinema h1 .shu-cinema-line{display:block;font-size:.43em;letter-spacing:-.06em;font-weight:700;color:white;margin-bottom:.15em;transform:skewX(-8deg);transform-origin:left;text-shadow:0 3px 30px #0008}
.shu-cinema h1 .shu-cinema-word{display:block;color:#f6ffe9;position:relative;width:fit-content;letter-spacing:-.07em;text-shadow:0 3px 30px #0006}
@supports(-webkit-text-stroke:1px white){.shu-cinema h1 .shu-cinema-word{background:linear-gradient(130deg,#fff 12%,#e8ff94 55%,#9ff3e9 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.5px #ffffff80}}
.shu-cinema h1 .shu-title-star{position:absolute;right:-.57em;top:-.21em;font-size:.41em;color:#dfff77;-webkit-text-stroke:0;rotate:-15deg;text-shadow:none}
.shu-cinema-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:32px}
.shu-cinema .shu-intro{margin:0;max-width:440px;font-size:15px;line-height:1.6;color:#f6f4fc;text-shadow:0 2px 8px #000}
.shu-cinema .shu-actions{justify-content:flex-start;align-items:center;margin-top:22px;gap:26px}
.shu-watch-cta{min-height:56px;gap:24px;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 30px #c8ff5425;background:#dfff77}
.shu-play-mark{display:grid;place-items:center;width:24px;height:24px;font-size:14px}.shu-cinema-explore{font-size:12px;color:#fff;text-decoration:none;padding:16px 0;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff80;min-height:48px}
.shu-cinema-stamp{border-left:1px solid #ffffff70;padding:0 0 0 20px;display:grid;gap:3px;text-align:left;color:white;transform:rotate(-3deg);margin-right:3vw;margin-bottom:10px}.shu-cinema-stamp span{font:600 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.2em}.shu-cinema-stamp strong{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(20px,2.5vw,38px);letter-spacing:-.05em;line-height:1.1}
.shu-cinema-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 5vw 0;padding:20px 0 112px;border-top:1px solid #ffffff40;position:relative}.shu-film-selector{display:flex;gap:20px}.shu-film-selector[hidden]{display:none}.shu-film-selector button{display:flex;align-items:center;gap:9px;min-height:44px;max-width:220px;color:#e6e5ed;font:600 9px/1.4 Inter,system-ui,sans-serif;letter-spacing:.08em;background:transparent;border:0;padding:10px 0;cursor:pointer;text-align:left;border-bottom:2px solid transparent}.shu-film-selector button span{color:#a6a3b2;font-size:9px}.shu-film-selector button[aria-pressed=true]{color:#dfff77;border-bottom-color:#dfff77}.shu-film-selector button[aria-pressed=true] span{color:#dfff77}.shu-cinema-footer>a{font:600 9px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;color:white;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:15px}
.shu-film-selector button:focus-visible,.shu-cinema-hud button:focus-visible,.shu-cinema-explore:focus-visible{outline:3px solid #dfff77;outline-offset:4px}
@keyframes shu-film-reveal{from{opacity:.3}to{opacity:1}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){html[data-shu-motion=on] .shu-cinema-line{animation:shu-type-in .75s cubic-bezier(.16,1,.3,1) both}html[data-shu-motion=on] .shu-cinema-word{animation:shu-type-in .95s .1s cubic-bezier(.16,1,.3,1) both}@keyframes shu-type-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}}
@media(min-width:1600px){.shu-cinema-body{padding-top:150px}.shu-cinema h1{font-size:min(11.8vw,220px)}}
@media(max-width:900px){.shu-cinema{min-height:850px}.shu-cinema-hud{padding:24px 22px;gap:12px}.shu-cinema-hud p{font-size:8px;letter-spacing:.12em;max-width:200px;gap:8px}.shu-cinema-hud button{font-size:10px;padding:8px 12px;flex-shrink:0}.shu-cinema-frame{inset:15px 12px 94px}.shu-cinema-body{min-height:calc(100svh - 250px);padding:clamp(120px,26svh,240px) 24px 25px;align-items:flex-end}.shu-cinema h1{font-size:clamp(46px,15vw,120px);line-height:.84}.shu-cinema h1 .shu-cinema-line{font-size:.7em}.shu-cinema h1 .shu-title-star{font-size:.3em;right:-.4em;top:-.25em}.shu-cinema-preface{font-size:8px;letter-spacing:.15em;margin-bottom:15px}.shu-cinema-bottom{margin-top:24px;gap:0}.shu-cinema-stamp{display:none}.shu-cinema .shu-intro{font-size:14px;max-width:37ch}.shu-cinema .shu-actions{gap:18px;align-items:stretch}.shu-cinema .shu-watch-cta{font-size:11px;padding:14px 15px;gap:12px}.shu-cinema-explore{font-size:11px;gap:12px}.shu-cinema-footer{margin:0 24px;padding:12px 0 96px;display:block}.shu-film-selector{gap:16px;justify-content:space-between}.shu-film-selector button{font-size:8px;letter-spacing:0;gap:5px;flex:1;min-width:0}.shu-cinema-footer>a{font-size:8px;margin-top:14px}.shu-cinema-shade{background:linear-gradient(0deg,#050509 0%,#050509ee 15%,#050509a6 38%,transparent 72%,#05050955 100%)}.shu-film-video{object-position:58% center}}
@media(max-width:380px){.shu-cinema h1{font-size:15vw}.shu-cinema .shu-actions{gap:12px}.shu-cinema-explore{font-size:10px;gap:8px}.shu-watch-cta .shu-play-mark{display:none}.shu-cinema-hud p{max-width:150px}.shu-cinema-body{padding-inline:20px}.shu-cinema-footer{margin-inline:20px}}
@media(prefers-reduced-motion:reduce){.shu-film.is-active,.shu-cinema h1 span{animation:none!important}.shu-cinema-stamp{transform:none}}