.stage--still{opacity:0;background:var(--void)}.no-gpu .stage--still{opacity:.6;background-image:radial-gradient(circle at var(--lx,50%) var(--ly,50%),rgba(69,224,232,.95) 0,rgba(69,224,232,.35) 5px,rgba(69,224,232,.08) 46px,transparent 130px)}.no-gpu [data-stage]{display:none}.reel-page .title h2{max-width:17ch}.reel-page .title--close h2{max-width:22ch}.reel-page .film-on .film,.film-on .reel-page .film{height:1100vh}.film-on .reel-page .title--open .aside{position:static}.film-on .reel-page .title{padding-bottom:clamp(120px,19vh,192px)}.player{display:none}.film-on .player{position:fixed;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px 24px;padding:0 var(--m) 24px}.pl-btn{appearance:none;border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 14px;border-radius:10px;background:var(--s2);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--top),var(--bottom);transition:transform .28s cubic-bezier(.34,1.56,.64,1),background .2s ease-out}.pl-btn:hover{transform:translateY(-1px);background:var(--s3)}.pl-btn:active{transform:translateY(1px);transition-duration:.18s}.pl-btn b{font-weight:700;color:var(--t3);font-variant-numeric:tabular-nums}.pl-btn[aria-pressed=true]{background:var(--s4)}.pl-roll[aria-pressed=true] .led{background:var(--cy);box-shadow:var(--glow-cy)}.pl-tc{font-variant-numeric:tabular-nums;white-space:nowrap}.chapters{list-style:none;margin:0;padding:0;display:flex;gap:4px;min-width:0}.chapters li{flex:var(--span) 1 0;min-width:0}.chapters button{appearance:none;border:0;background:none;font:inherit;color:var(--t3);cursor:pointer;display:block;width:100%;padding:14px 0 0;text-align:left;position:relative}.chapters button:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:1px;background:#ffffff24;transition:background .2s ease-out,transform .28s cubic-bezier(.34,1.56,.64,1);transform-origin:50% 100%}.chapters button:after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;border-radius:1px;background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--fill,0))}.chapters button:hover:before,.chapters button:focus-visible:before{background:#ffffff57;transform:scaleY(2)}.chapters span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(3px);transition:opacity .2s ease-out,transform .2s ease-out,color .2s}.chapters li.now span,.chapters button:hover span,.chapters button:focus-visible span{opacity:1;transform:none}.chapters li.now span{color:var(--ink)}@media(max-width:760px){.film-on .player{grid-template-columns:auto 1fr auto;row-gap:12px}.chapters{grid-column:1 / -1;grid-row:1}.chapters li:not(.now) span{display:none}.chapters span{font-size:10px}.pl-tc{justify-self:center}}@media(prefers-reduced-motion:reduce){.pl-roll{display:none}}.notes{position:fixed;inset:0;z-index:3;pointer-events:none}.notes[hidden]{display:none}.nt{position:absolute;width:28px;height:28px;border:solid rgba(255,255,255,.5);border-width:0}.nt--tl{left:var(--m);top:88px;border-left-width:1px;border-top-width:1px}.nt--tr{right:var(--m);top:88px;border-right-width:1px;border-top-width:1px}.nt--bl{left:var(--m);bottom:96px;border-left-width:1px;border-bottom-width:1px}.nt--br{right:var(--m);bottom:96px;border-right-width:1px;border-bottom-width:1px}.nt-third{position:absolute;background:#ffffff1a}.nt-third--v1,.nt-third--v2{top:88px;bottom:96px;width:1px}.nt-third--v1{left:33.333%}.nt-third--v2{left:66.666%}.nt-third--h1,.nt-third--h2{left:var(--m);right:var(--m);height:1px}.nt-third--h1{top:calc(88px + (100% - 184px) / 3)}.nt-third--h2{top:calc(88px + (100% - 184px) * 2 / 3)}.nt-data{position:absolute;right:calc(var(--m) + 16px);top:104px;margin:0;display:grid;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.nt-data div{display:grid;grid-template-columns:9ch auto;gap:12px}.nt-data dt{color:var(--t3)}.nt-data dd{margin:0;color:var(--ink)}.chapters span{overflow:visible;text-overflow:clip}.chapters li:nth-last-child(-n+2) button{display:flex;justify-content:flex-end}