@property --night{syntax:"<number>";inherits:true;initial-value:0}@property --cross{syntax:"<number>";inherits:true;initial-value:0}:root{--night:0;--cross:0;--n:calc(var(--night) * 100%);--paper:color-mix(in oklab, #efeae0, #131a24 var(--n));--card:#fbf8f1;--ink:color-mix(in oklab, #26333c, #ede7da var(--n));--ink-soft:color-mix(in oklab, #45535d, #bdc7cf var(--n));--blue:color-mix(in oklab, #1f4b6e, #8fb8d8 var(--n));--red:color-mix(in oklab, #8b3a34, #d9938c var(--n));--green:color-mix(in oklab, #55663c, #a8be86 var(--n));--gold:color-mix(in oklab, #b07c33, #e5be79 var(--n));--purple:color-mix(in oklab, #8e5c72, #d2a0b4 var(--n));--edge:#26333c1a;--measure:38rem}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--paper);color:var(--ink);min-height:100%;font-family:Courier Prime,monospace;line-height:1.55;position:relative;overflow-x:clip}.sprite{width:0;height:0;position:absolute;overflow:hidden}::selection{background:#1f4b6e2e}.paper{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wash{z-index:-1;opacity:calc(1 - var(--night) * .55);aspect-ratio:1;pointer-events:none;mix-blend-mode:multiply;position:absolute;overflow:visible}.light-leak{opacity:calc(1 - var(--night));background:radial-gradient(90% 55% at 6% -12%,#fff4dbb8 0%,#fff4db00 62%),radial-gradient(70% 45% at 98% 2%,#ffe7c657 0%,#ffe7c600 60%);position:absolute;inset:0}.grain{opacity:calc(.2 - var(--night) * .12);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stars{width:100%;height:100%;opacity:calc(var(--night) * .9);position:absolute;inset:0}.morning{z-index:-1;pointer-events:none;mix-blend-mode:multiply;opacity:calc(1 - var(--night) * 1.6);background:radial-gradient(60% 48% at 18% 22%,#e8b06a57 0%,#e8b06a00 70%),radial-gradient(52% 44% at 84% 68%,#e2987842 0%,#e2987800 72%);position:absolute;inset:-14% -40%}.book{z-index:1;max-width:46rem;margin:0 auto;padding:0 1.5rem;position:relative}.leaf{flex-direction:column;align-items:center;margin-bottom:4.5rem;display:flex;position:relative}.end{height:5rem}.dd{z-index:0;pointer-events:none;aspect-ratio:1;position:absolute;overflow:visible}.dd.wide-dd{aspect-ratio:5/3}.leaf>:not(.dd):not(.wash){z-index:1;position:relative}.stamp.tight{margin-top:.4rem;margin-bottom:.9rem}.scrawl,.letter,.shout,.stamp,.drift,.quote,.hand-title{--dip:calc(1 - var(--cross) * .94);opacity:var(--dip)}.dateline{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1.6rem;font-size:.72rem}.hand-title{text-align:center;letter-spacing:-.01em;font-family:Caveat,cursive;font-size:clamp(3.2rem,15vw,6rem);font-weight:600;line-height:.92}.t-yukku{color:var(--blue);display:block;transform:rotate(-3deg)}.t-amp{color:var(--gold);margin:-.12em 0;font-family:Nothing You Could Do,cursive;font-size:.32em;display:block}.t-sidhu{color:var(--ink);display:block;transform:rotate(2deg)}.rule{width:min(16rem,70%);height:12px;color:var(--gold);opacity:.55;margin:1.4rem 0 2rem}.stamp{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid color-mix(in oklab, var(--ink-soft), transparent 62%);align-self:flex-start;margin-bottom:1.6rem;padding:.25rem .7rem .3rem 0;font-size:.7rem}.scrawl{text-align:center;max-width:30rem;margin:.4rem 0 1rem;font-family:Caveat,cursive;font-size:1.85rem;line-height:1.28;transform:rotate(-1.2deg)}.scrawl.small{opacity:.75;font-size:1.4rem;transform:rotate(1deg)}.scrawl.lead{font-size:2.15rem}.scrawl.huge{margin:1.2rem 0;font-size:clamp(2.6rem,11vw,3.6rem);line-height:1.05}.shout{color:var(--red);text-align:center;margin-top:.6rem;font-family:Nothing You Could Do,cursive;font-size:clamp(1.5rem,5.5vw,2rem);transform:rotate(-2.5deg)}.letter{text-align:center;width:100%;max-width:32rem;color:var(--ink);margin:1.2rem 0 1.6rem;font-family:Caveat,cursive;font-size:1.95rem;line-height:1.38;transform:rotate(-.9deg)}.letter p+p{margin-top:1.1rem}.letter .ps{margin-top:1.1rem;display:block}.letter .big{font-size:1.25em}.letter.deep{max-width:33rem;font-size:2.1rem}.quote{--night:0;max-width:var(--measure);color:#3b3026;background:linear-gradient(178deg,#fdfaf2 0%,#f5eedf 100%);border:1px solid #b07c3338;border-radius:2px;width:100%;margin:1.4rem 0 0;padding:2.3rem 2rem 2.1rem;font-family:Caveat,cursive;font-size:1.62rem;line-height:1.4;position:relative;box-shadow:0 18px 34px -22px #50371480,inset 0 1px #fffc}.quote:before,.quote:after{content:"\"";color:var(--gold);opacity:.45;font-family:Caveat,cursive;font-size:4rem;line-height:0;position:absolute}.quote:before{top:1.5rem;left:.7rem}.quote:after{bottom:.1rem;right:.8rem}em{font-style:inherit}.c-blue{color:var(--blue)}.c-red{color:var(--red)}.c-green{color:var(--green)}.c-gold{color:var(--gold)}.c-purple{color:var(--purple)}.scrawl em,.quote em{font-weight:600}.pic{--tilt:0deg;--night:0;width:min(20rem,80%);transform:rotate(var(--tilt));cursor:pointer;background:#fcfaf4;border:1px solid #26333c12;border-radius:2px;margin-bottom:1.6rem;padding:.75rem .75rem 3.2rem;transition:transform .55s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 22px 34px -22px #26333c8c,0 4px 10px -6px #26333c47,inset 0 1px #ffffffe6}.pic img{filter:saturate(.9)contrast(1.04)sepia(.1)brightness(1.02);border-radius:1px;width:100%;height:auto;display:block;box-shadow:inset 0 0 0 1px #0000000f}.pic figcaption{text-align:center;color:var(--blue);font-family:Caveat,cursive;font-size:1.5rem;position:absolute;bottom:.85rem;left:0;right:0;transform:rotate(-1.5deg)}.pic.wide{width:min(32rem,100%);padding-bottom:3.4rem}.pic.big{width:min(23rem,88%)}.pic.narrow{width:min(15rem,60%)}.tilt-l{--tilt:-2.5deg}.tilt-r{--tilt:3deg}.glow{box-shadow:0 0 44px -6px #d6ac608c,0 22px 34px -22px #26333c80,inset 0 1px #ffffffe6}.pic.rot .shot{width:100%;aspect-ratio:var(--ar);background:#14171a;border-radius:1px;display:block;position:relative;overflow:hidden}.pic.rot .shot img{width:var(--iw);max-width:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.pic.flower{--ar:2796 / 1290;--iw:46.14%;width:min(32rem,100%)}.pic.necklace{--ar:859 / 1290;--iw:150.17%;width:min(17rem,68%)}.cluster{grid-template-columns:repeat(12,1fr);width:100%;max-width:30rem;margin-bottom:2rem;display:grid;position:relative}.cluster .pic{width:100%;margin-bottom:0}.c-a{z-index:3;grid-area:1/1/auto/8}.c-b{z-index:2;grid-area:1/6/auto/13;margin-top:3.2rem!important}.cluster.pair .pic{width:100%}.p-a{z-index:1;grid-area:1/1/auto/8}.p-b{z-index:2;grid-area:1/6/auto/13;margin-top:3.2rem!important}.tape{z-index:6;cursor:pointer;clip-path:polygon(0% 6%,4% 0%,9% 7%,14% 1%,19% 6%,24% 0%,29% 7%,34% 1%,39% 6%,44% 0%,49% 7%,54% 1%,59% 6%,64% 0%,69% 7%,74% 1%,79% 6%,84% 0%,89% 7%,94% 1%,100% 5%,100% 95%,94% 100%,89% 93%,84% 100%,79% 94%,74% 100%,69% 93%,64% 100%,59% 94%,54% 100%,49% 93%,44% 100%,39% 94%,34% 100%,29% 93%,24% 100%,19% 94%,14% 100%,9% 93%,4% 100%,0% 94%);background:linear-gradient(168deg,#fcfaf0b8,#e8e2d29e),repeating-linear-gradient(46deg,#0000 0 2px,#26333c05 2px 4px);width:6.5rem;height:1.9rem;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;box-shadow:0 1px 4px #26333c24,inset 0 0 6px #ffffff80}.tape-tc{top:-.7rem;left:50%;transform:translate(-50%)rotate(-2.5deg)}.tape-tl{width:5.6rem;top:-.6rem;left:-1.1rem;transform:rotate(-42deg)}.tape-tr{width:5.6rem;top:-.6rem;right:-1.1rem;transform:rotate(42deg)}.tape-bc{bottom:-.7rem;left:50%;transform:translate(-50%)rotate(2deg)}.tape-bl{width:5rem;bottom:-.5rem;left:-.9rem;transform:rotate(22deg)}.tape-br{width:5rem;bottom:-.5rem;right:-.9rem;transform:rotate(-18deg)}.tape.peeled{opacity:.18}.tape-tc.peeled{transform:translate(-50%)rotate(-46deg)translateY(-1.6rem)}.tape-tl.peeled{transform:rotate(-48deg)translate(-1.1rem,-1.1rem)}.tape-tr.peeled{transform:rotate(48deg)translate(1.1rem,-1.1rem)}.tape-bc.peeled{transform:translate(-50%)rotate(44deg)translateY(1.6rem)}.tape-bl.peeled{transform:rotate(-52deg)translate(-1.6rem,1.6rem)}.tape-br.peeled{transform:rotate(52deg)translate(1.6rem,1.6rem)}.play{cursor:pointer;color:var(--blue);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:.85rem;padding:.4rem;display:inline-flex}.play-mark{flex:none;place-items:center;width:3.6rem;height:3.6rem;display:grid;position:relative}.play-ring{width:calc(100% + .7rem);height:calc(100% + .7rem);color:var(--gold);opacity:.75;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;inset:-.35rem}.play-mark:before{content:"";opacity:0;background:radial-gradient(circle,#e2af588c 0%,#e2af5800 62%);border-radius:50%;transition:opacity .6s;position:absolute;inset:-55%}.play-glyph{width:1.55rem;height:1.55rem;fill:var(--blue);position:relative}.play-glyph .g-play{transform-origin:50%}.play-glyph .g-pause{display:none}.play-label{color:var(--blue);border-bottom:1.5px solid color-mix(in oklab, var(--blue), transparent 70%);padding-bottom:1px;font-family:Caveat,cursive;font-size:1.55rem;transition:border-color .3s;display:inline-grid}.play-label>span{grid-area:1/1;transition:opacity .25s}.l-pause,.play.playing .l-play{opacity:0}.play.playing .l-pause{opacity:1}.play:hover .play-ring{opacity:1;transform:rotate(22deg)}.play:hover .play-label{border-bottom-color:color-mix(in oklab, var(--blue), transparent 25%)}.play:active .play-mark{transform:scale(.94)}.play:focus-visible{outline-offset:6px;border-radius:4px;outline:2px dashed #1f4b6e80}.play.playing .play-mark:before{opacity:1}.play.playing .play-ring{color:#c4862e;opacity:1;transform:rotate(35deg)}.play.playing .g-play{display:none}.play.playing .g-pause{display:block}.note{text-align:center;max-width:24rem;margin-top:1.8rem;position:relative}.note summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--green);border-bottom:1.5px dotted #55663c99;padding-bottom:1px;font-family:Caveat,cursive;font-size:1.3rem;list-style:none;display:inline-block}.note summary::-webkit-details-marker{display:none}.note-body{width:max-content;max-width:90vw;color:var(--ink-soft);margin-top:.9rem;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.drift{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1.15rem;max-width:34rem;margin:2.2rem auto 0;padding:0 .5rem;display:flex;position:relative}.drift span{color:var(--blue);font-family:Nothing You Could Do,cursive;font-size:1.55rem;line-height:1.1;display:inline-block}.drift span:first-child{font-size:1.7rem;transform:rotate(-4deg)translateY(-3px)}.drift span:nth-child(2){color:var(--gold);font-size:1.85rem;transform:rotate(3deg)translateY(4px)}.drift span:nth-child(3){color:var(--purple);transform:rotate(-2deg)}.drift span:nth-child(4){font-size:1.45rem;transform:rotate(4deg)translateY(3px)}.drift span:nth-child(5){color:var(--green);transform:rotate(-5deg)translateY(-4px)}.drift span:nth-child(6){color:var(--gold);font-size:1.75rem;transform:rotate(2deg)translateY(2px)}.drift span:nth-child(7){color:var(--red);font-size:1.45rem;transform:rotate(-3deg)translateY(-2px)}.drift span:nth-child(8){color:var(--red);font-size:1.65rem;transform:rotate(4deg)translateY(4px)}.drift span:nth-child(9){font-size:1.95rem;transform:rotate(-3deg)translateY(-4px)}.drift span:nth-child(10){color:var(--ink-soft);transform:rotate(3deg)translateY(2px)}.drift span:nth-child(11){color:var(--green);font-size:1.7rem;transform:rotate(-4deg)translateY(-2px)}.drift span:nth-child(12){color:var(--green);font-size:1.4rem;transform:rotate(2deg)translateY(4px)}.drift span:nth-child(13){color:var(--purple);font-size:1.65rem;transform:rotate(-3deg)translateY(-3px)}.drift span:nth-child(14){color:var(--purple);transform:rotate(4deg)translateY(3px)}.drift span:nth-child(15){color:var(--gold);font-size:1.8rem;transform:rotate(-4deg)translateY(-2px)}.drift span:nth-child(16){font-size:1.5rem;transform:rotate(3deg)translateY(3px)}.me{color:inherit;border-bottom:1.5px dashed #1f4b6e73;text-decoration:none;transition:color .25s,border-color .25s}.me:hover{color:var(--red);border-bottom-color:var(--red)}.cover{justify-content:center;min-height:100svh;margin-bottom:12rem;padding:2rem 0}.book>.leaf:not(.cover):first-child{margin-top:3rem}.night{padding:2rem 0}.final{margin-bottom:3rem}.reveal{opacity:0;transform:translateY(22px)}.reveal.in{opacity:var(--dip,1);transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1);transform:none}.pic.reveal{transform:translate3d(0, 22px, 0) rotate(var(--tilt))}.pic.reveal.in{transform:rotate(var(--tilt))}.reveal.settled{transition-property:transform}.pic.reveal.settled{transition:transform .55s cubic-bezier(.22,1,.36,1)}.d1{transition-delay:80ms}.d2{transition-delay:.16s}.d3{transition-delay:.24s}@media (width<=640px){.book{padding:0 1.1rem}.leaf{margin-bottom:5.5rem}.cover{margin-bottom:7rem;padding:1.5rem 0}.cover .rising{width:min(210px,52vw)!important;bottom:1%!important}.cover .a-fern{width:min(104px,24vw)!important;bottom:0!important}.cover .a-flower{width:38px!important}.quote{padding:2rem 1.4rem 1.8rem;font-size:1.45rem}.pic{width:min(20rem,88%)}.pic.wide{width:100%}.pic.big{width:94%}.pic.narrow{width:68%}.pic.rot-cw{width:84%}.scrawl{font-size:1.6rem}.scrawl.lead{font-size:1.85rem}.dd{max-width:34vw}.dd.wide-dd{max-width:46vw}.drift{gap:.3rem .8rem;padding:0}.drift span{font-size:1.3rem}.drift span:nth-child(2){font-size:1.7rem}.drift span:nth-child(9){font-size:1.85rem}.drift span:nth-child(15){font-size:1.75rem}.letter{font-size:1.7rem}.letter.deep{font-size:1.8rem}.c-a{grid-column:1/8}.c-b{grid-column:6/13;margin-top:2.2rem!important}.p-a{grid-column:1/9}.p-b{grid-column:6/13;margin-top:2.4rem!important}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.pic.reveal{transform:rotate(var(--tilt))}*{transition-duration:.01ms!important}}.dd{opacity:var(--o,.4);transform:var(--base,none)}@media (prefers-reduced-motion:no-preference){@keyframes dd-spin{0%{transform:var(--base) rotate(0deg) scale(.82)}50%{transform:var(--base) rotate(180deg) scale(1.1)}to{transform:var(--base) rotate(360deg) scale(.82)}}@keyframes dd-spin-back{0%{transform:var(--base) rotate(0deg) scale(1.08)}50%{transform:var(--base) rotate(-180deg) scale(.84)}to{transform:var(--base) rotate(-360deg) scale(1.08)}}@keyframes dd-turn{0%{transform:var(--base) rotate(0deg)}to{transform:var(--base) rotate(360deg)}}@keyframes dd-sway{0%,to{transform:var(--base) rotate(-7deg)}50%{transform:var(--base) rotate(7deg)}}@keyframes dd-swell{0%,to{transform:var(--base) translate3d(-9px, 3px, 0) scaleY(.92)}50%{transform:var(--base) translate3d(11px, -7px, 0) scaleY(1.08)}}@keyframes dd-bob{0%,to{transform:var(--base) translateY(0) rotate(-4deg)}50%{transform:var(--base) translateY(-16px) rotate(4deg)}}@keyframes dd-twinkle{0%,to{transform:var(--base) scale(.35) rotate(0deg);opacity:calc(var(--o) * .15)}45%{transform:var(--base) scale(1.35) rotate(35deg);opacity:1}60%{transform:var(--base) scale(1.1) rotate(48deg);opacity:calc(var(--o) * .9)}to{transform:var(--base) scale(.35) rotate(90deg);opacity:calc(var(--o) * .15)}}@keyframes dd-breathe{0%,to{transform:var(--base) rotate(-14deg) scale(.88)}50%{transform:var(--base) rotate(14deg) scale(1.12)}}@keyframes sky-twinkle{0%,to{opacity:.15}50%{opacity:1}}@keyframes dd-rain{0%{transform:var(--base) translateY(-12%);opacity:0}30%{opacity:var(--o)}70%{opacity:var(--o)}to{transform:var(--base) translateY(14%);opacity:0}}@keyframes dd-streak{0%{transform:var(--base) translate3d(34px, -18px, 0);opacity:0}10%{opacity:var(--o)}45%{opacity:var(--o)}70%{transform:var(--base) translate3d(-30px, 16px, 0);opacity:0}to{transform:var(--base) translate3d(-30px, 16px, 0);opacity:0}}.a-spiral{animation:16s ease-in-out infinite dd-spin}.a-spiral-ccw{animation:19s ease-in-out infinite dd-spin-back}.a-orbit{animation:22s linear infinite dd-turn}.a-fern{transform-origin:50% 100%;animation:6s ease-in-out infinite dd-sway}.a-sprig{transform-origin:10% 90%;animation:7.4s ease-in-out infinite dd-sway}.a-flower{animation:7s ease-in-out infinite dd-breathe}.a-wave{animation:5.5s ease-in-out infinite dd-swell}.a-moon{animation:8s ease-in-out infinite dd-bob}.a-sun{animation:44s linear infinite dd-turn}.a-rain{animation:1.9s linear infinite dd-rain}.a-sparkle{animation:2.6s ease-in-out infinite dd-twinkle}.a-sparkle:nth-of-type(2n){animation-duration:3.4s;animation-delay:-.9s}.a-sparkle:nth-of-type(3n){animation-duration:2.1s;animation-delay:-1.6s}.a-sparkle:nth-of-type(4n){animation-duration:4.1s;animation-delay:-.4s}.sk1{animation:3.1s ease-in-out infinite sky-twinkle}.sk2{animation:4.3s ease-in-out -1.5s infinite sky-twinkle}.sk3{animation:2.5s ease-in-out -.8s infinite sky-twinkle}.a-shooting{animation:5.5s ease-in-out 1.2s infinite dd-streak}.a-tree,.a-unalome,.a-thorn{stroke-dasharray:1;stroke-dashoffset:1px}.a-tree.drawn,.a-unalome.drawn,.a-thorn.drawn{stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)}.a-unalome.drawn{transition-duration:3s}}@media (width<=700px){.wash>use{display:none}.wash{background:radial-gradient(closest-side,currentColor 0%,#0000 74%);border-radius:50%}.grain{display:none}.a-spiral,.a-spiral-ccw,.a-orbit,.a-fern,.a-sprig,.a-flower,.a-wave,.a-sun,.a-rain{animation:none!important}.reveal{transform:translateY(14px)}.reveal.in{transition-duration:.55s}.d1,.d2,.d3{transition-delay:0s}.sk2,.sk3{animation:none!important}}@media (width<=700px) and (prefers-reduced-motion:reduce){.sk1,.sk2,.sk3,.a-sparkle,.a-moon,.a-shooting{animation:none!important}}