main[data-film-page]>section.section:not(.hero){z-index:1;background:0 0;position:relative}main[data-film-page]>section.section--stance{align-content:center;min-height:100svh;display:grid}.film{--fp:0;z-index:0;background:var(--void);pointer-events:none;position:fixed;inset:0;overflow:hidden}.film__plate{opacity:0;transform:translate3d(0, calc(var(--fp) * -2.5%), 0) scale(calc(1 + var(--fp) * .07));background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:-5%}.film__plate.is-on{opacity:1;will-change:transform}.film__plate--hold{background-image:url(/assets/film/city-hold.jpg)}.film__plate--dusk{background-image:linear-gradient(#14122a 0%,#3a2b45 46%,#8d5a54 70%,#c98a62 82%,#2a1d22 100%)}.film__plate--night{background-image:radial-gradient(28% 22% at 74% 22%,#bec8ff1f,#0000 70%),linear-gradient(#03040b 0%,#0b1030 60%,#141a3c 84%,#06060c 100%)}.film__plate--dawn{background-image:linear-gradient(#080d1d 0%,#1f2a4c 46%,#5d6283 72%,#a98f86 84%,#1d1a1c 100%)}.film__plate--up{background-image:radial-gradient(80% 50% at 50% 118%,#d2aa9647,#0000 70%),linear-gradient(#070c1c 0%,#16244a 55%,#33446f 100%)}.film__plate--door{background-image:radial-gradient(30% 62% at 50% 100%,#ffd6a080,#ffaa6e24 55%,#0000 75%),linear-gradient(#08090f 0%,#15131a 100%)}.film__veil{background:#09090b57;position:absolute;inset:0}.reel{z-index:3;padding:0 max(var(--space), calc((100% - 1180px) / 2)) env(safe-area-inset-bottom,0px);background:var(--void);color:var(--on-void);font-size:var(--text-ui);font-variant-numeric:lining-nums tabular-nums;visibility:hidden;transition:transform .6s var(--ease), visibility 0s linear .6s;grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:inset 0 1px #fafafa14}.reel.is-on{visibility:visible;transition:transform .6s var(--ease), visibility 0s;transform:none}.reel :focus-visible{outline:2px solid var(--on-void);outline-offset:-2px}.reel__list{gap:.25rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.reel__ch{flex:var(--w,1) 1 5.5rem;min-width:0;position:relative}.reel__link{min-height:3rem;color:var(--on-void-muted);white-space:nowrap;transition:color var(--dur-hover) var(--ease-hover);align-items:center;gap:.5rem;padding-right:.5rem;font-weight:500;text-decoration:none;display:flex}.reel__name{text-overflow:ellipsis;overflow:hidden}.reel__ch.is-current .reel__link{color:var(--on-void)}.reel__ch.is-current{flex-shrink:0;min-width:max-content}.reel__bar{background:#fafafa24;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.reel__bar i{background:var(--on-void);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.reel__link:hover{color:var(--on-void)}}.reel[data-dense] .reel__ch{flex:0 2.75rem}.reel[data-dense] .reel__ch.is-current{flex:auto}.reel[data-dense] .reel__ch:not(.is-current) .reel__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=767px){.reel__ch{flex:0 2.75rem}.reel__ch.is-current{flex:auto}.reel__ch:not(.is-current) .reel__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (height<=559px){.reel{display:none}}@media (prefers-reduced-motion:reduce){.film__plate{transition:none;transform:none}.reel,.reel.is-on{transition:none}}
