/* Permanent cinema aperture, driven by the shared scroll engine.
   No scene artwork or layout is required when another film is published. */
.home-channel.hc11{--hc-paper:#101d22;--hc-ink:#f0f4ef;--hc-muted:#b6c6c9;--hc-line:#4b616970;--hc-accent:#a9d8e4;position:relative;isolation:isolate;background:#101d22;border-bottom:0;padding-top:80px;padding-bottom:68px;color:var(--hc-ink)}
.home-channel.hc11:before{content:"";position:absolute;inset:0;z-index:-1;background:#101d22;box-shadow:0 0 0 100vmax #101d22;clip-path:inset(0 -100vmax);pointer-events:none}
.hc11 .hc-heading{position:relative;z-index:2;margin-bottom:30px}.hc11 .hc-heading h2{font-size:clamp(44px,5vw,66px);font-weight:450;letter-spacing:-.055em}.hc11 .hc-heading-end{max-width:420px}.hc11 .hc-intro{color:#bdcdd0}.hc11 .hc-eyebrow{color:#a4bbc0}.hc11 .hc-library-link{color:#bddde4!important}
.hc11-reel{position:relative;height:auto;min-height:0;margin:0}.hc11-pin{position:relative;padding:0 0 28px}.hc11-aperture{display:none}.hc11 .hc-theatre:not(:modal){position:relative;z-index:1;background:#15272e;box-shadow:0 30px 95px -55px #000;border:1px solid #758f983e;border-radius:10px;transform:none;clip-path:none}.hc11 .hc-theatre-bar{background:#15272e}.hc11 .hc-feature{background:linear-gradient(120deg,#19323b,#14282f)}.hc11 .hc-theatre:modal{z-index:auto;transform:none;clip-path:none;opacity:1}.hc11 .hc-film[aria-pressed=true] .hc-film-art{box-shadow:0 0 0 3px #a8d4de}.hc11 .hc-film:hover .hc-film-art img{filter:brightness(1.08)}.hc11 .hc-browser{position:relative;z-index:2;margin-top:0}.hc11 .hc-browser-bar{padding-top:12px}.hc11 .hc-film-art{border:1px solid #68818a5c}.hc11 .hc-film>strong{font-weight:450}.hc11 .hc-browser-foot>a,.hc11 .hc-film-topic{color:#b8d1d7}.hc11 .hc-modes button[aria-pressed=true]{color:#11262e;background:#e3ece8}.hc11 .hc-strip-controls button{color:#d9e6e8;border-color:#57727a}.hc11 .hc-strip-controls button:hover:not(:disabled){color:#fff;border-color:#c6e2e8}
/* V14: one plain word introduces the entire room. The heading, real player
   and metadata share one reveal; the film rail remains in ordinary flow. */
.hc11 .hc-heading h2{display:flex;align-items:center;gap:18px}.hc13-glass-badge{width:104px!important;height:76px!important;flex:none;overflow:visible;filter:drop-shadow(0 0 17px #559bb840);transform:perspective(420px) rotateY(-8deg) rotateX(4deg);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.hc11 .hc-heading:hover .hc13-glass-badge{transform:perspective(420px) rotateY(0) rotateX(0) translateY(-2px);filter:drop-shadow(0 0 22px #75bed468)}
.hc11-caption{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:37px;padding-top:12px;color:#b9ced4;font-size:16px;line-height:1.4;pointer-events:none}.hc11-caption-entry,.hc11-scroll-cue{display:none}.hc11-caption-open{position:relative}.hc11-reveal-rule{height:1px;flex:1;margin-left:28px;background:#95b8c449;transform-origin:left}

.hc14-content{position:relative}
.home-channel .hc14-word{display:none;position:absolute;inset:0 0 auto;z-index:3;align-items:center;justify-content:center;width:100%;height:min(100%,calc(100svh - var(--cinema-header,76px) - 70px));min-height:280px;padding:0;border:0;border-radius:0;background:transparent;color:#eff6f2;font-size:clamp(100px,20vw,280px);font-weight:600;line-height:.95;letter-spacing:-.075em;text-align:center;transform-origin:center;touch-action:manipulation}
.home-channel .hc14-word:focus-visible{outline-offset:-8px}
.hc11-reel{--hc14-p:1;--hc14-word:0;--hc14-room:1}
.cinema-enabled .hc14-ready{--hc14-word:var(--hc19-word,1);--hc14-room:var(--hc19-room,0)}
.cinema-enabled .hc14-ready .hc14-word{display:flex;opacity:var(--hc14-word);transform:translateY(calc(var(--hc14-p)*-22px)) scale(calc(1 + var(--hc14-p)*.14));will-change:opacity,transform}
/* Only immediate visual children move. No transformed/transparent ancestor can
   clip the native modal or trap its full-screen playback surface. */
.cinema-enabled .hc14-ready .hc14-content>.hc-heading,
.cinema-enabled .hc14-ready .hc14-content>.hc-theatre:not(:modal),
.cinema-enabled .hc14-ready .hc14-content>.hc11-caption{opacity:var(--hc14-room);transform:translateY(calc((1 - var(--hc14-room))*28px));will-change:opacity,transform}
.cinema-enabled .hc14-ready .hc14-content[inert]{pointer-events:none;user-select:none}
.hc11 .hc-theatre:modal{opacity:1!important;transform:none!important;clip-path:none!important;will-change:auto!important}
.cinema-enabled .hc14-ready.hc11-engaged{--hc14-p:1!important;--hc14-word:0!important;--hc14-room:1!important}
.cinema-enabled .hc14-ready.hc11-engaged .hc14-content>*{will-change:auto}
/* A bounded pin works for every screen. The room keeps its natural height,
   even when taller than the viewport; after the short reveal it scrolls on.
   The opening word alone is centered in the available viewport area. */
.cinema-enabled .hc14-ready{--hc14-p:var(--hc19-rendered,0);height:auto;min-height:0;padding-bottom:0}
.cinema-enabled .hc14-ready::after{content:"";display:block;height:clamp(360px,52svh,500px);pointer-events:none}
.cinema-enabled .hc14-ready .hc11-pin{position:sticky;top:calc(var(--cinema-header,76px) + 12px);height:auto;min-height:0;padding:0 0 24px}
.cinema-enabled .hc14-ready .hc11-reveal-rule{transform:scaleX(calc(.15 + var(--hc14-p)*.85));transform-origin:left}
.home-channel .hc14-word{height:min(100%,calc(100svh - var(--cinema-header,76px) - 40px));min-height:160px}
@media(max-width:980px),(max-height:689px){
 .home-channel.hc11{padding-top:52px;padding-bottom:46px}
 .hc11 .hc-heading{margin-bottom:24px}.hc11-pin{padding-bottom:24px}
 .hc11 .hc-heading h2{font-size:43px;gap:13px}.hc13-glass-badge{width:82px!important;height:64px!important}
 .home-channel .hc14-word{font-size:clamp(100px,22vw,215px)}
}
@media(max-width:560px){
 .hc11 .hc-heading h2{font-size:42px;gap:10px}.hc13-glass-badge{width:70px!important;height:56px!important}
 .hc11-caption{min-height:36px}.hc11-reveal-rule{margin-left:18px}.hc11 .hc-heading{margin-bottom:20px}
 .home-channel .hc14-word{font-size:clamp(86px,25vw,140px)}
}
/* No animation preference, no JavaScript, or reduced motion: the full room is
   directly available, without an extra word or an empty cinematic spacer. */
@media(prefers-reduced-motion:reduce){
 .cinema-enabled .hc14-ready{--hc14-p:1!important;height:auto!important;min-height:0!important;padding-bottom:0!important}
 .cinema-enabled .hc14-ready::after{display:none!important}
 .cinema-enabled .hc14-ready .hc11-pin{position:relative!important;top:auto!important;min-height:0!important;padding:0 0 24px!important}
 .home-channel .hc14-word{display:none!important}
 .cinema-enabled .hc14-ready .hc14-content>*,.hc13-glass-badge,.hc11-reveal-rule{transform:none!important;opacity:1!important;transition:none!important;will-change:auto!important}
}
.home-motion-off .hc14-ready{--hc14-p:1!important;height:auto!important;min-height:0!important;padding-bottom:0!important}
.home-motion-off .hc14-ready::after{display:none!important}
.home-motion-off .hc14-ready .hc11-pin{position:relative!important;top:auto!important;min-height:0!important;padding:0 0 24px!important}
.home-motion-off .hc14-word{display:none!important}
.home-motion-off .hc14-ready .hc14-content>*,.home-motion-off .hc13-glass-badge,.home-motion-off .hc11-reveal-rule{transform:none!important;opacity:1!important;transition:none!important;will-change:auto!important}
