.pagescroll{view-timeline-name:--pagescroll;view-timeline-axis:block}.pagescroll__stage{top:calc(var(--nav-h) + var(--space-6));position:sticky}.pagescroll__frame{aspect-ratio:16/10;background:var(--color-panel);border:1px solid var(--color-line);position:relative;overflow:hidden;container-type:size}.pagescroll__frame>img{width:100%;height:auto;display:block}@supports (animation-timeline:view()){.pagescroll__frame>img{animation:linear both pagescroll;animation-timeline:--pagescroll;animation-range:contain}}@keyframes pagescroll{0%{translate:0}to{translate:0 calc(100cqh - 100%)}}.pagescroll__note{align-items:center;min-height:60vh;display:flex}.stationflow{view-timeline-name:--stationflow;position:relative;container-type:size}.stationflow__line{background:var(--color-line);width:1px;position:absolute;top:0;bottom:0;left:11px}.stationflow__packet{border-radius:var(--radius-pill);background:var(--color-accent);width:15px;height:15px;box-shadow:none;outline:6px solid #ffab8040;position:absolute;top:0;left:4px}@supports (animation-timeline:view()){.stationflow__packet{animation:linear both stationflow;animation-timeline:--stationflow;animation-range:cover 15% cover 85%}}@keyframes stationflow{0%{translate:0}to{translate:0 calc(100cqh - 15px)}}.stationflow__station{padding-left:var(--space-12);align-items:center;min-height:50vh;display:flex;position:relative}.stationflow__dot{border-radius:var(--radius-pill);background:var(--color-ground);border:1px solid var(--color-line);width:9px;height:9px;position:absolute;top:50%;left:7px;translate:0 -50%}@media (min-width:1024px){.stationflow__line{left:50%}.stationflow__packet{left:calc(50% - 7px)}.stationflow__station{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;padding-left:0;display:grid}.stationflow__dot{left:calc(50% - 4px)}.stationflow__station:nth-child(2n) .stationflow__text{order:2}}.case-cloth{pointer-events:none;width:100vw;height:320px;position:absolute;top:-160px;left:0}.case-reel video{max-height:calc(100svh - var(--nav-h) - 4rem)}@supports (animation-timeline:view()){.premiere{animation:premiere var(--ease-brand) both;animation-timeline:view();animation-range:entry 10% entry 90%}}@keyframes premiere{0%{clip-path:inset(48% 0)}to{clip-path:inset(0)}}.emptyframe{aspect-ratio:16/10;border:1px solid var(--color-ink);width:min(100%,420px);animation:emptyframe 6s var(--ease-brand) .4s both}@keyframes emptyframe{0%{aspect-ratio:16/10}20%{aspect-ratio:1}40%{aspect-ratio:9/16}60%{aspect-ratio:16/9}80%{aspect-ratio:3/2}to{aspect-ratio:16/10}}@media (hover:none){@supports (animation-timeline:view()){.portrait-alt{animation:linear both portrait-swap;animation-timeline:view();animation-range:cover 35% cover 65%}}}@keyframes portrait-swap{0%{opacity:0}to{opacity:1}}.sheet{view-timeline-name:--sheet;position:relative;container-type:inline-size}.sheet__beam{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffab8059,#0000);width:18%;position:absolute;top:0;bottom:0;left:0}@supports (animation-timeline:view()){.sheet__beam{animation:linear both sheetbeam;animation-timeline:--sheet;animation-range:entry 20% exit 80%}}@keyframes sheetbeam{0%{translate:-20cqw}to{translate:100cqw}}.feed__stage{top:calc(var(--nav-h) + var(--space-6));position:sticky}.feed__layer{opacity:0;transition:opacity .5s linear;position:absolute;inset:0}.feed__layer[data-active=true]{opacity:1}.feed__item{flex-direction:column;justify-content:center;min-height:70vh;display:flex}@media (prefers-reduced-motion:reduce){.pagescroll__frame>img,.stationflow__packet,.premiere,.emptyframe,.portrait-alt,.sheet__beam{animation:none!important}.premiere{clip-path:none}.stationflow__packet{translate:0 calc(100cqh - 15px)}}