@font-face{font-family:"Haas Display";src:url('/fonts/NeueHaasDisplayRoman.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:"Bookish";src:url('/fonts/BookishTrial-Book.otf') format('opentype');font-weight:400;font-display:swap}
:root{--cream:#f2f0e7;--ground:#030817;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ground)}body{color:var(--cream);font-family:"Haas Display",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cream);outline-offset:5px}.cinema-sr,.cinema-skip:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.cinema-skip:focus{position:fixed;top:60px;left:16px;z-index:30;background:var(--cream);color:var(--ground);padding:10px}
.cinema-header{position:fixed;top:18px;left:16px;z-index:20}.cinema-header nav{display:flex;gap:10px;font-size:15px;line-height:1.2}.cinema-header a{transition:opacity .25s}.cinema-header a[aria-current],.cinema-header a:hover{opacity:.5}.cinema-logo{position:fixed;left:16px;top:50%;width:clamp(200px,24vw,345px);transform:translateY(-50%);z-index:10;filter:drop-shadow(0 2px 14px #0003)}.cinema-logo svg{display:block;width:100%;height:auto;fill:currentColor}
/* The blur processes the moving film itself, with two layers for uninterrupted fades. */
.cinema-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#05070d}.cinema-bg__layer{position:absolute;inset:-18%;opacity:0;transition:opacity 1.15s var(--ease);filter:blur(clamp(55px,10vw,145px));transform:translateZ(0)}.cinema-bg__layer.is-on{opacity:.46}.cinema-bg__layer img,.cinema-bg__layer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-bg__layer video{opacity:0;transition:opacity .5s}.cinema-bg__layer video.is-ready{opacity:1}.cinema-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03081733,transparent 32%,transparent 66%,#03081733),linear-gradient(#02040a36,transparent 38%,#02040a55)}
.cinema-stage{position:relative;z-index:1;outline:0}.cinema-reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:140px 6vw}.cinema-card{position:relative;display:block;aspect-ratio:7/10;background:#0b0c10;isolation:isolate}.cinema-card__picture{position:absolute;inset:0;overflow:hidden;display:block}.cinema-card img,.cinema-card video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.cinema-card video{opacity:0;transition:opacity .65s var(--ease)}.cinema-card video.is-ready{opacity:1}.cinema-card__play{position:absolute;inset:auto 0 20px;display:block;text-align:center;opacity:0;font-size:12px;transition:opacity .25s;text-shadow:0 2px 10px #000}.cinema-card:focus-visible .cinema-card__play{opacity:1}.cinema-card__fallback{position:absolute;bottom:20px;left:20px;right:20px;font:28px/1 "Bookish",serif;text-shadow:0 2px 15px #000}
.cinema-titles{display:none}.cinema-footer{position:fixed;bottom:16px;left:16px;right:20px;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font-size:15px;line-height:1.18;pointer-events:none}.cinema-description{margin:0;max-width:320px;text-shadow:0 1px 12px #0006}.cinema-count{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;line-height:32px;font-variant-numeric:tabular-nums;opacity:.65}.cinema-controls{display:flex;align-items:center;gap:10px;pointer-events:auto}.cinema-pause{border:0;background:transparent;font-size:12px;margin-right:14px;padding:8px 0;opacity:.65}.cinema-pause:hover{opacity:1}.cinema-step{width:32px;height:32px;border:1px solid #f2f0e730;background:#f2f0e708;border-radius:50%;font-size:18px;display:grid;place-items:center;padding:0;transition:background .25s}.cinema-step:hover{background:#f2f0e720}
html.cinema-live,html.cinema-live body{height:100%;overflow:hidden;overscroll-behavior:none}.cinema-live .cinema-stage{position:fixed;inset:0;overflow:hidden;touch-action:none}.cinema-live .cinema-reel{position:absolute;inset:0;padding:0;display:block;pointer-events:none;--poster-w:min(28vw,49svh);--poster-h:calc(var(--poster-w) / .7)}.cinema-live .cinema-card{position:absolute;top:50%;left:50%;width:var(--poster-w);height:var(--poster-h);margin-left:calc(var(--poster-w) / -2);margin-top:calc(var(--poster-h) / -2);will-change:transform;pointer-events:auto;transform-origin:center;visibility:hidden}.cinema-live .cinema-card__fallback{display:none}.cinema-live .cinema-titles{display:block;position:fixed;right:16px;top:50%;width:30vw;z-index:5;--title-line:clamp(34px,3.15vw,48px);height:calc(var(--title-line) * 5 + 32px);transform:translateY(-50%);background:linear-gradient(145deg,#f2f0e708,#03081726);border:1px solid #f2f0e718;border-radius:12px 28px 12px 28px;backdrop-filter:blur(18px);box-shadow:0 12px 48px #0000000d}.cinema-titles__window{position:absolute;inset:16px 20px;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.cinema-title{position:absolute;top:50%;right:0;width:100%;height:var(--title-line);margin-top:calc(var(--title-line) / -2);padding:0;border:0;background:transparent;text-align:right;font:400 clamp(23px,2.6vw,40px)/1.08 "Bookish",Georgia,serif;letter-spacing:-.025em;white-space:nowrap;will-change:transform;visibility:hidden;color:#f2f0e74d}.cinema-title__ink{display:inline-block;position:relative}.cinema-title__ink::after{content:attr(data-title);position:absolute;inset:0;color:var(--cream);clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0)}.cinema-title:hover .cinema-title__ink{color:#f2f0e77d}.cinema-title:focus-visible{outline-offset:-2px}.cinema-meta{position:absolute;top:100%;right:0;margin:20px 0 0;font-size:12px;opacity:.6;transition:opacity .25s}.cinema.is-moving .cinema-meta{opacity:0}
.cinema-cursor{position:fixed;left:0;top:0;width:48px;height:48px;z-index:30;display:grid;place-items:center;border-radius:50%;pointer-events:none;opacity:0;background:#f2f0e72d;backdrop-filter:blur(12px);will-change:transform;transition:opacity .25s}.cinema-cursor span{font:300 25px/1 "Haas Display",sans-serif;color:#f2f0e7b0;transition:transform .35s var(--ease)}.cinema-cursor.is-on{opacity:1}.cinema-cursor.is-on span{transform:rotate(90deg)}
.cinema-player{--ar:16/9;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#030817ed;color:var(--cream);overflow:hidden;z-index:50}.cinema-player::backdrop{background:#030817d9;backdrop-filter:blur(20px)}.cinema-player[open]{animation:cinema-player-in .4s var(--ease)}.cinema-player__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:16px;padding:24px}.cinema-player__screen{aspect-ratio:var(--ar);width:min(100%,calc((100svh - 115px) * var(--ar)));background:#000}.cinema-player__screen video{display:block;width:100%;height:100%;object-fit:contain}.cinema-player__bar{display:flex;justify-content:space-between;align-items:center;width:min(100%,calc((100svh - 115px) * var(--ar)));gap:20px}.cinema-player__bar p{font:24px/1.1 "Bookish",serif;margin:0}.cinema-player__close{border:1px solid #f2f0e740;background:transparent;border-radius:30px;padding:10px 16px;white-space:nowrap;font-size:13px}.cinema-player__close span{font-size:20px;margin-left:10px}
@keyframes cinema-player-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes cinema-ui-in{from{opacity:0}to{opacity:1}}.cinema-live .cinema-header,.cinema-live .cinema-logo,.cinema-live .cinema-footer,.cinema-live .cinema-titles{animation:cinema-ui-in .9s var(--ease) both}
html:not(.cinema-live) .cinema-logo{top:65px;transform:none;width:120px}html:not(.cinema-live) .cinema-footer{position:relative;left:auto;right:auto;padding:20px}html:not(.cinema-live) .cinema-controls,html:not(.cinema-live) .cinema-count{display:none}
@media(hover:hover) and (pointer:fine){.cinema-live .cinema-card.is-active{cursor:none}}
@media(max-width:767px){.cinema-header{left:auto;right:16px;top:22px}.cinema-header nav{font-size:12px;gap:10px}.cinema-header a:first-child,.cinema-header a:nth-child(4){display:none}.cinema-logo,.cinema-live .cinema-logo{width:98px;top:14px;left:16px;transform:none}.cinema-reel{grid-template-columns:1fr;padding:100px 16vw}.cinema-live .cinema-reel{--poster-w:min(67.5vw,36svh);--poster-h:calc(var(--poster-w) / .7)}.cinema-live .cinema-card{top:46%}.cinema-live .cinema-titles{left:10px;right:10px;top:calc(46% + min(67.5vw,36svh) / 1.4 + 20px);width:auto;height:59px;transform:none;--title-line:35px;border-radius:10px 22px 10px 22px}.cinema-title{text-align:center;font-size:25px}.cinema-meta{left:0;right:0;text-align:center;margin-top:10px;font-size:11px}.cinema-titles__window{inset:12px 16px;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.cinema-footer{bottom:20px;right:16px}.cinema-description{display:none}.cinema-count{position:static;transform:none;font-size:12px}.cinema-pause{font-size:11px;margin-right:4px}.cinema-cursor{display:none}.cinema-step{width:30px;height:30px}.cinema-card__play{opacity:.8;bottom:14px;font-size:10px}.cinema-player__inner{padding:16px}.cinema-player__bar p{font-size:20px}}
@media(max-height:540px) and (min-width:768px){.cinema-logo{width:20vw}.cinema-live .cinema-titles{--title-line:32px}.cinema-title{font-size:25px}.cinema-meta{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.cinema-cursor{display:none}}