.landing{overflow-x:clip}.hero-hello{width:-moz-fit-content;width:fit-content;margin:0 0 8px;font-size:clamp(28px,2.5vw,36px);rotate:-3deg}.hero-title{margin:0 0 clamp(40px,4vw,56px);font-weight:600;font-size:clamp(46px,6.2vw,92px);line-height:.94;letter-spacing:-.025em;text-wrap:balance}.hero-lede{max-width:18em;margin:0 0 clamp(32px,3.6vw,52px);font-size:clamp(20px,1.8vw,25px);line-height:1.45;text-wrap:balance}.hero-note{margin:22px 0 0;font-size:14px;color:var(--color-neutral-700)}.caret{position:relative;display:inline-block;width:.5em;height:.7em}.caret-word{bottom:105%;rotate:-5deg;font-size:1.3em;line-height:1;white-space:nowrap}.caret-mark,.caret-word{position:absolute;left:50%;translate:-50% 0}.caret-mark{bottom:-.14em;width:.72em;overflow:visible;fill:none;stroke:var(--color-accent-600);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.story-stage{width:min(100% - 2 * var(--gutter),1180px);margin-inline:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));align-items:center;grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);padding:clamp(20px,3vw,48px) 0 clamp(56px,7vw,104px)}.book,.leaf,.slice,.strip-0{display:contents}.book-board,.book-loop,.book-pencil,.strip-0>.strip{display:none}.cover{width:min(86%,450px);justify-self:center;margin:24px 0 40px;rotate:-11deg;translate:6% 0}.nbpage{position:relative;container-type:inline-size;aspect-ratio:3/4;border-radius:6px;color:var(--color-text);background:var(--grain),var(--paper);box-shadow:0 1px 2px color-mix(in srgb,var(--ink-shadow) 14%,transparent),0 24px 44px -28px color-mix(in srgb,var(--ink-shadow) 45%,transparent)}.page-kraft{background:radial-gradient(90% 60% at 60% 30%,color-mix(in oklab,var(--kraft),var(--paper) 20%),transparent 75%),var(--grain),color-mix(in oklab,var(--kraft),var(--paper) 8%)}.page-in{position:relative;display:flex;flex-direction:column;min-height:100%;padding:9cqw 8.5cqw;font-size:clamp(14px,3.2cqw,18px);line-height:1.55}.nbpage h2{margin:0 0 3.2cqw;font-weight:600;font-size:8.2cqw;line-height:1;letter-spacing:-.02em;text-wrap:balance}.nbpage p{margin:0 0 3cqw;text-wrap:pretty}.nbpage .pg-kicker{width:-moz-fit-content;width:fit-content;margin:0 0 1.4cqw;font-size:5.6cqw;rotate:-3deg}.nbpage mark,.sky-card mark{padding:0 .1em;background:linear-gradient(100deg,transparent .15em,var(--color-accent-200) .3em calc(100% - .2em),transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}.page-ruled .page-in{--line:5.8cqw;--top:22cqw;--margin:13cqw;padding:8cqw 7cqw 6cqw calc(var(--margin) + 4cqw);background:linear-gradient(90deg,transparent var(--margin),var(--margin-line) var(--margin) calc(var(--margin) + .35cqw),transparent 0),repeating-linear-gradient(transparent 0 calc(var(--line) - .25cqw),var(--ruling) 0 var(--line)) 0 var(--top) /100% calc(100% - var(--top) - 5cqw) no-repeat}.pg-name .page-in{justify-content:center;align-items:center}.nameplate{width:80cqw;padding:1.8cqw;border-radius:3.6cqw;background:var(--paper);rotate:-3deg;box-shadow:0 .6cqw 1.4cqw color-mix(in srgb,var(--ink-shadow) 26%,transparent)}.nameplate-in{display:grid;justify-items:center;grid-gap:1.4cqw;gap:1.4cqw;padding:4.4cqw 5cqw 4.8cqw;border:.75cqw solid var(--color-text);border-radius:2.4cqw;text-align:center}.nameplate span{font-size:3.8cqw}.nameplate b{padding:0 7cqw .4cqw;border-bottom:.5cqw dashed var(--color-text);font:700 15cqw/1 var(--font-caveat),cursive}.nameplate small{font-size:3cqw;font-style:italic;color:var(--color-neutral-700)}.pg-name-s{position:absolute;left:12cqw;bottom:14cqw;font-size:7.5cqw;rotate:-10deg}.pg-name-star{position:absolute;right:10cqw;top:12cqw;width:15cqw;rotate:12deg}.pg-welcome .page-in{justify-content:center;text-align:center}.pg-welcome .welcome-hello{margin-bottom:3cqw;font-size:4.2cqw}.pg-welcome .welcome-title{font-size:12cqw;line-height:.96}.pg-welcome .welcome-turn{position:absolute;left:0;right:0;bottom:9cqw;display:flex;justify-content:center;align-items:flex-end;gap:1.5cqw;margin:0;font-size:5cqw;color:var(--color-text)}.welcome-turn .doodle{width:7cqw}.pg-welcome-star{position:absolute;left:10cqw;top:9cqw;width:16cqw;rotate:-14deg}.pg-welcome-s{position:absolute;right:12cqw;top:18cqw;font-size:8cqw;rotate:12deg}.pg-welcome-heart{position:absolute;left:15cqw;bottom:26cqw;width:8cqw;rotate:-16deg}.mini-page{position:relative;display:grid;grid-gap:1.4cqw;gap:1.4cqw;margin:2cqw 0 6cqw;padding:4.4cqw 5cqw 5.4cqw;border-radius:1.6cqw;background:oklch(.99 .004 90);color:#222;font-family:Helvetica,Arial,sans-serif;rotate:-1.5deg;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink-shadow) 10%,transparent),0 2cqw 4cqw -2.4cqw color-mix(in srgb,var(--ink-shadow) 40%,transparent)}.mini-url{font-size:2.6cqw;color:#888}.mini-h1{font-size:4.6cqw;font-weight:700;line-height:1.15}.mini-p{font-size:3.2cqw;line-height:1.6}.mini-p mark{padding:0;background:var(--color-accent-200)}.mini-save{position:absolute;right:5cqw;bottom:-3.4cqw;padding:1.4cqw 2.6cqw;border:1px solid var(--color-accent);border-radius:1.4cqw;background:var(--color-neutral-100);box-shadow:var(--shadow-md);font:600 3.4cqw/1.2 var(--font-heading);color:var(--color-accent-700)}.nbpage .keys{display:flex;align-items:center;gap:1.6cqw}.keys kbd{padding:1.3cqw 2.4cqw;border:.4cqw solid var(--color-text);border-radius:1.4cqw;background:var(--paper);box-shadow:0 .6cqw 0 var(--color-text);font:600 3.3cqw/1 var(--font-body)}.keys .hand{margin-left:1cqw;font-size:4.8cqw;rotate:-4deg}.files-demo{display:grid;justify-items:start;grid-gap:1.2cqw;gap:1.2cqw;margin:2cqw 0 5cqw}.files-heading{display:grid;grid-gap:.8cqw;gap:.8cqw;padding:2.6cqw 3.6cqw;border-radius:1.4cqw;rotate:-1.5deg;background:oklch(.99 .004 90);color:#222;font:700 4.2cqw/1.2 Helvetica,Arial,sans-serif;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink-shadow) 10%,transparent),0 2cqw 4cqw -2.4cqw color-mix(in srgb,var(--ink-shadow) 40%,transparent)}.files-heading small{font:400 2.6cqw/1 Helvetica,Arial,sans-serif;color:#888}.files-demo .doodle{width:9cqw;margin-left:14cqw;color:var(--color-accent-600)}.toast{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:1.2cqw;margin-left:6cqw;padding:2.4cqw 3.6cqw;border:.45cqw solid var(--color-text);border-radius:2.4cqw;background:var(--paper);font-size:3.4cqw;rotate:1.5deg;box-shadow:0 0 0 1.2cqw var(--paper),0 1.6cqw 3cqw -1cqw color-mix(in srgb,var(--ink-shadow) 35%,transparent)}.toast u{color:var(--color-accent-700);text-underline-offset:.5cqw}.fan{position:relative;height:34cqw;margin:3cqw 0 5cqw}.fan span{position:absolute;top:2cqw;display:grid;align-content:start;grid-gap:1.6cqw;gap:1.6cqw;width:32cqw;aspect-ratio:4/3;padding:3cqw;border-radius:1.4cqw;background:oklch(.99 .004 90);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink-shadow) 10%,transparent),0 2cqw 3cqw -2cqw color-mix(in srgb,var(--ink-shadow) 40%,transparent)}.fan small{margin-bottom:.6cqw;font:2.6cqw/1 Helvetica,Arial,sans-serif;color:#888}.fan i{height:1.6cqw;border-radius:1cqw;background:color-mix(in srgb,var(--ink-shadow) 12%,transparent)}.fan i:nth-of-type(2){width:82%}.fan i.hl{width:90%;background:var(--color-accent-200)}.fan span:first-child{left:0;rotate:-12deg}.fan span:nth-child(2){left:13cqw;top:0;rotate:-5deg}.fan span:nth-child(3){left:26cqw;top:3cqw;rotate:2deg}.fan span:nth-child(4){left:38cqw;top:1cqw;rotate:8deg}.fan span:nth-child(5){left:50cqw;top:4cqw;rotate:14deg}.pg-sheet .sheet-title{height:calc(var(--top) - 8cqw);margin:0;font:600 8cqw/1.25 var(--font-heading)}.nbpage .sheet-h{margin:0;font:italic 600 4.8cqw/var(--line) var(--font-heading);color:var(--color-accent-700)}.nbpage .sheet-li{position:relative;margin:0;font-size:3.5cqw;line-height:var(--line)}.sheet-li.bullet{padding-left:3.6cqw}.sheet-li.bullet:before{top:calc(var(--line) / 2 - .5cqw);width:1.2cqw;height:1.2cqw}.sheet-ref{font-size:.82em;color:var(--color-accent-700)}.sheet-doodle{position:absolute;left:-14cqw;top:1cqw;width:5cqw;fill:none;stroke:var(--color-accent-600);stroke-width:6;stroke-linejoin:round}.sheet-src{padding-left:4.6cqw;font-size:3.3cqw}.nbpage .sheet-more,.sheet-src{margin:0;line-height:var(--line)}.nbpage .sheet-more{font-size:4.6cqw;color:var(--color-text);rotate:-1.5deg}.pg-wants h2{font-size:8.6cqw}.wants{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:6cqw;gap:6cqw;margin:5cqw 0 0;padding:0}.wants .sticky{position:relative;justify-content:center;padding:1em .8em;text-align:center;font:600 5.6cqw/1.05 var(--font-caveat),cursive}.wants .sticky i{display:block;margin-top:.3em;font-style:normal;color:var(--color-accent-700)}.wants .sticky:first-child{rotate:-6deg}.wants .sticky:nth-child(2){rotate:4deg;translate:0 3cqw}.wants .sticky:nth-child(3){rotate:3deg;translate:0 -1cqw}.wants .sticky:nth-child(4){rotate:-4deg;translate:0 2cqw}.pg-return .mini-page{margin-top:6cqw}.restored{position:absolute;top:-3.2cqw;left:50%;translate:-50% 0;padding:1.2cqw 3cqw;border-radius:99px;background:var(--color-text);color:var(--paper);font:2.9cqw/1.2 var(--font-body);white-space:nowrap;box-shadow:var(--shadow-md)}.pg-letter .page-in{padding-top:13cqw}.sticker-lock{display:grid;place-items:center;aspect-ratio:1;border:2px solid var(--color-text);border-radius:50%;background:var(--sticky);color:var(--color-text);rotate:12deg;box-shadow:0 0 0 5px var(--paper),0 6px 10px -2px color-mix(in srgb,var(--ink-shadow) 28%,transparent)}.pg-letter .sticker-lock{position:absolute;top:7cqw;right:8cqw;width:13cqw}.sticker-lock svg{width:50%;height:auto}.nbpage .letter-sign{margin:3cqw 0 0;font-size:6.6cqw;line-height:1.05;color:var(--color-accent-700)}.pg-nolist .page-in{--line:7.2cqw;--top:27cqw}.nolist{list-style:none;margin:0;padding:0;font:600 6cqw/var(--line) var(--font-caveat),cursive;color:var(--color-text)}.nolist li:before{content:"✕";display:inline-block;width:7cqw;font-weight:700;color:oklch(.58 .17 25)}.pg-cool .page-in{text-align:center}.pg-cool .cool-kicker{margin:0 auto 1cqw;font-size:4.8cqw;rotate:-2deg}.pg-cool h2{font-size:8cqw}.cool{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:7cqw 4cqw;gap:7cqw 4cqw;margin:5cqw 0 0;padding:0}.cool li{display:grid;justify-items:center;grid-gap:1.8cqw;gap:1.8cqw;font:600 4.6cqw/1.05 var(--font-caveat),cursive;color:var(--color-text)}.cool li:nth-child(odd){rotate:-3deg}.cool li:nth-child(2n){rotate:2.5deg}.cool svg{width:10cqw;height:10cqw;stroke-width:1.4}.pg-end .page-in{justify-content:center;align-items:center;text-align:center}.pg-end h2{max-width:10em;font-size:9.4cqw}.pg-end .btn-sticker{margin:3cqw 0 5cqw;font-size:clamp(15px,3.6cqw,19px)}.nbpage .end-note{font-size:3.2cqw;color:var(--color-neutral-700)}.nbpage .end-aside{display:flex;align-items:flex-start;gap:1cqw;margin:0;font-size:5.2cqw;rotate:-4deg}.end-aside .doodle{width:7cqw}.pg-end-star{position:absolute;right:10cqw;top:10cqw;width:15cqw;rotate:10deg}.pg-end-s{position:absolute;left:12cqw;bottom:12cqw;font-size:7cqw;rotate:-8deg}.shelf{padding:clamp(40px,6vw,88px) 0}.shelf-stage{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf-stage::-webkit-scrollbar{display:none}.shelf-row{display:flex;align-items:center;gap:clamp(36px,5vw,96px);width:max-content;padding:clamp(64px,8vw,110px) max(var(--gutter),calc(50vw - 590px))}.shelf-row>*{flex:none;scroll-snap-align:center}.shelf-intro{width:min(80vw,400px)}.shelf-intro .hand{width:-moz-fit-content;width:fit-content;margin:0 0 8px;font-size:clamp(26px,2.4vw,34px);rotate:-3deg}.shelf-intro h2{margin:0 0 16px;font-weight:600;font-size:clamp(38px,4.4vw,64px);line-height:.98;letter-spacing:-.02em}.shelf-intro p{max-width:26em;margin:0;font-size:17px;line-height:1.6}.shelf-item{position:relative;width:clamp(250px,min(30vw,(100vh - 300px) * .75),440px);margin:0}.shelf-item:nth-of-type(odd) .nb{rotate:-4deg}.shelf-item:nth-of-type(2n) .nb{rotate:3deg;translate:0 5%}.shelf-note{position:absolute;left:6%;bottom:calc(100% + 10px);display:flex;align-items:flex-end;gap:4px;margin:0;white-space:nowrap;font-size:clamp(20px,1.8vw,26px);color:var(--color-text);rotate:-3deg}.shelf-note .doodle{width:38px;flex:none}.shelf-item:nth-of-type(2n) .shelf-note{top:calc(100% + 9%);bottom:auto;align-items:flex-start}.shelf-item:nth-of-type(2n) .shelf-note .doodle{scale:1 -1}.shelf-end{display:grid;justify-items:start;grid-gap:18px;gap:18px;width:300px}.shelf-end .hand{margin:0;font-size:clamp(26px,2.4vw,32px);rotate:-3deg}.sky{display:grid;grid-template-columns:minmax(0,1fr);container-type:inline-size}.sky-art{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:19% 100%}.sky-card{position:relative;justify-self:center;width:min(100% - 2 * var(--gutter),460px);margin-top:-72px;padding:22px 26px 6px;border-radius:8px;background:var(--grain),var(--paper);box-shadow:var(--paper-shadow);rotate:1deg}.sky-card h2{margin:0;padding-bottom:16px;border-bottom:1.5px solid var(--margin-line);font-weight:600;font-size:clamp(30px,8.4vw,40px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.sky-list{list-style:none;margin:0;padding:0}.sky-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;font-size:17px}.sky-list li+li{border-top:1px solid var(--ruling)}.sky-list span{font:600 19px/1 var(--font-heading);color:var(--color-accent-700)}@media (min-width:640px){.sky-art{aspect-ratio:4/3;object-position:22% 100%}}@media (min-width:1000px){.sky>*{grid-area:1/1}.sky-art{aspect-ratio:auto}.sky-card{align-self:center;justify-self:end;width:clamp(360px,30cqw,520px);margin:0 6cqw 0 0;padding:30px 36px 10px}.sky-card h2{padding-bottom:20px;font-size:clamp(36px,3cqw,50px)}.sky-list li{padding:15px 0;font-size:clamp(17px,1.3cqw,20px)}}.hands{display:grid;grid-template-columns:minmax(0,1fr);container-type:inline-size;padding-top:clamp(64px,9vw,112px)}.hands-copy{justify-self:center;width:min(100% - 2 * var(--gutter),1180px)}.hands-copy h2{max-width:9em;margin:0 0 14px;font-weight:600;font-size:clamp(40px,11vw,56px);line-height:.98;letter-spacing:-.02em;text-wrap:balance}.hands-copy p{max-width:30em;margin:0;font-size:17px;line-height:1.6;text-wrap:pretty}.hands-art{position:relative;left:50%;width:clamp(100%,900px,170%);translate:-50% 0;container-type:inline-size}.hands-art img{display:block;width:100%;height:auto}.hands-name{position:absolute;left:52.1%;top:29.9%;translate:-50% -83%;rotate:9.5deg;font:600 4cqw/1 var(--font-caveat),cursive;color:var(--color-text);opacity:.82;mix-blend-mode:multiply}.hands-aside{justify-self:start;margin:-6% 0 0 var(--gutter);font-size:clamp(24px,6vw,30px);rotate:-4deg}.hands-aside .heart{display:inline-block;width:.8em;height:.8em;margin-left:.1em;vertical-align:-.08em}@media (min-width:1000px){.hands{padding-top:clamp(24px,4cqw,72px)}.hands>*{grid-area:1/1}.hands-copy{z-index:1;align-self:start;justify-self:end;width:24cqw;margin:7cqw 5cqw 0 0}.hands-copy h2{font-size:3.6cqw}.hands-aside{z-index:1;align-self:end;margin:0 0 8cqw 12cqw;font-size:max(24px,2.1cqw)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hands-name{animation:write-on linear both;animation-timeline:view();animation-range:entry 100% cover 40%}}}@keyframes write-on{0%{-webkit-clip-path:inset(-30% 100% -30% -10%);clip-path:inset(-30% 100% -30% -10%)}to{-webkit-clip-path:inset(-30% -10% -30% -10%);clip-path:inset(-30% -10% -30% -10%)}}.faq{max-width:860px;padding:clamp(56px,8vw,120px) 0 clamp(72px,9vw,140px)}.faq-kicker{width:-moz-fit-content;width:fit-content;margin:0 0 6px;font-size:clamp(26px,2.4vw,32px);rotate:-3deg}.faq h2{margin:0 0 clamp(24px,3vw,40px);font-weight:600;font-size:clamp(36px,4vw,54px);line-height:1}.faq details{border-top:1px solid var(--color-divider)}.faq details:last-child{border-bottom:1px solid var(--color-divider)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;list-style:none;font-size:clamp(17px,1.6vw,20px)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font:700 34px/1 var(--font-caveat),cursive;color:var(--color-accent-600);transition:rotate .3s var(--ease-out)}.faq details[open] summary:after{rotate:45deg}.faq summary:hover{color:var(--color-accent-700)}.faq details p{max-width:62ch;margin:0 0 22px;line-height:1.7;color:var(--color-neutral-800)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.story{view-timeline:--story block}.story-stage{position:-webkit-sticky;position:sticky;top:0;display:block;width:auto;height:100vh;padding:0;overflow:hidden;perspective:calc(var(--pw) * 4)}.story-copy{position:absolute;z-index:2}.book{left:0;width:var(--pw);aspect-ratio:3/4}.book,.leaf{position:absolute;display:block;transform-style:preserve-3d}.leaf{inset:0;transform-origin:0 50%}.leaf-0{--z:0px;--r:var(--r0)}.leaf-1{--z:-1px;--r:var(--r1)}.leaf-2{--z:-2px;--r:var(--r2)}.leaf-3{--z:-3px;--r:var(--r3)}.leaf-4{--z:-4px;--r:var(--r4)}.leaf-5{--z:-5px;--r:var(--r5)}.leaf-0,.strip-0{animation:leaf-turn cubic-bezier(.333,0,.667,1) both;animation-timeline:--story;animation-range:var(--r)}.book .strip{position:absolute;top:0;bottom:0;left:0;display:block;width:25%;transform-style:preserve-3d;transform-origin:0 50%}.strip .strip{left:100%;width:100%;animation:leaf-bend both;animation-timeline:--story;animation-range:var(--r)}.slice{--dir:90deg;position:absolute;inset:0 -1px 0 0;display:block;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate}.slice-back{--dir:270deg;transform:rotateY(180deg)}.slice>.nbpage{position:absolute;top:1.6%;bottom:1.6%;width:calc(400% * .982);aspect-ratio:auto;container-type:size;box-shadow:none;border-radius:0 1.4% 1.4% 0/0 1.05% 1.05% 0}.slice-back>.nbpage{margin-left:7.2%;border-radius:1.4% 0 0 1.4%/1.05% 0 0 1.05%}.at-0{left:0}.at-1{left:-100%}.at-2{left:-200%}.at-3{left:-300%}.slice:after,.slice:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;animation:leaf-shade-0 linear both;animation-timeline:--story;animation-range:var(--r)}.slice:after{background:var(--ink-shadow)}.slice:before{background:linear-gradient(var(--dir),transparent,var(--ink-shadow));animation-name:leaf-ramp-0}.strip-1>.slice:after{animation-name:leaf-shade-1}.strip-1>.slice:before{animation-name:leaf-ramp-1}.strip-2>.slice:after{animation-name:leaf-shade-2}.strip-2>.slice:before{animation-name:leaf-ramp-2}.strip-3>.slice:after{animation-name:leaf-shade-3}.strip-3>.slice:before{animation-name:leaf-ramp-3}.book .face{position:absolute;inset:1.6% 1.8% 1.6% 0;width:auto;margin:0;aspect-ratio:auto;rotate:none;translate:none;justify-self:normal;overflow:hidden;container-type:size;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:none;border-radius:0 1.4% 1.4% 0/0 1.05% 1.05% 0}.book .face.face-back{transform:rotateY(180deg);border-radius:1.4% 0 0 1.4%/1.05% 0 0 1.05%}.book .cover{inset:0;overflow:visible;border-radius:1.6% 7% 7% 1.6%/1.2% 5.25% 5.25% 1.2%}.book .pg-name{inset:0;border-radius:7% 1.6% 1.6% 7%/5.25% 1.2% 1.2% 5.25%}.book-base{transform:translateZ(-6px)}.book-board{position:absolute;inset:0;display:block;transform:translateZ(-7px)}.leaf-0 .face:after{background:linear-gradient(90deg,color-mix(in srgb,var(--ink-shadow) 32%,transparent),transparent 75%);opacity:0;animation:cover-lift linear both;animation-timeline:--story;animation-range:var(--r)}.book .page-in:before,.leaf-0 .face:after{content:"";position:absolute;inset:0;pointer-events:none}.book .page-in:before{background:linear-gradient(90deg,color-mix(in srgb,var(--ink-shadow) 10%,transparent),transparent 9%)}.book .face-back .page-in:before{background:linear-gradient(270deg,color-mix(in srgb,var(--ink-shadow) 10%,transparent),transparent 9%)}.book .pg-name .page-in:before,.stack-only{display:none}.book-pencil{display:block;right:-4.6%;top:22%;width:5.4%;height:62%;transform:translateZ(2px);filter:drop-shadow(3px 4px 3px color-mix(in srgb,var(--ink-shadow) 30%,transparent))}.book-loop{--nb-c:var(--kraft);position:absolute;right:-5.4%;top:31%;display:block;width:7.4%;height:11%;border-radius:6px/4px;transform:translateZ(3px)}.shelf{height:440vh;padding:0;view-timeline:--shelf block}.shelf-stage{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:center;height:100vh;overflow:hidden;scroll-snap-type:none}.shelf-row{animation:shelf-slide linear both;animation-timeline:--shelf;animation-range:contain 0 contain 100%}}@media (min-width:900px) and (min-height:560px) and (prefers-reduced-motion:no-preference){.story{height:860vh;scroll-margin-top:-150vh}.story-stage{--r0:contain 9% contain 16%;--r1:contain 22% contain 29%;--r2:contain 37% contain 44%;--r3:contain 52% contain 59%;--r4:contain 67% contain 74%;--r5:contain 82% contain 89%;--pw:min(calc((100vw - 96px) / 2),calc((100vh - 150px) * .75),600px);--hx:min(50vw + 310px,100vw - var(--pw)/2 - 40px)}.story-copy{left:max(var(--gutter),calc(50vw - 590px));top:min(50% + 34px,450px);width:min(560px,44vw);translate:0 -50%;animation:copy-rise-wide cubic-bezier(.333,0,.667,1) both,copy-fade linear both;animation-timeline:--story,--story;animation-range:contain 0 contain 9%,contain 0 contain 5.3%}.book{top:calc(50% + 34px);animation:book-wide cubic-bezier(.333,0,.667,1) both;animation-timeline:--story;animation-range:contain 0 contain 100%}}@media ((max-width:899px) or (max-height:559px)) and (prefers-reduced-motion:no-preference){.story{height:1500vh;scroll-margin-top:-168vh}.story-stage{--r0:contain 6% contain 10.5%;--r1:contain 21% contain 25.5%;--r2:contain 36% contain 40.5%;--r3:contain 51% contain 55.5%;--r4:contain 66% contain 70.5%;--r5:contain 81% contain 85.5%;--pw:min(calc(100vw - 32px),calc((100svh - 140px) * .75));--hv:clamp(446px,100svh - 161px,476px);height:100svh}.story-copy{left:var(--gutter);right:var(--gutter);bottom:calc(100svh - var(--hv) + 32px);animation:copy-rise-narrow cubic-bezier(.333,0,.667,1) both,copy-fade linear both;animation-timeline:--story,--story;animation-range:contain 0 contain 5%,contain 0 contain 1.9%}.hero-title{margin-bottom:24px;font-size:min(46px,13.5vw)}.hero-lede{margin-bottom:28px}.book{top:calc(50% + 24px);animation:book-narrow cubic-bezier(.333,0,.667,1) both;animation-timeline:--story;animation-range:contain 0 contain 100%}}}@keyframes leaf-turn{0%{transform:rotateY(0deg) translateZ(var(--z))}to{transform:rotateY(-180deg) translateZ(var(--z))}}@keyframes leaf-bend{0%,50%{transform:rotateY(0deg);animation-timing-function:cubic-bezier(.61,1,.88,1)}25%{transform:rotateY(-13deg);animation-timing-function:cubic-bezier(.12,0,.39,0)}75%{transform:rotateY(13deg);animation-timing-function:cubic-bezier(.12,0,.39,0)}to{transform:rotateY(0deg)}}@keyframes leaf-shade-0{0%,6.25%{opacity:0}12.5%{opacity:.02}18.75%{opacity:.066}25%{opacity:.133}31.25%{opacity:.21}37.5%{opacity:.285}43.75%{opacity:.34}50%{opacity:.36}56.25%{opacity:.34}62.5%{opacity:.285}68.75%{opacity:.21}75%{opacity:.133}81.25%{opacity:.066}87.5%{opacity:.02}93.75%,to{opacity:0}}@keyframes leaf-ramp-0{0%{opacity:0}6.25%{opacity:.028}12.5%{opacity:.058}18.75%{opacity:.077}25%{opacity:.083}31.25%{opacity:.071}37.5%{opacity:.044}43.75%{opacity:.014}50%{opacity:0}56.25%{opacity:.014}62.5%{opacity:.044}68.75%{opacity:.071}75%{opacity:.083}81.25%{opacity:.077}87.5%{opacity:.058}93.75%{opacity:.028}to{opacity:0}}@keyframes leaf-shade-1{0%{opacity:0}6.25%{opacity:.028}12.5%{opacity:.077}18.75%{opacity:.138}25%{opacity:.205}31.25%{opacity:.266}37.5%{opacity:.317}43.75%{opacity:.349}50%{opacity:.36}56.25%{opacity:.349}62.5%{opacity:.317}68.75%{opacity:.266}75%{opacity:.205}81.25%{opacity:.138}87.5%{opacity:.077}93.75%{opacity:.028}to{opacity:0}}@keyframes leaf-ramp-1{0%{opacity:0}6.25%{opacity:.032}12.5%{opacity:.06}18.75%,25%{opacity:.077}31.25%{opacity:.061}37.5%{opacity:.034}43.75%{opacity:.01}50%{opacity:0}56.25%{opacity:.01}62.5%{opacity:.034}68.75%{opacity:.061}75%,81.25%{opacity:.077}87.5%{opacity:.06}93.75%{opacity:.032}to{opacity:0}}@keyframes leaf-shade-2{0%{opacity:0}6.25%{opacity:.059}12.5%{opacity:.132}18.75%{opacity:.205}25%{opacity:.266}31.25%{opacity:.311}37.5%{opacity:.34}43.75%{opacity:.355}50%{opacity:.36}56.25%{opacity:.355}62.5%{opacity:.34}68.75%{opacity:.311}75%{opacity:.266}81.25%{opacity:.205}87.5%{opacity:.132}93.75%{opacity:.059}to{opacity:0}}@keyframes leaf-ramp-2{0%{opacity:0}6.25%{opacity:.032}12.5%{opacity:.06}18.75%{opacity:.072}25%{opacity:.065}31.25%{opacity:.045}37.5%{opacity:.022}43.75%{opacity:.006}50%{opacity:0}56.25%{opacity:.006}62.5%{opacity:.022}68.75%{opacity:.045}75%{opacity:.065}81.25%{opacity:.072}87.5%{opacity:.06}93.75%{opacity:.032}to{opacity:0}}@keyframes leaf-shade-3{0%{opacity:0}6.25%{opacity:.09}12.5%{opacity:.184}18.75%{opacity:.262}25%{opacity:.314}31.25%{opacity:.342}37.5%{opacity:.354}43.75%{opacity:.359}50%{opacity:.36}56.25%{opacity:.359}62.5%{opacity:.354}68.75%{opacity:.342}75%{opacity:.314}81.25%{opacity:.262}87.5%{opacity:.184}93.75%{opacity:.09}to{opacity:0}}@keyframes leaf-ramp-3{0%{opacity:0}6.25%{opacity:.033}12.5%{opacity:.058}18.75%{opacity:.062}25%{opacity:.046}31.25%{opacity:.024}37.5%{opacity:.009}43.75%{opacity:.002}50%{opacity:0}56.25%{opacity:.002}62.5%{opacity:.009}68.75%{opacity:.024}75%{opacity:.046}81.25%{opacity:.062}87.5%{opacity:.058}93.75%{opacity:.033}to{opacity:0}}@keyframes cover-lift{0%,to{opacity:0}12.5%,87.5%{opacity:.328}25%,75%{opacity:.562}37.5%,62.5%{opacity:.703}50%{opacity:.75}}@keyframes copy-rise-wide{to{transform:translateY(-70vh)}}@keyframes copy-rise-narrow{to{transform:translateY(-60svh)}}@keyframes copy-fade{to{opacity:0}}@keyframes book-wide{0%{transform:translate(calc(var(--hx) - var(--pw) / 2),calc(var(--pw) * -2 / 3 + min(0px, 416px - 50vh))) rotate(-11deg) scale(.8)}9%{transform:translate(calc(50vw - var(--pw) / 2),calc(var(--pw) * -2 / 3)) rotate(0deg) scale(1)}16%,to{transform:translate(50vw,calc(var(--pw) * -2 / 3)) rotate(0deg) scale(1)}}@keyframes book-narrow{0%{transform:translate(calc(50vw - var(--pw) / 2),calc(var(--pw) * -2 / 3 + var(--hv) + var(--pw) * .4 - 50svh - 24px)) rotate(-8deg) scale(.6)}17.25%,21%,32.25%,36%,47.25%,5%,51%,6%,62.25%,66%,77.25%,81%,92.25%,to{transform:translate(calc(50vw - var(--pw) / 2),calc(var(--pw) * -2 / 3)) rotate(0deg) scale(1)}10.5%,14.25%,25.5%,29.25%,40.5%,44.25%,55.5%,59.25%,70.5%,74.25%,85.5%,89.25%{transform:translate(calc(50vw + var(--pw) / 2),calc(var(--pw) * -2 / 3)) rotate(0deg) scale(1)}}@keyframes shelf-slide{to{transform:translateX(calc(100vw - 100%))}}