@media (prefers-reduced-motion:no-preference){html:has(.story){overscroll-behavior:none;overflow:hidden}}.story-scene{width:100%}.story-screen{touch-action:pinch-zoom;flex-direction:column;height:100svh;display:flex;overflow:hidden}.story-stage{width:100%;min-height:0;max-width:var(--content-width);padding:8px var(--gutter);flex:1;grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:center;gap:16px 64px;margin:0 auto;display:grid}.story-screen .site-header,.story-screen .site-footer{z-index:2;background:var(--paper);position:relative}.story-screen .site-header{max-width:none;padding-inline:max(var(--gutter), calc((100% - var(--content-width)) / 2 + var(--gutter)))}.story-chapters{--reel-fade:14px;--reel-mask:linear-gradient(transparent, #000 var(--reel-fade), #000 calc(100% - var(--reel-fade)), transparent);-webkit-mask-image:var(--reel-mask);-webkit-mask-image:var(--reel-mask);mask-image:var(--reel-mask);padding-block:16px;display:grid;overflow:hidden}.story-chapters>div{opacity:0;grid-area:1/1;align-self:end}.story-chapters>div:first-child{opacity:1}.story-stage,.story-chapters>div,.story-chapters p,.story-leg-frame{will-change:transform}.story-chapters h1,.story-chapters h2{letter-spacing:-.03em;text-wrap:balance;padding-bottom:.18em;font-size:clamp(2.25rem,5.4vw,4.75rem);font-weight:400;line-height:1}.story-chapters .hero-title-mark{white-space:nowrap}.story-chapters p{text-wrap:pretty;max-width:32ch;margin-top:16px;font-size:clamp(1.125rem,1.8vw,1.5rem);line-height:1.4}.story-action{margin-top:32px}.story-action p{color:var(--muted);margin-top:12px;font-size:.8125rem}.story-hint{align-items:center;gap:4px;margin-top:24px;display:flex}.story-hint i{border:1px solid var(--line);background:linear-gradient(to right, var(--highlight-yellow) var(--stop-fill,0%), transparent 0);width:10px;height:10px}.story-hint i:first-child{--stop-fill:100%}.story-hint[data-idle] i:not([style*="100%"]){animation:story-nudge 1.1s var(--ease) 3}.story-hint[data-idle] i:not([style*="100%"])~i{animation:none}@keyframes story-nudge{50%{transform:scale(1.35)}}.story-hint span{color:var(--muted);font-family:var(--font-mono);margin-left:8px;font-size:.75rem}.story-leg-frame{align-self:stretch;min-height:0;position:relative}.story-leg{width:100%;height:100%;max-height:640px;margin:auto;position:absolute;inset:0}.story-leg-line{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.story-wraps path{fill:none}.story-wrap-edge{stroke:var(--ink);stroke-width:calc(var(--wrap-width,41) + 3)}.story-wrap-fill{stroke:var(--wrap-fill,var(--wash));stroke-width:var(--wrap-width,41)}.story-wrap-stitch{stroke:var(--wrap-stitch,var(--ink));stroke-width:1px;stroke-dasharray:5 4;opacity:.45}.story-band{fill:var(--ink);opacity:0}.story-band[data-band=ankle]{fill:var(--highlight-yellow)}.story-leg-name{fill:var(--ink);letter-spacing:-.03em;opacity:0;font-size:76px;font-weight:500}@media (max-width:800px){.story-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.story-action{margin-top:16px}.story-action p{margin-top:8px}.story-hint{margin-top:12px}.story .footer-links a{min-height:32px}.story .footer-content{padding-block:4px}}@media (max-width:800px) and (max-height:620px){.story-action p,.story-hint{display:none}.story-chapters p{margin-top:8px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.story-screen{touch-action:auto;height:auto;overflow:visible}.story-chapters{gap:40px;overflow:visible;-webkit-mask-image:none;mask-image:none}.story-chapters>div{opacity:1;grid-area:auto}.story-hint{display:none}}