.hero-art{mix-blend-mode:multiply;transform:translate(var(--parallax-x,0px),var(--parallax-y,0px)) rotate(var(--parallax-r,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.sketch-surface{display:block;width:100%;height:auto;overflow:hidden}
.game-art.has-sketch{background:none}
.sketch-mask-path{stroke-dasharray:1;stroke-dashoffset:0}
.motion-ready:not(.motion-off) .hero .sketch-mask-path{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.3,.05,.4,1) .35s}
.motion-ready.page-ready:not(.motion-off) .hero .sketch-mask-path{stroke-dashoffset:0}
.motion-ready:not(.motion-off) .hero-copy>*{opacity:0;transform:translateY(14px);transition:opacity .65s,transform .8s cubic-bezier(.2,.8,.2,1)}
.motion-ready.page-ready:not(.motion-off) .hero-copy>*{opacity:1;transform:translateY(0)}
.motion-ready:not(.motion-off) .hero-copy h1{transform:translateY(14px) rotate(-3deg);transition-delay:.07s}
.motion-ready.page-ready:not(.motion-off) .hero-copy h1{transform:translateY(0) rotate(-3deg)}
.motion-ready:not(.motion-off) .hero-description{transition-delay:.2s}
.motion-ready:not(.motion-off) .hero-copy .primary-button{transition-delay:.3s}
.motion-ready:not(.motion-off) .hero-note{transition-delay:.4s}
.motion-ready:not(.motion-off) .hero .underline path,.motion-ready:not(.motion-off) .annotation-line path,.motion-ready:not(.motion-off) .primary-button path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease .6s}
.motion-ready.page-ready:not(.motion-off) .hero .underline path,.motion-ready.page-ready:not(.motion-off) .annotation-line path,.motion-ready.page-ready:not(.motion-off) .primary-button path{stroke-dashoffset:0}
.motion-ready:not(.motion-off) .annotation-line path{transition-delay:1.35s}
.motion-ready:not(.motion-off) .reveal{opacity:0;translate:0 26px;transition:opacity .75s,translate .85s cubic-bezier(.2,.8,.2,1),transform .35s,box-shadow .35s}
.motion-ready:not(.motion-off) .reveal.in-view{opacity:1;translate:0 0}
.motion-ready:not(.motion-off) .reveal .sketch-mask-path{stroke-dashoffset:1;transition:stroke-dashoffset 1.55s cubic-bezier(.25,.1,.4,1) .15s}
.motion-ready:not(.motion-off) .reveal.in-view .sketch-mask-path{stroke-dashoffset:0}
.motion-ready:not(.motion-off) .card-outline path,.motion-ready:not(.motion-off) .next-page .underline path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s ease .1s}
.motion-ready:not(.motion-off) .in-view .card-outline path,.motion-ready:not(.motion-off) .next-page.in-view .underline path{stroke-dashoffset:0}
.motion-ready:not(.motion-off) .next-page .sketch-mask-path{transition-duration:2.2s;transition-delay:.4s}
.motion-off{scroll-behavior:auto}
.motion-off *, .motion-off *::before, .motion-off *::after{animation:none!important;transition:none!important}
.motion-off .hero-art{transform:none!important}
.motion-off .reveal{opacity:1;translate:0 0}
.motion-off .sketch-mask-path{stroke-dashoffset:0!important}
@media(prefers-reduced-motion:reduce){.motion-ready .hero-copy>*{opacity:1!important;transform:none!important}.motion-ready .hero-copy h1{transform:rotate(-3deg)!important}.motion-ready .reveal{opacity:1!important;translate:0 0!important}.motion-ready path{stroke-dashoffset:0!important}}
/* Lift the blank image paper to white so only pen marks blend into the notebook. */
.hero-illustration,.game-art .sketch-surface,.footer-art{filter:contrast(1.12) brightness(1.065)}
.next-page{mix-blend-mode:multiply}
.footer-art.sketch-surface{width:100%;height:auto}
@media(max-width:700px){.footer-art.sketch-surface{width:165%;left:-30%}.section-top .collection-note{display:none}.section-top h2{white-space:nowrap}}
@media(max-width:370px){.site-header .wordmark{font-size:25px}.site-header nav{font-size:15px}.site-header{gap:8px}.hero h1{font-size:82px}.section-top h2{font-size:53px}}