@import"https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap";@font-face{font-family:Albert Sans;src:url(../fonts/AlbertSans-latin-var.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Sue Ellen Francisco;src:url(../fonts/SueEllenFrancisco-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Patrick Hand;src:url(../fonts/PatrickHand-latin.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ps-ground: #e9dcc8;--ps-paper: #f4efe4;--ps-ink: #1f1d1a;--ps-ink-2: #5b554c;--ps-pen: #2b45a0;--ps-accent: #c8654a;--ps-cloth: #4f5a3c;--ps-sans: "Albert Sans", system-ui, sans-serif;--ps-head: "Sue Ellen Francisco", "Bradley Hand", cursive;--ps-page: "Patrick Hand", "Bradley Hand", cursive;--ps-hand: "Nanum Pen Script", "Bradley Hand", cursive}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior:none}body{margin:0;background:var(--ps-ground);color:var(--ps-ink);font-family:var(--ps-sans);-webkit-font-smoothing:antialiased}img{display:block}button{font:inherit;color:inherit}a{color:inherit}.hero{position:relative;min-height:100svh;overflow:clip;display:flex;flex-direction:column;align-items:center;padding:0 16px 24px}.desk{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;-webkit-user-select:none;user-select:none}.top{position:relative;z-index:2;width:100%;max-width:1360px;display:flex;justify-content:center;padding:22px 8px 0;font-size:14px;letter-spacing:.02em;color:var(--ps-ink)}.top a{text-decoration:none}.top a:hover{color:var(--ps-ink)}.title{position:relative;z-index:2;text-align:center;margin:22px 0 0;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.title h1{margin:0;font-weight:500;font-size:clamp(44px,6.4vw,92px);line-height:1;letter-spacing:-.035em}.title p{margin:14px auto 0;max-width:32em;font-size:17px;line-height:1.45;color:#2f2b25}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.book-stage{position:relative;z-index:3;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:34px;font-size:calc(var(--pw) / 27.5)}.book{position:relative;transition:none;animation:drop 1.1s .15s cubic-bezier(.2,.7,.2,1) both}@keyframes drop{0%{opacity:0;translate:0 26px}}.spread{position:absolute;left:0;top:0;touch-action:none;user-select:none;-webkit-user-select:none}.spread.is-turning{cursor:grabbing}.spine{position:absolute;top:0;width:0;height:100%}.slot{position:absolute;top:0}.slot.back,.back-wrap{pointer-events:none}.back-wrap{position:absolute;left:0;top:0;width:0;height:0;filter:drop-shadow(0 0 10px rgba(40,28,14,.22));z-index:5}.slot.back{transform-origin:0 0}.turning{z-index:4}.shade{position:absolute;top:0;pointer-events:none;overflow:visible;z-index:3}.shade+.back-wrap{z-index:5}.back-wrap+.shade{z-index:6}.strip{position:absolute;left:0;top:0;transform-origin:0 0}.strip-under{background:linear-gradient(to bottom,#23180a6b,#23180a1f 45%,#23180a00)}.strip-flap{background:linear-gradient(to bottom,#1e140838 0,#ffffff47 7%,#ffffff14 30%,#1e140812 70%,#1e140800);mix-blend-mode:normal}.board{position:absolute;background:url(../img/book-open-2048.webp) no-repeat;background-size:calc(var(--k) * 2048px) calc(var(--k) * 1360px);transition:opacity .2s;pointer-events:none;filter:drop-shadow(0 22px 26px rgba(70,48,20,.26)) drop-shadow(0 5px 6px rgba(70,48,20,.16))}.board-l{background-position:0 0}.board-r{background-position:calc(var(--k) * -1021px) 0}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--ps-ink);font-family:var(--ps-page)}.paper{--bx: calc(var(--k) * -1021px);background:#f3ead9 url(../img/book-open-2048.webp) no-repeat var(--bx) calc(var(--k) * -131px) / calc(var(--k) * 2048px) calc(var(--k) * 1360px)}.page-l.paper{--bx: calc(var(--k) * -216px);border-radius:.6em 0 0 .6em}.page-r.paper{border-radius:0 .6em .6em 0}.dots{background-image:radial-gradient(rgba(70,60,45,.26) .06em,transparent .08em),url(../img/book-open-2048.webp);background-size:1.25em 1.25em,calc(var(--k) * 2048px) calc(var(--k) * 1360px);background-position:.6em .6em,var(--bx) calc(var(--k) * -131px);background-repeat:repeat,no-repeat}.ruled{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(1.75em - 1px),rgba(43,69,160,.16) calc(1.75em - 1px) 1.75em),url(../img/book-open-2048.webp);background-size:100% 1.75em,calc(var(--k) * 2048px) calc(var(--k) * 1360px);background-position:0 .4em,var(--bx) calc(var(--k) * -131px);background-repeat:repeat,no-repeat}.cover{overflow:visible}.cover-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 24px 30px rgba(70,48,20,.3)) drop-shadow(0 6px 8px rgba(70,48,20,.22))}.cover-back .cover-photo{transform:scaleX(-1)}.cover-label{position:absolute;left:25.9%;right:26.1%;top:20.7%;height:15.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#26231e;mix-blend-mode:multiply}.cover-back .cover-label{left:26.1%;right:25.9%}.cover-label span{display:block;font-size:2.15em;line-height:.95}.cover-label small{display:block;margin-top:.5em;font-size:12px;line-height:1.2;letter-spacing:.1em;padding:0 .4em;text-transform:uppercase;color:#4a443a}.head{font-family:var(--ps-head);font-weight:400;letter-spacing:.01em}.hand{font-family:var(--ps-hand);color:var(--ps-pen);line-height:1.05}.body{font-size:max(12.5px,.98em);line-height:1.4;color:var(--ps-ink-2);margin:0}.folio{position:absolute;bottom:3.2%;font-size:.75em;letter-spacing:.08em;color:var(--ps-ink-2)}.folio-l{left:8%}.folio-r{right:8%}.taped{position:absolute;margin:0;transform:rotate(var(--r));transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s;filter:drop-shadow(0 1px 1.5px rgba(40,28,14,.25))}.taped img{width:100%;height:auto;-webkit-user-select:none;user-select:none}.print-paper{background:#fbf9f4;padding:3.5%}.print .print-paper img{width:100%;object-fit:cover}.tape{position:absolute;height:auto;opacity:.86;mix-blend-mode:multiply;pointer-events:none}.print figcaption{position:absolute;left:0;right:0;text-align:center;font-size:1.35em}.note-below{top:calc(100% + .35em)}.thing img{pointer-events:auto}.thing .tape{opacity:.8}@media (hover: hover) and (pointer: fine){.taped:hover{transform:rotate(calc(var(--r) * .3)) translateY(-3%) scale(1.04);filter:drop-shadow(0 16px 18px rgba(40,28,14,.24));z-index:2}.react-swing:hover{animation:swing 2.2s cubic-bezier(.3,.6,.3,1);transform:rotate(var(--r))}.react-sway:hover{animation:sway 1.8s ease-in-out infinite}.react-glow:hover img{filter:brightness(1.35) saturate(1.15) drop-shadow(0 0 14px rgba(255,170,80,.75))}.react-fan:hover{transform:rotate(calc(var(--r) - 16deg)) scale(1.05)}}.taped:active{transform:rotate(calc(var(--r) * .3)) translateY(-3%) scale(1.04)}.react-swing{transform-origin:50% 6%}@keyframes swing{0%{transform:rotate(var(--r))}18%{transform:rotate(calc(var(--r) - 22deg))}38%{transform:rotate(calc(var(--r) + 14deg))}58%{transform:rotate(calc(var(--r) - 8deg))}78%{transform:rotate(calc(var(--r) + 3deg))}to{transform:rotate(var(--r))}}@keyframes sway{0%,to{transform:rotate(var(--r)) translateY(-3%) scale(1.04)}50%{transform:rotate(calc(var(--r) + 6deg)) translateY(-4%) scale(1.05)}}.react-glow img{transition:filter .5s}.react-fan{transform-origin:12% 88%}.arrow{position:absolute;fill:none;stroke:var(--ps-pen);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.85;pointer-events:none}.endpaper .found{position:absolute;left:12%;top:12%;font-size:1.5em}.endpaper .found p{margin:0 0 .12em}.endpaper .found .ink{color:var(--ps-ink)}.endpaper .reward{margin-top:.6em!important;transform:rotate(-3deg)}.hello-h{position:absolute;left:10%;top:8%;margin:0;font-size:2.9em;line-height:.95}.hello-aside{position:absolute;left:10%;top:17.5%;margin:0;font-size:1.45em}.hello-body{position:absolute;left:10%;right:12%;top:26%}.hello-note{position:absolute;left:52%;top:88%;margin:0;font-size:1.35em;transform:rotate(-4deg)}.notes{position:absolute;left:11%;right:11%;top:8%}.no{display:block;font-size:.8em;letter-spacing:.14em;color:var(--ps-ink-2)}.notes h3,.mini h3{margin:.2em 0 0;font-weight:400;font-size:2.75em;line-height:.95}.kind{margin:.35em 0 0;font-size:.86em;letter-spacing:.04em;color:var(--ps-accent);text-transform:uppercase}.meta{margin:1.3em 0 1.2em;display:grid;gap:.35em;border-top:1px solid rgba(31,29,26,.18);padding-top:.8em}.meta div{display:grid;grid-template-columns:4.6em 1fr;font-size:.86em}.meta dt{color:var(--ps-ink-2)}.meta dd{margin:0}.made{list-style:none;margin:1em 0 0;padding:0;font-size:1.3em}.made li:before{content:"— "}.aside{position:absolute;margin:0;font-size:1.35em}.a1{left:9%;top:74%;transform:rotate(-5deg);max-width:40%}.a2{right:10%;top:66%;transform:rotate(4deg);max-width:50%;text-align:right}.a3{left:11%;top:82%;transform:rotate(-3deg);max-width:46%}.a4{right:9%;top:18%;transform:rotate(6deg);max-width:26%}.a5{left:9%;top:22%;transform:rotate(-6deg);max-width:22%}.a6{left:10%;bottom:7%;transform:rotate(-3deg);max-width:50%}.a7{left:14%;top:82%;transform:rotate(-4deg);max-width:44%}.mini{position:absolute;right:10%}.mini .body{margin-top:.7em}.sec-h{position:absolute;left:10%;top:8%;margin:0;font-weight:400;font-size:2.75em;line-height:.95}.steps{position:absolute;left:10%;right:11%;top:20%;list-style:none;margin:0;padding:0;display:grid;gap:1.5em}.steps li{position:relative;padding-left:2.2em}.step-n{position:absolute;left:0;top:-.25em;font-size:2.1em}.steps strong{display:block;font-weight:400;font-size:1.08em;margin-bottom:.3em}.fees{position:absolute;left:10%;right:10%;top:20%;list-style:none;margin:0;padding:0}.fees li{display:flex;justify-content:space-between;gap:1em;padding:.85em 0;border-bottom:1px solid rgba(31,29,26,.16)}.fees li:first-child{border-top:1px solid rgba(31,29,26,.16)}.fees strong{display:block;font-weight:400;font-size:1.05em}.fees span{display:block;font-size:.82em;color:var(--ps-ink-2);margin-top:.2em}.fees .price{text-align:right;white-space:nowrap}.fee-note{position:absolute;left:10%;right:12%;top:80%;font-size:.84em}.clients{position:absolute;left:10%;top:19%;list-style:none;margin:0;padding:0;font-size:1.55em;line-height:1.25}.sticky{left:36%;top:64%;width:50%;padding:1.1em 1em 1.2em;background:#f3d9a4;box-shadow:0 1px 2px #0000001f}.sticky strong{display:block;font-weight:400;font-size:1.45em;color:var(--ps-ink)}.sticky span{display:block;margin-top:.3em;font-size:1.15em}.letter{position:absolute;left:10%;right:10%;top:19%;bottom:8%;display:flex;flex-direction:column;gap:.6em}.letter>label{display:block}.letter label>span,.letter legend{display:block;font-size:.8em;letter-spacing:.08em;text-transform:uppercase;color:var(--ps-ink-2);padding:0}.letter input:not([type=radio]),.letter textarea{width:100%;border:0;border-bottom:1px solid rgba(31,29,26,.35);background:transparent;font-family:var(--ps-hand);font-size:1.55em;color:var(--ps-pen);padding:.05em 0;outline:none;border-radius:0;resize:none;line-height:1.12}.letter textarea{border-bottom:0;background:repeating-linear-gradient(to bottom,transparent 0 calc(1.12em - 1px),rgba(31,29,26,.3) calc(1.12em - 1px) 1.12em)}.letter input:focus,.letter textarea:focus{border-color:var(--ps-pen)}.letter fieldset{border:0;margin:.2em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.2em .9em;align-items:center}.letter legend{width:100%;margin-bottom:.2em}.circle{position:relative;cursor:pointer;padding:.15em .35em}.circle input{position:absolute;opacity:0;pointer-events:none}.letter .circle>span{font-family:var(--ps-hand);font-size:1.5em;letter-spacing:0;text-transform:none;color:var(--ps-ink)}.circle svg{position:absolute;left:-6%;top:-12%;width:112%;height:124%;fill:none;stroke:var(--ps-accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset .6s cubic-bezier(.4,.1,.2,1);pointer-events:none}.circle.on svg{stroke-dashoffset:0}.circle input:focus-visible+span{outline:2px solid var(--ps-pen);outline-offset:2px}.stamp-btn{align-self:flex-start;margin-top:auto;border:2px solid var(--ps-accent);color:var(--ps-accent);background:transparent;padding:.45em 1.5em .4em;font-size:.95em;font-weight:400;letter-spacing:.2em;text-transform:uppercase;border-radius:3px;cursor:pointer;transform:rotate(-3deg);transition:transform .2s,background .2s,color .2s}.stamp-btn:active{transform:rotate(-3deg) scale(.96)}.stamp{position:absolute;right:2%;bottom:3%;pointer-events:none}.stamp strong{display:block;padding:.25em .6em;border:3px double var(--ps-accent);color:var(--ps-accent);font-size:1.3em;letter-spacing:.18em;text-transform:uppercase;transform:rotate(-9deg)}.stamp span{display:block;margin-top:.6em;max-width:13em;font-family:var(--ps-hand);font-size:1.3em;color:var(--ps-pen)}.is-sent .stamp strong{animation:stamp .45s cubic-bezier(.2,1.6,.3,1) both}.is-sent .stamp span{animation:rise .6s .35s both}.is-sent .stamp-btn{opacity:.35}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg) scale(2.2)}}.visit{position:absolute;left:10%;top:20%;font-size:.98em;line-height:1.45}.visit p{margin:0}.visit .muted{color:var(--ps-ink-2);margin-top:.4em}.visit a{text-decoration:none;border-bottom:1px solid rgba(200,101,74,.5)}.visit a:hover{color:var(--ps-accent)}.tab{position:absolute;width:30px;padding:0;border:0;cursor:pointer;background:var(--c) url(../img/paper.webp) 0 0 / 200px;background-blend-mode:multiply;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,.8,.2,1);animation:tabin .5s cubic-bezier(.2,.8,.2,1) both;z-index:8;box-shadow:0 2px 4px #281c0e38}.tab span{writing-mode:vertical-rl;font-family:var(--ps-page);font-size:14px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--t)}.tab-r{border-radius:0 6px 6px 0}.tab-l{border-radius:6px 0 0 6px;translate:-100% 0}@media (hover: hover) and (pointer: fine){.tab-r:hover{transform:translate(5px)}.tab-l:hover{transform:translate(-5px)}.chev-l:hover:not(:disabled){transform:translate(-3px)}.chev-r:hover:not(:disabled){transform:translate(3px)}.stamp-btn:hover{background:var(--ps-accent);color:#fff8ee;transform:rotate(-3deg) scale(1.04)}}.tab:active{transform:translate(3px)}.tab:focus-visible{outline:2px solid var(--ps-ink);outline-offset:2px}.tab-hide{opacity:0;pointer-events:none}@keyframes tabin{0%{opacity:0}}.chev{position:absolute;top:50%;width:44px;height:64px;margin-top:-20px;border:0;background:none;cursor:pointer;color:var(--ps-ink);opacity:.55;transition:opacity .2s,transform .2s;z-index:4}.chev svg{width:18px;height:40px;fill:none;stroke:currentColor;stroke-width:1.4}.chev:hover:not(:disabled){opacity:1}.chev:disabled{opacity:.15;cursor:default}.chev-l{left:max(16px,calc(50% - var(--pw) - 130px))}.chev-r{right:max(16px,calc(50% - var(--pw) - 130px))}.caption{margin:40px 0 0;display:flex;gap:.6em;align-items:baseline;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ps-ink)}.caption .hint{margin-left:1.6em}@media (max-width: 819px){.top{padding-top:16px;font-size:12px}.title{margin-top:18px}.title p{max-width:22em}.book-stage{padding-top:28px;justify-content:flex-start}.chev{display:none}.tab{width:26px}.tab span{letter-spacing:.06em}.caption{flex-wrap:wrap;justify-content:center;margin-top:26px}.caption .hint{width:100%;text-align:center;margin:6px 0 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}