.stage{display:none}.scene-flat{display:block}.scene-flat img{width:100%;height:auto;display:block}[data-scene-section]{background:var(--color-cobalt-600);position:relative}@media (min-width:960px){[data-scene-section] .scene-copy{z-index:1;padding-top:88px;position:absolute;inset:0 0 auto}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){html:not(.flat) .stage{background:var(--color-cobalt-600);display:block;position:fixed;inset:0;overflow:hidden;container-type:size}html:not(.flat) .scene-flat{display:none}html:not(.flat) [data-scene-section]{height:calc(var(--screens) * 100svh);background:0 0}html:not(.flat) [data-scene-section] .scene-copy{z-index:revert-layer;height:100svh;padding-top:revert-layer;position:sticky;inset:0 auto auto}html:not(.flat) [data-stage-scene=rook] .plate{animation:1.4s cubic-bezier(.16,1,.3,1) both arrive-ground}html:not(.flat) [data-stage-scene=rook] .piece{animation:1.1s cubic-bezier(.16,1,.3,1) .35s both arrive-piece}html:not(.flat) [data-scene-section=rook] [data-scene-copy] header>*,html:not(.flat) [data-scene-section=rook] [data-scene-copy] header+*{animation:.8s cubic-bezier(.16,1,.3,1) both arrive-copy}html:not(.flat) [data-scene-section=rook] [data-scene-copy] header>:first-child{animation-delay:.5s}html:not(.flat) [data-scene-section=rook] [data-scene-copy] header>:nth-child(2){animation-delay:.6s}html:not(.flat) [data-scene-section=rook] [data-scene-copy] header>:nth-child(3){animation-delay:.72s}html:not(.flat) [data-scene-section=rook] [data-scene-copy] header>:nth-child(n+4),html:not(.flat) [data-scene-section=rook] [data-scene-copy] header+*{animation-delay:.84s}html:not(.flat) [data-arrive]{animation:.8s cubic-bezier(.16,1,.3,1) .9s both arrive-nav}}@keyframes arrive-ground{0%{translate:0 18%}}@keyframes arrive-piece{0%{opacity:0;translate:0 28%}}@keyframes arrive-copy{0%{opacity:0;translate:0 18px}}@keyframes arrive-nav{0%{opacity:0;translate:0 -12px}}.stage-scene{--ratio:1.7917;--w:max(100cqw, 100cqh * var(--ratio));--h:calc(var(--w) / var(--ratio));width:var(--w);height:var(--h);bottom:0;left:clamp(100cqw - var(--w), 50cqw - var(--cx) * var(--w), 0px);--top:calc(100cqh - var(--h));translate:0 max(0px, 96px - (var(--top) + var(--keep) * var(--h)), 54cqh - (var(--top) + var(--hz) * var(--h)));will-change:transform;position:absolute}@container not (min-aspect-ratio:1){.stage-scene{--w:max(100cqw, 45cqh * var(--ratio))}}.stage-scene[data-near=false]{display:none}.stage-scene img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.stage-scene .layer{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc(var(--bw) * 100%);height:calc(var(--bh) * 100%);position:absolute}.stage-scene .layer img{width:100%;height:100%}.stage-scene .scene-rise,.stage-scene .plate{position:absolute;inset:0}.stage-sky,.stage-grain{pointer-events:none;position:absolute;inset:0}.stage-sky{background:var(--color-cobalt-600)}.stage-grain{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.1 -.05'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");inset:-50%}