.landing-mobile-books{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-mobile-books:after{content:"";background:linear-gradient(105deg, color-mix(in srgb, var(--color-surface-1) 94%, transparent) 0%, color-mix(in srgb, var(--color-surface-1) 86%, transparent) 35%, color-mix(in srgb, var(--color-surface-1) 72%, transparent) 72%, color-mix(in srgb, var(--color-surface-1) 66%, transparent) 100%);position:absolute;inset:0}.landing-mobile-books__covers{height:140%;inset:-20% -12%}.landing-mobile-books .cover-marquee-scene{height:140%;inset:-32% -30%;transform:perspective(60rem)rotateX(24deg)rotateY(-16deg)rotate(-20deg)}.landing-mobile-books .cover-marquee-row{height:clamp(10rem,35cqh,17rem);animation-duration:calc(var(--cover-marquee-duration) * 3);flex-shrink:0}@media (forced-colors:active){.landing-mobile-books{display:none}}:where(html[data-accessibility-reduce-motion=true]) .landing-mobile-books .cover-marquee-row{animation:none}.landing-mobile-books[data-motion=paused] .cover-marquee-row{animation-play-state:paused}.landing-mobile{padding-block:clamp(5rem,9vw,8rem) clamp(3rem,5vw,5rem);position:relative}.landing-mobile__panel{--mobile-art-top-room:6rem;--mobile-art-size:clamp(18rem, 40vw, 32rem);--mobile-hand-float-y:-.9rem;isolation:isolate;border-radius:var(--radius-xl);background:var(--color-surface-3);width:min(100% - 3rem,80rem);min-height:22rem;color:var(--color-ink);margin-inline:auto;position:relative}.landing-mobile__copy{z-index:1;overflow-wrap:anywhere;width:58%;padding:clamp(2rem,3.5vw,3rem) clamp(2rem,5vw,4.5rem);position:relative}.landing-mobile__copy h2{max-width:18ch;font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,3.7vw,3.75rem);font-weight:500;line-height:1.08}.landing-mobile__description{max-width:43ch;color:var(--color-ink-muted);text-wrap:pretty;margin:1.375rem 0 0;font-size:1.0625rem;line-height:1.7}.landing-mobile__actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1.75rem;display:flex}.landing-mobile__download,.landing-mobile__more{border-radius:var(--radius-md);white-space:normal;max-width:100%;height:auto;min-height:3rem}.landing-mobile__download{background:var(--color-surface-0);color:var(--color-ink);border:0;padding:.875rem 1.25rem}.landing-mobile__download:hover{background:var(--color-surface-2);color:var(--color-ink)}.landing-mobile__download img{flex-shrink:0}.landing-mobile__download span{min-width:0}.landing-mobile__more{color:inherit;text-underline-offset:.3em;padding:.75rem 0;text-decoration:underline}.landing-mobile__more:hover{color:inherit;background:0 0}.landing-mobile__actions a:focus-visible{outline:2px solid var(--color-ink);outline-offset:.25rem}.landing-mobile__art-mask{z-index:0;inset:calc(-1 * var(--mobile-art-top-room)) 0 0;pointer-events:none;display:flow-root;position:absolute;-webkit-mask-image:linear-gradient(#000 calc(100% - 2rem),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 2rem),#0000 100%)}.landing-mobile__art{bottom:calc(var(--mobile-art-size) * -.13);width:var(--mobile-art-size);aspect-ratio:1;pointer-events:none;transform-origin:62% 88%;animation:6.8s ease-in-out infinite paused landing-mobile-hand-float;position:absolute;right:-1.25rem}.landing-mobile__art[data-motion=running]{animation-play-state:running}@keyframes landing-mobile-hand-float{0%,to{transform:translateY(0)rotate(-1.2deg)}40%{transform:translateY(var(--mobile-hand-float-y)) rotate(1deg)}72%{transform:translateY(calc(var(--mobile-hand-float-y) / 3)) rotate(-.4deg)}}.landing-mobile__hand{width:100%;height:100%;display:block;position:relative}.landing-mobile__screen{transform-origin:0 0;border-radius:5%;width:23.2%;height:44.5%;position:absolute;top:8.65%;left:36.5%;overflow:hidden;transform:rotate(17deg)}.landing-mobile__screen-image{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;position:absolute;inset:0}.landing-mobile__screen-image[data-visible=true]{opacity:1}@media (width<=64rem){.landing-mobile__panel{--mobile-art-size:min(52vw, 32rem)}.landing-mobile__copy{width:60%;padding:2.5rem 2rem}.landing-mobile__copy h2{font-size:clamp(2rem,4vw,3rem)}.landing-mobile__art{right:-2rem}}@media (width<=47.999rem){.landing-mobile__panel{--mobile-art-size:min(90vw, 28rem);--mobile-hand-float-y:-.35rem;width:calc(100% - 2rem);min-height:0}.landing-mobile__copy{width:100%;padding:2rem 1.5rem calc(var(--mobile-art-size) * .82 + .5rem)}.landing-mobile__actions{column-gap:.5rem}.landing-mobile__download{padding-inline:.875rem}.landing-mobile__art{right:50%;translate:50%}}@media (width<=30rem){.landing-mobile__copy h2{font-size:clamp(1.875rem,7.7vw,2.25rem)}.landing-mobile__description{font-size:1rem}.landing-mobile__actions{gap:.5rem}.landing-mobile__download{flex-shrink:0;padding:.75rem;font-size:.8125rem}.landing-mobile__more{text-align:left;flex:1 1 0;justify-content:flex-start;min-width:6rem;font-size:.8125rem;line-height:1.35}}@media (forced-colors:active){.landing-mobile__panel,.landing-mobile__download{border:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.landing-mobile__art{animation:none;transform:none}}:where(html[data-accessibility-reduce-motion=true]) .landing-mobile__art{animation:none;transform:none}.landing-mobile__art-motion{transform-origin:62% 88%;width:100%;height:100%;position:relative}.landing-mobile__screen:before,.landing-mobile__screen:after{z-index:1;pointer-events:none;opacity:0;content:"";position:absolute;inset:0}.landing-mobile__screen:before{mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 12%,#ff1f56a6 12% 14%,#0000 14% 31%,#20e6ff8c 31% 33%,#0000 33% 47%)}.landing-mobile__screen:after{mix-blend-mode:screen;background:linear-gradient(#0000 0 28%,#fffc 28% 29%,#ff185052 29% 38%,#0000 38% 100%)}.landing-mobile__screen[data-glitching=true] .landing-mobile__screen-image[data-visible=true]{animation:landing-mobile-screen-jitter var(--mobile-screen-glitch-duration) steps(1, end) both}.landing-mobile__screen[data-glitching=true]:before{animation:landing-mobile-screen-channels var(--mobile-screen-glitch-duration) steps(1, end) both}.landing-mobile__screen[data-glitching=true]:after{animation:landing-mobile-screen-scan var(--mobile-screen-glitch-duration) steps(1, end) both}@keyframes landing-mobile-screen-jitter{0%,to{filter:none;transform:translate(0)}18%{filter:contrast(1.5)saturate(1.8);transform:translate(-3%)}36%{filter:contrast(1.2)hue-rotate(12deg);transform:translate(2%)}62%{filter:brightness(1.45);transform:translate(-1%)}78%{filter:contrast(1.5)hue-rotate(-12deg);transform:translate(3%)}}@keyframes landing-mobile-screen-channels{0%,to{opacity:0;transform:translate(0)}18%,62%{opacity:.8;transform:translate(4%)}36%,78%{opacity:.5;transform:translate(-5%)}}@keyframes landing-mobile-screen-scan{0%,to{opacity:0;transform:translateY(-30%)}20%{opacity:.75;transform:translateY(0)}45%{opacity:.25;transform:translateY(20%)}70%{opacity:.6;transform:translateY(62%)}}@media (prefers-reduced-motion:reduce){.landing-mobile__screen[data-glitching=true] .landing-mobile__screen-image[data-visible=true],.landing-mobile__screen[data-glitching=true]:before,.landing-mobile__screen[data-glitching=true]:after{animation:none}}html[data-accessibility-reduce-motion=true] .landing-mobile__screen[data-glitching=true] .landing-mobile__screen-image[data-visible=true],html[data-accessibility-reduce-motion=true] .landing-mobile__screen[data-glitching=true]:before,html[data-accessibility-reduce-motion=true] .landing-mobile__screen[data-glitching=true]:after{animation:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-accessibility-reduce-motion=true]) .landing-mobile__download,html:not([data-accessibility-reduce-motion=true]) .landing-mobile__more svg{transition:transform var(--mobile-interaction-duration) var(--mobile-interaction-ease), background-color var(--mobile-interaction-duration) var(--mobile-interaction-ease)}html:not([data-accessibility-reduce-motion=true]) .landing-mobile__download:hover{transform:translateY(-2px)}html:not([data-accessibility-reduce-motion=true]) .landing-mobile__download:active{transform:translateY(0)}html:not([data-accessibility-reduce-motion=true]) .landing-mobile__more:hover svg{transform:translate(2px,-2px)}}
