/* Katch-Up cinematic opening. The video is decorative; the heading stays semantic. */
.ku-cinema{position:relative;background:var(--cream);color:var(--ink)}
.ku-cinema-stage{--reveal:1;--intro:0;--frame:1;position:relative;height:100svh;min-height:660px;overflow:hidden;background:var(--cream);isolation:isolate}
.ku-cinema-tv{position:absolute;left:50%;top:46%;width:min(84vw,980px);aspect-ratio:16/9;transform:translate(-50%,-50%);background:#090909;padding:7px;border-radius:5px;box-shadow:0 22px 52px #15151545}
.ku-cinema-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#050505;border-radius:2px}
.ku-cinema-poster,.ku-cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ku-cinema-video{opacity:0}
.ku-cinema.is-video-ready .ku-cinema-video{opacity:1}
.ku-cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001 0%,#0002 35%,#0009 100%);pointer-events:none}
.ku-cinema-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:clamp(42px,7.5vw,108px);font-family:var(--font-sans);font-weight:800;line-height:.88;letter-spacing:-.065em;text-transform:uppercase;margin:0;padding:25px 10px;color:#fff;text-shadow:0 3px 30px #0009}
.ku-cinema-title>span{display:block;width:100%}
.ku-cinema-title em{font-family:var(--font-serif);font-weight:400;text-transform:none;color:#ff393e}
.ku-cinema-studio{position:absolute;z-index:4;top:110px;left:5%;width:90%;margin:0;text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:10px;line-height:1.7;font-weight:700;color:#504842}
.ku-cinema-intro{display:none}
.ku-cinema-links{position:absolute;z-index:4;left:50%;bottom:34px;transform:translateX(-50%);width:min(84vw,980px);display:flex;justify-content:space-between;align-items:center;gap:28px}
.ku-cinema-links>p{margin:0;max-width:490px;font-size:14px;line-height:1.7;color:#5e5650}
.ku-cinema-links .ku-opening-button{flex-shrink:0;min-height:50px;font-size:11px;padding:16px 22px}
.ku-cinema-toggle{position:absolute;right:16px;bottom:16px;z-index:5;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff70;background:#15151585;backdrop-filter:blur(8px);border-radius:50%;color:#fff;cursor:pointer}
.ku-cinema-toggle[hidden]{display:none}
.ku-cinema-toggle svg{width:18px;height:18px}
.ku-cinema-toggle .ku-cinema-play{display:none}
.ku-cinema-toggle.is-paused .ku-cinema-pause{display:none}
.ku-cinema-toggle.is-paused .ku-cinema-play{display:block}
.ku-cinema-toggle:hover{background:#151515cc}
.ku-cinema-toggle:focus-visible,.ku-cinema-links a:focus-visible{outline:3px solid var(--acid);outline-offset:5px}
.ku-cinema-hint{display:none}
.ku-cinema.is-enhanced{height:250svh}
.ku-cinema.is-enhanced .ku-cinema-stage{--reveal:0;--intro:1;--frame:0;position:sticky;top:0;height:100svh;min-height:0}
.ku-cinema.is-enhanced .ku-cinema-tv{left:var(--tv-x,0px);top:var(--tv-y,0px);width:var(--tv-w,100%);height:var(--tv-h,100%);aspect-ratio:auto;transform:none;padding:calc(var(--frame)*7px);border-radius:calc(var(--frame)*5px);box-shadow:0 calc(var(--frame)*22px) calc(var(--frame)*52px) rgb(21 21 21 / calc(var(--frame)*.28));will-change:left,top,width,height}
.ku-cinema.is-enhanced .ku-cinema-screen{border-radius:calc(var(--frame)*2px)}
.ku-cinema.is-enhanced .ku-cinema-shade{opacity:calc(.25 + var(--reveal)*.75)}
.ku-cinema.is-enhanced .ku-cinema-title{font-size:var(--title-size,90px);opacity:var(--reveal);transform:translateY(calc((1 - var(--reveal))*24px))}
.ku-cinema.is-enhanced .ku-cinema-studio{color:white;opacity:var(--studio-visibility,1)}
.ku-cinema.is-enhanced.is-framed .ku-cinema-studio{color:#504842}
.ku-cinema.is-enhanced .ku-cinema-intro{position:absolute;z-index:3;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center;color:#fff;opacity:var(--intro);transform:translateY(calc((1 - var(--intro))*-35px))}
.ku-cinema-intro>p{font-size:clamp(70px,8.8vw,138px);line-height:.93;letter-spacing:-.055em;font-weight:700;margin:0;text-shadow:0 2px 40px #0008}
.ku-cinema-intro em{font-family:var(--font-serif);color:var(--acid);font-weight:400}
.ku-cinema.is-enhanced .ku-cinema-links{top:var(--info-y,auto);bottom:auto;width:var(--final-width,84vw)}
.ku-cinema.is-enhanced .ku-cinema-links>p{opacity:var(--reveal)}
.ku-cinema.is-enhanced .ku-cinema-hint{position:absolute;z-index:4;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;margin:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:white;opacity:var(--intro)}
.ku-cinema-hint svg{width:18px;height:18px;flex:0 0 18px}
@media(max-width:850px){
 .ku-cinema-stage{min-height:650px}
 .ku-cinema-tv{width:90vw}
 .ku-cinema-studio{top:107px;left:7%;width:86%;font-size:9px}
 .ku-cinema-title{font-size:clamp(36px,10vw,70px);line-height:.92}
 .ku-cinema-links{width:88vw;flex-direction:column;text-align:center;gap:19px;bottom:70px}
 .ku-cinema-links>p{font-size:14px;max-width:380px}
 .ku-cinema-intro>p{font-size:clamp(70px,18vw,110px)}
 .ku-cinema.is-enhanced .ku-cinema-title{line-height:.92}
 .ku-cinema-toggle{width:40px;height:40px;right:10px;bottom:10px}
 .ku-cinema.is-enhanced .ku-cinema-hint{font-size:8px;gap:8px;bottom:28px}
}
@media(max-height:540px){.ku-cinema-links>p{display:none}.ku-cinema-links{justify-content:center}}
@media(prefers-reduced-motion:reduce){
 .ku-cinema.is-enhanced{height:auto}
 .ku-cinema.is-enhanced .ku-cinema-stage{position:relative;min-height:660px}
 .ku-cinema-video{display:none}
}