:root{--paper:#f2ede3;--indigo:#2e3192;--pink:#ff48b0;--blue:#0078bf;--card:#f6f1e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--indigo);-webkit-font-smoothing:antialiased;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.riso-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.riso-canvas canvas{display:block}.story{z-index:1;position:relative}.sec--hero{height:150vh}.sec--env{height:260vh}.sec--page{height:330vh}.sec--page-last{height:400vh}.sec--photo{height:220vh}.sec--then,.sec--strip{height:270vh}.sec--fin{height:300vh}.pin{justify-content:center;align-items:center;height:100svh;padding:0 max(16px,6vw);display:flex;position:sticky;top:0}.letter{width:min(36rem,46vw);transform:rotate(var(--tilt));filter:drop-shadow(0 14px 16px #5a3c2838)}.letter-paper{background-color:var(--card);background-image:linear-gradient(90deg, transparent calc(2.2rem - 1px), #ff48b059 calc(2.2rem - 1px), #ff48b059 2.2rem, transparent 2.2rem), var(--card-grain,none);clip-path:polygon(.4% .6%,30% 0,62% .5%,99.5% 0,100% 40%,99.4% 99.3%,64% 100%,28% 99.5%,0 100%,.5% 55%);background-size:auto,240px 240px;padding:clamp(1.4rem,3vw,2.4rem) clamp(1.2rem,2.8vw,2.2rem) clamp(1.6rem,3vw,2.4rem) 3rem;position:relative}.hand-svg{display:block;overflow:visible}.hand-svg .ink{stroke:var(--indigo)}.hand-svg{filter:drop-shadow(.8px -.6px #ff48b080)}.pen{transition:opacity .35s}.pen-body{fill:var(--indigo)}.pen-grip{fill:#1d1f63}.pen-band{fill:var(--pink)}.pen-nib{fill:#d9b24c;stroke:#8a6d1f;stroke-width:.6px}.pen-slit{stroke:#8a6d1f;stroke-width:.6px}.letter-folio{letter-spacing:.2em;opacity:.45;font-size:.72rem;position:absolute;bottom:.7rem;right:1.1rem}.sec--strip .pin{padding:0;display:block}.video-print{background:var(--paper);will-change:opacity;position:fixed;overflow:hidden}.video-print video{object-fit:cover;filter:brightness(1.45)contrast(1.25)url(#riso-duotone);width:100%;height:100%;display:block}.video-dots{mix-blend-mode:screen;pointer-events:none;background-image:radial-gradient(#f2ede38c .9px,#0000 1.3px);background-size:3.6px 3.6px;position:absolute;inset:0}@media (aspect-ratio<=105/100){.pin{align-items:flex-end;padding:0 16px max(4vh,20px)}.letter{width:100%;max-width:30rem}.letter-paper{background-image:linear-gradient(90deg, transparent calc(1.6rem - 1px), #ff48b059 calc(1.6rem - 1px), #ff48b059 1.6rem, transparent 1.6rem), var(--card-grain,none);padding:1.3rem 1rem 1.6rem 2.2rem}}.sound-toggle{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:64px;height:64px;padding:0;position:fixed;right:12px}.sound-toggle svg{width:100%;height:100%;display:block;overflow:visible}.sound-toggle:focus-visible{outline:1.5px dashed var(--pink);outline-offset:2px}.sound-toggle .rec{transform-box:view-box;transform-origin:27px 35px;animation:3.6s linear infinite paused spin}.sound-toggle.is-on .rec{animation-play-state:running}.sound-toggle .groove{fill:none;stroke-width:.7px;stroke-linecap:round;opacity:.75}.sound-toggle .shine{fill:none;stroke-width:1.4px;stroke-linecap:round}.sound-toggle .arm{transform-box:view-box;transform-origin:54px 10px;transition:transform .7s cubic-bezier(.3,1.35,.5,1);animation:9s ease-in-out 5.5s infinite nudge;transform:rotate(-32deg)}.sound-toggle:hover .arm{transform:rotate(-26deg)}.sound-toggle.is-on .arm{animation:none;transform:rotate(0)}.sound-toggle .arm-line,.sound-toggle .arm-head{fill:none;stroke-linecap:round}.sound-toggle .arm-line{stroke-width:2px}.sound-toggle .arm-head{stroke-width:3.6px}.sound-toggle .waves path{fill:none;stroke:#0078bf;stroke-width:2px;stroke-linecap:round;opacity:0;transition:opacity .4s}.sound-toggle.is-on .waves path{animation:1s ease-in-out infinite beat}.sound-toggle.is-on .waves path+path{animation-delay:.25s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nudge{0%,8%,to{transform:rotate(-32deg)}3%{transform:rotate(-24deg)}5.5%{transform:rotate(-30deg)}}@keyframes beat{0%,to{opacity:.2}30%{opacity:1}}@media (aspect-ratio<=105/100){.sound-toggle{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.sound-toggle .rec,.sound-toggle .arm,.sound-toggle.is-on .waves path{animation:none!important}.sound-toggle.is-on .waves path{opacity:1}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}