:root{--page-background:#e7e7e7;--frame-edge:#c3bfbd;--frame-inner:#d1cdcb}*{box-sizing:border-box}html{background:var(--page-background);scrollbar-width:none}html::-webkit-scrollbar{display:none}html,body{background:var(--page-background);overscroll-behavior-y:none;min-height:100%;margin:0}body{overflow-x:hidden}main{min-height:100vh}.watch-sequence{height:var(--scroll-height,700vh);background:var(--page-background);position:relative}.watch-stage{width:100%;height:100vh;background:var(--page-background);place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.watch-background-canvas{z-index:0;background:var(--page-background);pointer-events:none;filter:blur(clamp(48px,6vmin,88px))saturate(.84);width:100%;height:100%;display:block;position:absolute;inset:0}.watch-poster,.watch-canvas{z-index:1;width:min(100vw,100vh);width:min(100vw,100svh);height:min(100vw,100vh);height:min(100vw,100svh);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watch-poster{object-fit:contain;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000b8 1.4%,#000 4% 96%,#000000b8 98.6%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000000b8 1.4%,#000 4% 96%,#000000b8 98.6%,#0000 100%)}.watch-canvas{z-index:2;contain:strict;-webkit-mask-image:linear-gradient(to right, transparent 0%, #000000b8 var(--edge-feather-soft,1.4%), #000 var(--edge-feather,4%), #000 calc(100% - var(--edge-feather,4%)), #000000b8 calc(100% - var(--edge-feather-soft,1.4%)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, #000000b8 var(--edge-feather-soft,1.4%), #000 var(--edge-feather,4%), #000 calc(100% - var(--edge-feather,4%)), #000000b8 calc(100% - var(--edge-feather-soft,1.4%)), transparent 100%);background:0 0}@media (prefers-reduced-motion:reduce){.watch-sequence{height:100vh!important;height:100svh!important}}