*{box-sizing:border-box}body{margin:0;background:#000000;color:var(--ink)}.flow-scene{position:relative;min-height:100svh;height:100svh;overflow:hidden;isolation:isolate;background:#000000;opacity:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}.flow-ready .flow-scene{opacity:1}
.flow-heading{position:absolute;top:10svh;left:24px;right:24px;text-align:center;pointer-events:none}.flow-heading p{margin:0 0 14px}.flow-heading h1{font-size:var(--title-size);margin:0 0 12px}.flow-heading small{font:12px "Songti SC",serif;letter-spacing:.2em;color:var(--dim)}
.flow-window{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000000 18%,#000000 82%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000000 18%,#000000 82%,transparent)}
.stage{pointer-events:auto;position:absolute;left:0;right:0;top:31svh;height:var(--cover-height,300px);perspective:1200px;perspective-origin:50% 40%;outline:none;touch-action:none}.covers{position:absolute;inset:0;transform-style:preserve-3d}.cover{position:absolute;left:50%;bottom:0;width:var(--width);height:var(--height);transform-style:preserve-3d;transform-origin:50% 50%;border:0;padding:0;background:#000000;cursor:pointer;opacity:1}.cover img{display:block;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;pointer-events:none;user-select:none}.reflection{position:absolute;left:0;top:calc(100% + 4px);width:100%;height:100%;pointer-events:none;transform:scaleY(-1);opacity:.28;mask-image:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.38) 24%,transparent 62%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.38) 24%,transparent 62%)}.cover:focus-visible{outline:1px solid #aaaaaa;outline-offset:5px}
.flow-controls{position:absolute;bottom:5svh;left:20px;right:20px;text-align:center}.position{font:italic 14px var(--serif);letter-spacing:.08em;color:#fff;margin:0 0 20px}.flow-controls>div{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.flow-controls .arrow-link{font-size:14px;color:var(--muted)}.stage:focus-visible{outline:1px solid #454545;outline-offset:12px}
@media(max-width:600px){.flow-heading{top:13svh}.stage{top:34svh;perspective:850px}.flow-controls{bottom:6svh}.flow-controls>div{gap:18px}.flow-controls .arrow-link{font-size:13px;gap:8px}.position{margin-bottom:17px}}
@media(max-height:500px) and (min-width:601px){.flow-heading{top:19svh}.flow-heading h1{font-size:28px}.flow-heading small,.flow-heading .eyebrow{display:none}.stage{top:35svh}.flow-controls{bottom:4svh}.position{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.flow-scene{transition:none}}