.film{position:relative}.scene{--calm: 46;--calm-s: 40;--hang: calc(7vh + 97px + clamp(48px, 10vh, 112px)) ;--words-top: calc(var(--head-h) + var(--level, var(--hang)));--words-foot: 5vh;--words-align: start;position:relative;min-height:100vh;min-height:100svh;overflow:hidden;overflow:clip;isolation:isolate}.scene[data-level=low]{--words-top: calc(var(--head-h) + 3vh);--words-foot: clamp(56px, 11vh, 120px);--words-align: end}.cam{position:absolute;inset:0;z-index:1;background:var(--ground)}.cam-layer{position:absolute;inset:0;display:block;overflow:hidden}.cam img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%)}.scene[data-calm=band] .cam-layer{left:calc(var(--calm) * 1%);top:var(--head-h)}.scene[data-head=band] .cam-layer{top:var(--head-h)}.copy{position:relative;z-index:3;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-content:var(--words-align);justify-items:start;gap:clamp(.8rem,1.9vh,1.5rem);padding:var(--words-top) max(calc((100 - var(--calm)) * 1% + var(--gap)),calc(100% - var(--words-x) - var(--col, 100vw))) var(--words-foot) var(--words-x)}.scene+.scene:before{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:var(--star);margin-top:calc(var(--star) / -2);background:var(--ink);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) center / 100% var(--hair) no-repeat,var(--star-img) left calc(var(--line-x) - var(--star) / 2) center / var(--star) var(--star) no-repeat,var(--star-img) right calc(var(--line-x) - var(--star) / 2) center / var(--star) var(--star) no-repeat;mask:linear-gradient(#000 0 0) center / 100% var(--hair) no-repeat,var(--star-img) left calc(var(--line-x) - var(--star) / 2) center / var(--star) var(--star) no-repeat,var(--star-img) right calc(var(--line-x) - var(--star) / 2) center / var(--star) var(--star) no-repeat;opacity:.62}.scene>.credit{--top: var(--head-h)}.ln-w{display:inline-block}.film-cut,.vf,.rail,.rail-flat,.rail-name{display:none}@media(max-width:900px)and (max-aspect-ratio:1/1),(max-aspect-ratio:4/5){.cam img{object-position:var(--fx-s, var(--fx, 50%)) var(--fy-s, var(--fy, 50%))}.copy{align-content:center;min-height:calc(var(--calm-s) * 1vh);min-height:calc(var(--calm-s) * 1svh);padding:calc(var(--head-h) + 48px) 22px 20px var(--words-x)}html:not(.film-on) .scene:is([data-calm=band],[data-calm-s=band]){display:flex;flex-direction:column}html:not(.film-on) .scene:is([data-calm=band],[data-calm-s=band]) .copy{order:0;flex:none}html:not(.film-on) .scene:is([data-calm=band],[data-calm-s=band]) .cam{order:2;position:relative;inset:auto;flex:1 0 auto;min-height:calc((100 - var(--calm-s)) * 1vh);min-height:calc((100 - var(--calm-s)) * 1svh)}html:not(.film-on) .scene:is([data-calm=band],[data-calm-s=band]) .cam-layer{left:0;right:0;top:0}html:not(.film-on) .scene:is([data-calm=band],[data-calm-s=band])>.credit:is([data-at-s=tl],[data-at-s=tr]){order:1;position:relative;inset:auto;flex:none;align-self:flex-end;margin:calc(var(--edge) - var(--inset)) 14px calc(var(--inset) - var(--edge) - 44px) 0}html:not(.film-on) .scene:is([data-calm=band],[data-calm-s=band])>.credit[data-at-s=tl]{align-self:flex-start;margin-left:var(--words-x);margin-right:0}@media(max-height:700px){.scene{--calm-s: 46}}@media(max-height:700px)and (max-width:359.98px){.scene{--calm-s: 50}}@media(min-height:1000px){.scene{--calm-s: 38}}}@media screen and (max-width:900px)and (max-height:620px),screen and (max-width:339px),screen and (min-width:901px)and (min-aspect-ratio:4001/5000)and (max-aspect-ratio:5001/4000),screen and (min-aspect-ratio:1001/1000)and (max-aspect-ratio:5001/4000){html:not(.film-on) .scene{display:flex;flex-direction:column;min-height:0}html:not(.film-on) .scene>.copy{min-height:0;padding:calc(var(--head-h) + 20px) 22px 28px var(--words-x)}html:not(.film-on) .scene>.copy>*{min-height:0!important}html:not(.film-on) .scene>.copy>div{padding-right:22px!important;padding-bottom:28px!important}html:not(.film-on) .scene>.cam{position:relative;inset:auto;order:2;flex:none;width:100%;aspect-ratio:16 / 10;max-height:110vh;max-height:110svh}html:not(.film-on) .scene>.cam .cam-layer{left:0;right:0;top:0}html:not(.film-on) .scene>.cam img{object-position:50% var(--fy-k, 40%)}}@media screen and (max-width:900px)and (max-height:620px)and (max-aspect-ratio:1/1),screen and (max-width:339px)and (max-aspect-ratio:1/1){html:not(.film-on) .scene>.cam{aspect-ratio:4 / 5}html:not(.film-on) .scene>.cam img{object-position:var(--fx-s, 50%) var(--fy-s, 50%)}}html:not(.film-on) .scene.is-stacked{display:flex;flex-direction:column;min-height:0}html:not(.film-on) .scene.is-stacked>.copy{min-height:0;align-content:start;padding-top:calc(var(--head-h) + 48px);padding-bottom:28px;padding-right:22px}html:not(.film-on) .scene.is-stacked>.copy>*{min-height:0!important}html:not(.film-on) .scene.is-stacked>.copy>div{padding-right:22px!important;padding-bottom:28px!important}html:not(.film-on) .scene.is-stacked>.cam{position:relative;inset:auto;order:2;flex:none;width:100%;aspect-ratio:16 / 10;max-height:110vh;max-height:110svh}html:not(.film-on) .scene.is-stacked>.cam .cam-layer{left:0;right:0;top:0}html:not(.film-on) .scene.is-stacked>.cam img{object-position:50% var(--fy-k, 40%)}@media(max-width:900px)and (max-aspect-ratio:1/1),(max-aspect-ratio:4/5){html:not(.film-on) .scene.is-stacked>.cam{aspect-ratio:4 / 5}html:not(.film-on) .scene.is-stacked>.cam img{object-position:var(--fx-s, 50%) var(--fy-s, 50%)}html:not(.film-on) .scene.is-stacked>.credit:is([data-at-s=tl],[data-at-s=tr]){order:1;position:relative;inset:auto;flex:none;align-self:flex-end;margin:calc(var(--edge) - var(--inset)) 14px calc(var(--inset) - var(--edge) - 44px) 0}html:not(.film-on) .scene.is-stacked>.credit[data-at-s=tl]{align-self:flex-start;margin-left:var(--words-x);margin-right:0}}@media screen and (min-width:901px)and (max-height:559px){html:not(.film-on) .film-reel>.scene{min-height:max(100vh,420px);min-height:max(100svh,420px)}html:not(.film-on) .copy{align-content:center;padding-top:calc(var(--head-h) + 16px);padding-bottom:24px}}@media screen{.film-on .film{height:var(--film-px, calc(var(--film-len, 900) * 1vh + 100vh))}.film-on .film{overflow-anchor:none}.film-on .film-reel{position:sticky;top:0;height:100vh;height:100lvh;isolation:isolate;contain:layout;background:var(--ground)}.film-on .scene{position:absolute;inset:0;min-height:0;overflow:visible;isolation:auto;display:block;background:none}.film-on .scene:before,.film-on .scene:after{content:none}.film-on .cam,.film-on .scene[data-calm=band] .cam{display:none;position:absolute;inset:0;min-height:0;overflow:hidden}.film-on .scene.is-near .cam.is-due{display:block;visibility:hidden}.film-on .film-reel .scene:is(.is-pic,.is-leaving,.is-fading) .cam{display:block;visibility:visible}.film-on .cam-on img{width:auto;height:auto;object-fit:fill;object-position:0 0;transform-origin:0 0;will-change:transform;backface-visibility:hidden}.film-on .scene:not(:first-of-type) .cam-on img,.film-on .scene:first-of-type .cam img{transition:opacity .4s var(--ease)}.film-on .scene:not(:first-of-type) .cam-on img:not(.is-in){opacity:0}html.film-on:not(.first-pic) .scene:first-of-type .cam img{opacity:0}.film-on .copy{position:absolute;inset:0 0 auto;height:100vh;height:100svh;min-height:0}.film-on .film>.film-reel>.scene>.copy{align-content:var(--words-align);padding-top:var(--words-top);padding-bottom:var(--words-foot)}.film-on .scene:not(.is-on) .copy{opacity:0;pointer-events:none}.film-on .film-reel.is-live .scene:is(:not(.is-pic),.is-leaving)>.copy{opacity:0;pointer-events:none;transition:opacity .08s linear}.film-on .scene>.credit{opacity:0;pointer-events:none}.film-on .scene.is-pic:not(.is-leaving)>.credit,.film-on .film-reel:not(.is-live) .scene:first-of-type>.credit{opacity:1;pointer-events:auto}.film-on .film-reel.is-going .scene>.credit{opacity:0;pointer-events:none}.film-on .film-reel:not(.is-live) .scene:first-of-type .cam{display:block;visibility:visible}.film-on .film-reel:not(.is-live) .scene:first-of-type .copy{opacity:1;pointer-events:auto}.film-wait .film-reel:not(.is-live) .scene:first-of-type :is(.cam,.copy,.credit){visibility:hidden!important}html.first-wait.film-on .film-reel .scene:first-of-type>.copy{opacity:0}html.first-in.film-on .film-reel .scene:first-of-type>.copy{transition:opacity .3s var(--ease)}.film-on .t-block,.film-on .t-copy .ln-w{transition:opacity .42s var(--ease),transform .42s var(--ease),filter .42s var(--ease);transition-delay:var(--d, 0ms)}.film-on .t-block.t-pre,.film-on .t-copy.t-pre .ln-w{opacity:0;transform:translate3d(0,.5em,0);filter:blur(10px)}.film-on .t-block.t-post,.film-on .t-copy.t-post .ln-w{opacity:0;transform:translate3d(0,-.38em,0);filter:blur(8px);transition-duration:.26s;transition-delay:calc(var(--d, 0ms) * .4)}.film-on .t-lines.t-pre,.film-on .t-lines.t-post{opacity:0}.film-on .t-pre,.film-on .t-post{pointer-events:none}.film-on .t-now{transition:none!important}.film-on .film-reel.is-going .scene.is-on .copy{opacity:0;transform:translate3d(0,-.38em,0);filter:blur(8px);pointer-events:none;transition:opacity .26s var(--ease),transform .26s var(--ease),filter .26s var(--ease)}.film-on .film-cut{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;visibility:hidden}.film-on .film-cut.is-on{visibility:visible}.film-on .site-head{position:fixed}.film-on.film-past .site-head{position:absolute;top:var(--film-end, 0px)}.film-on body:before,.film-on body:after,html.film-on:before,html.film-on:after{content:"";position:fixed;z-index:41;pointer-events:none}.film-on body:before,.film-on body:after{left:calc(50% - 12px);width:24px;height:12px}.film-on body:before{top:0}.film-on body:after{bottom:0}html.film-on:before,html.film-on:after{top:calc(50% - 12px);width:12px;height:24px}html.film-on:before{left:0}html.film-on:after{right:0}.film-on .is-live .vf{display:block;position:absolute;inset:0 0 auto;height:100vh;height:100lvh;z-index:4;pointer-events:none}.vf-l,.vf-t,.vf-v,.vf-h{position:absolute;background:var(--line);transition:background-color .15s var(--ease),left .5s var(--ease),top .5s var(--ease),opacity .3s var(--ease)}.vf-l{left:var(--line-x);top:0;bottom:0;width:var(--hair)}.vf-t{left:0;right:0;top:var(--head-h);height:var(--hair)}.vf-v{left:calc(var(--vx, 46) * 1%);top:var(--head-h);bottom:0;width:var(--hair)}.vf-h{left:0;right:0;top:calc(var(--hy, 46) * 1%);height:var(--hair)}.vf-s{position:absolute;width:var(--star);height:var(--star);margin:calc(var(--star) / -2) 0 0 calc(var(--star) / -2);background:var(--ink);clip-path:var(--star-shape);transition:background-color .15s var(--ease),left .5s var(--ease),top .5s var(--ease),opacity .3s var(--ease)}.vf-s0{display:none;left:var(--line-x);top:var(--head-h)}.vf-s1{left:calc(var(--vx, 46) * 1%);top:var(--head-h)}.vf-s2{left:var(--line-x);top:calc(var(--hy, 46) * 1%)}.vf[data-v="0"] .vf-v,.vf[data-v="0"] .vf-s1,.vf[data-h="0"] .vf-h,.vf[data-h="0"] .vf-s2{opacity:0}.vf-down{position:absolute;left:calc(var(--line-x) - 6px);top:calc(100vh - 34px);top:calc(100svh - 34px);width:13px;height:13px;background:var(--ink);opacity:0;transition:opacity .4s var(--ease);-webkit-mask:var(--down) center / contain no-repeat;mask:var(--down) center / contain no-repeat}.film-reel.is-start .vf-down{opacity:.9}.film-on .is-live .rail{display:block;position:absolute;z-index:5;left:var(--line-x);top:calc(var(--head-h) + 7vh)}.rail ol,.rail li{display:grid}.rail a{position:relative;display:block;width:48px;height:28px;border-radius:2px}.rail a:before{content:"";position:absolute;left:0;top:50%;width:11px;height:2px;margin-top:-1px;background:var(--ink);box-shadow:0 0 0 1px var(--ground);transition:width .3s var(--ease),background-color .15s var(--ease),box-shadow .15s var(--ease)}.rail-set a{height:24px}@media(pointer:coarse){.rail-set a{height:32px}}.rail-set.is-now a:before{width:17px}.rail a[aria-current=true]:before,.rail a:focus-visible:before{width:25px}@media(hover:hover){.rail a:hover:before{width:25px}}.film-on .is-live .rail-name{display:block;position:absolute;z-index:5;left:max(var(--words-x),calc(var(--line-x) + 31px));top:calc(var(--head-h) + 7vh + var(--name-y, 0px));padding:.58em .8em .52em;border-radius:4px;background:var(--tag-bg);color:var(--ink);font:500 var(--fs-tag)/1 var(--mono);letter-spacing:.04em;white-space:nowrap;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),background-color .15s var(--ease),color .15s var(--ease)}.film-on .rail-name.is-on{opacity:1}@media(min-width:901px)and (min-aspect-ratio:4001/5000),(min-aspect-ratio:1001/1000){@supports (height: 1dvh){.film-on .scene>.credit:not([data-at=tl],[data-at=tr]){bottom:auto;top:calc(100dvh - var(--edge) + var(--inset) - 44px)}}}@media(max-width:900px)and (max-aspect-ratio:1/1),(max-aspect-ratio:4/5){.film-on .scene:is([data-calm=band],[data-calm-s=band]) .cam-layer{left:0;right:0;top:calc(var(--calm-s) * 1%)}.scene,.scene[data-level]{--words-top: calc(var(--head-h) + 37px + clamp(16px, 9vh - 40px, 56px));--words-foot: 20px;--words-align: start}@supports (height: 1lvh){.scene,.scene[data-level]{--words-top: calc(var(--head-h) + 37px + clamp(16px, 9lvh - 40px, 56px))}}.film-on .scene:is([data-calm=band],[data-calm-s=band])>.credit{--top: calc(var(--calm-s) * 1%)}@supports (height: 1dvh){.film-on .scene>.credit:not([data-at-s=tl],[data-at-s=tr]){bottom:auto;top:calc(100dvh - var(--edge) + var(--inset) - 44px)}}.film-on .film{height:var(--film-px, calc(var(--film-len-s, var(--film-len, 900)) * 1vh + 100vh))}.film-on .copy{height:calc(var(--calm-s) * 1vh);height:calc(var(--calm-s) * 1lvh)}.film-on .is-live .rail{display:none}.film-on .is-live .rail-flat{display:flex;align-items:flex-start;gap:10px;position:absolute;z-index:5;right:22px;top:var(--head-h);pointer-events:none}.rail-flat span{display:flex;align-items:flex-start;gap:10px}.rail-flat .rail-set{gap:6px}.rail-flat i{display:block;width:2px;height:7px;background:var(--ink);transition:height .3s var(--ease),background-color .15s var(--ease)}.rail-flat .rail-set.is-now i{height:10px}.rail-flat i.is-now,.rail-flat .rail-set.is-now i.is-now{height:14px}.vf-s0{display:block}.film-on .is-live .rail-name{display:none}}}@media(prefers-reduced-motion:reduce){.vf-l,.vf-t,.vf-v,.vf-h,.vf-s,.rail a:before,.rail-flat i,.rail-name{transition:none}}@media(forced-colors:active){.copy :is(h1,h2,h3,p,li){background:Canvas}.rail{background:Canvas;outline:1px solid CanvasText}.vf-l,.vf-t,.vf-v,.vf-h,.vf-s,.vf-down,.rail a:before,.rail-flat i,.scene+.scene:before{background:CanvasText;forced-color-adjust:none}.rail a:before{box-shadow:none}.rail a[aria-current=true]:before{background:Highlight}.rail-name{border:1px solid CanvasText;background:Canvas;color:CanvasText}}@media print{.scene{min-height:0;--ground: #fff !important}.film-reel{--ground: #fff !important}.copy{min-height:0;padding:12pt 0 8pt;translate:none!important;break-inside:avoid}.copy *{translate:none!important}.cam{position:relative;height:22vh}.cam img{width:100%!important;height:100%!important;transform:none!important}.scene[data-calm=band] .cam-layer{left:0;top:0}.scene+.scene:before{display:none}.scene>.credit{margin-bottom:8pt}.scene>.credit:is([data-at-s=tl],[data-at-s=tr]){margin:0 0 8pt!important;align-self:flex-start!important}}
