#page-exhibition > :not(.cinema-root){display:none}
.cinema-root{--cinema-ink:#edf0ed;--cinema-muted:#b7c1c0;color:var(--cinema-ink);background:#101415;letter-spacing:0}
.cinema-root [hidden]{display:none!important}
.cinema-root .eyebrow{letter-spacing:0}
.cinema-hall{position:relative;isolation:isolate;min-height:650px;height:calc(100svh - 72px);overflow:clip;background:#101415}
.cinema-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cinema-hall:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.37),transparent 30%,transparent 55%,rgba(0,0,0,.65));z-index:-1}
.cinema-hall-title{position:absolute;top:28px;left:20px;right:20px;text-align:center;pointer-events:none;text-shadow:0 2px 18px #000}
.cinema-hall-title .eyebrow{color:#c7d9dc;font-size:12px;margin:0 0 8px;justify-content:center}
.cinema-hall-title h1{font-family:var(--serif,serif);font-size:38px;line-height:1.3;font-weight:400;margin:0}
.cinema-hall-title>p:last-child{font-size:15px;margin:10px 0;color:#e0e5e3}
.cinema-projections{position:absolute;inset:0;pointer-events:none}
.cinema-projection{position:absolute;top:32%;width:31%;aspect-ratio:16/9;object-fit:cover;opacity:.58;filter:none;mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.projection-ink{left:14%;transform:perspective(1100px) rotateY(9deg)}
.projection-fold{right:14%;transform:perspective(1100px) rotateY(-9deg)}
.cinema-air{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cinema-film-links{position:absolute;bottom:15%;left:12%;right:12%;display:flex;justify-content:space-between;gap:40px}
.cinema-film-links button{display:flex;align-items:flex-start;gap:16px;text-align:left;max-width:46%;background:transparent;border:0;border-top:1px solid #c7d9dc70;padding:18px 0;color:#f0f4f3;text-shadow:0 2px 8px #000;cursor:pointer;transition:color .25s,text-shadow .25s}
.cinema-film-links button:hover,.cinema-film-links button:focus-visible{color:white;text-shadow:0 0 16px #c9e6ec8c}
.cinema-film-links .film-index{font-size:13px;color:#c7d9dc;margin-top:7px}
.cinema-film-links strong{font-size:25px;font-family:var(--serif,serif);font-weight:400;display:block;line-height:1.4}
.cinema-film-links small{font-size:14px;color:#d9e0df;display:block;margin-top:8px;line-height:1.6}
.film-enter{display:block;margin-top:14px;font-size:14px;color:#c9e1e5}
.cinema-return{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:14px;border-bottom:1px solid #bbc9c7;padding:6px 0;color:#edf2ef}
.cinema-detail{max-width:1600px;margin:auto;padding:0 52px 48px}
.cinema-detail-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid #ffffff25}
.cinema-detail-nav>div{display:flex;gap:24px;flex-wrap:wrap}
.cinema-detail button{background:none;color:#c4d8da;border:0;cursor:pointer;font-size:14px;padding:7px 0;text-align:left}
.cinema-detail button:hover{color:white}
.cinema-detail-nav [aria-current=page]{color:white;border-bottom:1px solid #c4d8da}
.cinema-work-title{padding:42px 0 28px;max-width:950px}
.cinema-work-title .eyebrow{color:#aecdd1;font-size:12px;margin:0 0 15px}
.cinema-work-title h2{font-family:var(--serif,serif);font-size:44px;font-weight:400;line-height:1.35;margin:0 0 12px}
.cinema-work-title p{font-size:17px;margin:0 0 12px;color:#d8dfdc}
.cinema-work-title small{font-size:13px;color:var(--cinema-muted)}
.cinema-player-wrap{background:#050708}
.cinema-player{display:block;width:100%;aspect-ratio:16/9;max-height:76svh;object-fit:contain;background:#000}
.cinema-player-options{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-height:58px;padding:10px 18px;flex-wrap:wrap}
.cinema-player-status{margin:0 auto 0 0;font-size:13px;color:var(--cinema-muted)}
.cinema-player-options label{display:flex;gap:8px;align-items:center;font-size:13px}
.cinema-player-options select{background:#1d2527;color:#f1f4f3;border:1px solid #536367;border-radius:3px;padding:7px;font-size:14px}
.cinema-synopsis{font-size:18px;line-height:1.9;max-width:1000px;margin:35px 0 60px;color:#d5dedb}
.cinema-editorial{display:grid;grid-template-columns:190px minmax(0,1fr);gap:65px;align-items:start}
.cinema-chapter-nav{position:sticky;top:98px;display:flex;flex-direction:column;font-size:15px;gap:0}
.cinema-chapter-nav>span{font-size:12px;color:var(--cinema-muted);padding-bottom:15px}
.cinema-chapter-nav a{padding:11px 0;border-bottom:1px solid #ffffff18;color:#d0dad7;display:flex;gap:17px}
.cinema-chapter-nav a:hover{color:#fff}
.cinema-chapter-nav small{font-size:12px;color:#99b9bf}
.cinema-chapter-nav button{margin-top:22px}
.cinema-chapter{border-top:1px solid #ffffff30;padding:34px 0 60px;scroll-margin-top:100px}
.cinema-chapter .eyebrow{font-size:12px;color:#b8cfd3}
.cinema-chapter h3{font-family:var(--serif,serif);font-size:29px;font-weight:400;line-height:1.5;margin:12px 0 24px}
.cinema-chapter-body>p{font-size:17px;line-height:1.95;margin:0 0 18px;color:#d0d9d5;max-width:920px}
.cinema-figure{margin:30px 0 0;overflow:clip}
.cinema-figure img{display:block;width:100%;max-height:620px;object-fit:contain;background:#090c0d;transition:transform .3s;cursor:zoom-in}
.cinema-figure img:hover{transform:scale(1.015)}
.cinema-figure figcaption{color:#aab8b4;font-size:13px;line-height:1.6;padding:12px 0}
.cinema-storyboard{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;list-style:none;margin:26px 0 0;padding:0}
.cinema-storyboard li{display:flex;gap:20px;border-top:1px solid #ffffff22;padding:22px 0}
.cinema-storyboard li>span{color:#9bbfc6;font-size:13px;padding-top:4px}
.cinema-storyboard h4,.cinema-cast h4{font-size:20px;margin:0 0 9px;font-weight:400}
.cinema-storyboard p,.cinema-cast p{font-size:15px;line-height:1.85;margin:0;color:#c3cfca}
.cinema-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
.cinema-cast article{padding:20px 0;border-top:1px solid #ffffff30}
.cinema-cast small{font-size:12px;color:#a2c2c9;display:block;margin-bottom:12px}
.cinema-storyboard .cinema-figure{margin:0 0 14px}
.cinema-storyboard .cinema-figure img{aspect-ratio:213/122;object-fit:contain}
.cinema-storyboard .cinema-figure figcaption,.cinema-cast .cinema-figure figcaption{display:none}
.cinema-cast .cinema-figure{margin:0 0 20px}
.cinema-cast .cinema-figure img{height:270px;object-fit:contain;background:#ece9df}
.cinema-work-source{border-top:1px solid #ffffff30;padding-top:30px;margin-top:20px}
.cinema-work-source details{font-size:14px;line-height:1.8;color:#b3c1bb;margin-bottom:24px}
.cinema-work-source summary{cursor:pointer}
@media(max-width:900px){.cinema-detail{padding:0 24px 36px}.cinema-editorial{grid-template-columns:1fr;gap:22px}.cinema-chapter-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 22px}.cinema-chapter-nav>span{width:100%;padding:0}.cinema-chapter-nav button{margin:0}.cinema-film-links{left:6%;right:6%;gap:24px}.cinema-film-links strong{font-size:21px}.cinema-projection{width:39%;top:36%}.projection-ink{left:7%}.projection-fold{right:7%}}
@media(max-width:600px){.cinema-hall{min-height:640px;height:calc(100svh - 64px)}.cinema-hall-title{top:28px}.cinema-hall-title h1{font-size:29px}.cinema-hall-title>p:last-child{font-size:14px}.cinema-projection{width:60%;top:27%}.projection-ink{left:0}.projection-fold{right:0;top:42%}.cinema-film-links{bottom:65px;left:22px;right:22px;gap:18px}.cinema-film-links button{max-width:none;flex:1;gap:8px;padding-top:12px}.cinema-film-links strong{font-size:19px}.cinema-film-links small{display:none}.film-enter{font-size:13px}.cinema-detail{padding:0 18px 30px}.cinema-detail-nav{align-items:flex-start;flex-direction:column;gap:10px}.cinema-detail-nav>div{gap:14px}.cinema-detail-nav button{font-size:13px}.cinema-work-title{padding:28px 0 22px}.cinema-work-title h2{font-size:30px}.cinema-work-title p{font-size:16px}.cinema-player-options{gap:10px;padding:10px}.cinema-player-status{width:100%}.cinema-synopsis{font-size:16px;margin:24px 0 35px}.cinema-chapter h3{font-size:25px}.cinema-chapter-body>p{font-size:16px}.cinema-storyboard{grid-template-columns:1fr}.cinema-cast{grid-template-columns:1fr 1fr;gap:20px}.cinema-chapter{padding:28px 0 36px}}
@media(prefers-reduced-motion:reduce){.cinema-root *{transition:none!important;scroll-behavior:auto!important}}