.cinema{height:430svh;position:relative;background:var(--ink);color:var(--paper);--portal-inset:0%;--portal-radius:0px}.cinema-stage{position:sticky;top:0;height:100svh;min-height:650px;isolation:isolate;overflow:hidden}.cinema-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:-3;clip-path:inset(var(--portal-inset) var(--portal-inset) round var(--portal-radius))}.cinema-film,.cinema-poster,.cinema-shade{position:absolute;inset:0;width:100%;height:100%}.cinema-film,.cinema-poster{object-fit:cover;object-position:66% 50%}.cinema-film{opacity:0;transition:opacity .5s}.cinema-poster{transition:opacity .5s}.cinema.has-film .cinema-film{opacity:1}.cinema.has-film .cinema-poster{opacity:0}.cinema-shade{background:linear-gradient(90deg,#121c168a,transparent 80%),linear-gradient(0deg,#1117137a,transparent 50%,#11171326)}.cinema-chapters{position:absolute;inset:0;z-index:2}.cinema-chapter{position:absolute;inset:24% 6% auto;opacity:0;pointer-events:none;transform:translateY(var(--chapter-y,0px));will-change:transform,opacity}.cinema-chapter.is-active{pointer-events:auto;opacity:1}.cinema-chapter .eyebrow{font-size:10px;letter-spacing:.16em;display:flex;gap:16px;align-items:center;color:#f0f1e6}.little-star{font-size:21px;line-height:1}.cinema-chapter h1,.cinema-chapter h2{font-family:Inter,Arial,sans-serif;font-size:clamp(100px,12.8vw,230px);font-weight:400;line-height:.76;letter-spacing:-.08em;margin:28px 0 0;width:max-content}.cinema-chapter em{font-size:1.26em;line-height:.87;font-weight:300;letter-spacing:-.065em;display:inline-block;margin-left:7vw}.cinema-side{position:absolute;left:57%;top:65%;font-size:13px;line-height:1.7;max-width:300px}.cinema-side p{line-height:1.8;text-shadow:0 1px 12px #11171355}.cinema-link{display:flex;justify-content:space-between;align-items:center;gap:70px;font-size:12px;border-bottom:1px solid #fff9;padding:14px 0;margin-top:12px}.cinema-link span{font-size:25px;transition:transform .3s}.cinema-link:hover span{transform:translate(3px,-3px)}.cinema-orbit{position:absolute;right:7vw;top:21%;width:135px;height:135px;color:var(--celery);z-index:4;transform:rotate(var(--orbit-angle,0deg))}.cinema-orbit svg{width:100%;height:100%;overflow:visible}.cinema-orbit text{font-family:Inter,Arial,sans-serif;font-size:11.5px;letter-spacing:3.1px;fill:currentColor}.orbit-flower{fill:none;stroke:currentColor;stroke-width:2;transform-origin:center;transform:rotate(15deg)}.cinema-edition{position:absolute;right:2.6vw;top:42%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.17em;color:#f0f1e699}.cinema-bottom{position:absolute;bottom:32px;left:6vw;right:6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;z-index:4}.cinema-scroll-cue{display:flex;align-items:center;gap:14px;width:max-content;font-size:9px;letter-spacing:.08em}.cinema-scroll-icon{border:1px solid #f6f3e950;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:18px;transition:transform .3s}.cinema-scroll-cue:hover .cinema-scroll-icon{transform:translateY(4px)}.cinema-timeline{display:flex;align-items:center;justify-content:center;gap:14px;color:#e4e6d9;font-size:10px;letter-spacing:.08em}.cinema-counter{white-space:nowrap;font-variant-numeric:tabular-nums}.cinema-counter i{font-style:normal;opacity:.4;margin:0 3px}.cinema-track{height:1px;width:100%;max-width:100px;background:#e6e8d847;overflow:hidden}.cinema-track>span{display:block;width:100%;height:100%;background:var(--celery);transform:scaleX(var(--film-progress,0));transform-origin:left}.cinema-timeline-label{font-size:8px;min-width:52px}.cinema-motion{justify-self:end;color:var(--paper);font-size:10px;display:flex;align-items:center;gap:9px;background:transparent;padding:12px 0;line-height:1.4}.cinema-motion>span{font-size:14px}.cinema-motion:disabled{opacity:.65;cursor:default}.film-status{position:absolute;right:6vw;top:115px;font-size:10px;max-width:200px;text-align:right}.cinema.is-static{height:100svh;min-height:720px}.cinema.is-static .cinema-stage{position:relative;height:100%;min-height:720px}.cinema.is-static .cinema-timeline{visibility:hidden}.cinema.is-static .cinema-chapter:not([data-chapter="0"]){display:none}.cinema.is-static .cinema-chapter[data-chapter="0"]{opacity:1!important;transform:none!important}
@media(min-width:1800px){.cinema-chapter{top:25%}.cinema-side{top:70%}.cinema-orbit{width:165px;height:165px}.cinema-bottom{bottom:40px}}
@media(max-width:1000px){.cinema-stage{min-height:680px}.cinema-chapter{top:29%}.cinema-chapter h1,.cinema-chapter h2{font-size:14vw}.cinema-side{left:57%;top:75%;font-size:12px}.cinema-orbit{width:115px;height:115px;right:6vw;top:22%}.cinema-timeline{display:none}.cinema-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:750px){.cinema{height:360svh}.cinema-stage{min-height:680px}.cinema-film,.cinema-poster{object-position:60% center}.cinema-shade{background:linear-gradient(90deg,#11171344,transparent 85%),linear-gradient(0deg,#111713b0,transparent 75%,#11171344)}.cinema-chapter{inset:28% 6vw auto}.cinema-chapter .eyebrow{font-size:8px;letter-spacing:.11em;gap:10px}.little-star{font-size:17px}.cinema-chapter h1,.cinema-chapter h2{font-size:clamp(85px,21vw,152px);margin-top:22px;line-height:.79}.cinema-chapter em{font-size:1.23em;line-height:.85;margin-left:8vw}.cinema-chapter[data-chapter="2"] h2{font-size:20vw}.cinema-side{position:static;margin:35px 0 0 auto;width:205px;font-size:11px}.cinema-side p{line-height:1.65}.cinema-link{font-size:11px;margin-top:4px;padding:10px 0}.cinema-link span{font-size:23px}.cinema-orbit{width:85px;height:85px;top:16%;right:7vw}.cinema-edition{display:none}.cinema-bottom{bottom:22px;gap:12px}.cinema-scroll-cue{font-size:7px;letter-spacing:.03em;gap:9px}.cinema-scroll-icon{width:28px;height:28px;font-size:16px}.cinema-motion{font-size:9px;gap:6px}.film-status{top:95px;font-size:9px}.cinema.is-static,.cinema.is-static .cinema-stage{min-height:700px}}
@media(max-width:360px){.cinema-chapter{top:28%}.cinema-chapter h1,.cinema-chapter h2{font-size:84px}.cinema-chapter[data-chapter="2"] h2{font-size:76px}.cinema-side{width:185px;margin-top:32px}.cinema-orbit{width:72px;height:72px}.cinema-scroll-cue{font-size:6px}.cinema-motion{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cinema{height:100svh;min-height:720px}.cinema-stage{position:relative;min-height:720px}.cinema-timeline{visibility:hidden}}