.lp-letter .intro{padding-block:44px 38px}.lp-letter .intro .hand{color:var(--sub);margin:0 0 8px;font-size:28px}.lp-letter .intro h1{max-width:18ch}.lp-letter .letter{max-width:700px;font-size:19px;line-height:1.65}.lp-letter .letter>p{margin:0 0 1.05em}.lp-letter .hi{font-family:var(--f-hand);font-size:36px;line-height:1.1}.lp-letter .five{counter-reset:habit;gap:16px;margin:.4em 0 1.6em;padding:0;list-style:none;display:grid}.lp-letter .five li{counter-increment:habit;padding-left:52px;position:relative}.lp-letter .five li:before{content:counter(habit);border:1.5px solid var(--ink);width:36px;height:36px;font-family:var(--f-marker);border-radius:50%;place-items:center;font-size:19px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;left:0}.lp-letter .how{font-family:var(--f-hand);color:var(--sub);margin-top:2px;font-size:23px;line-height:1.15;display:block}.lp-letter .phrase{margin:1.8em 0 2em;padding:22px 22px 20px;transform:rotate(-.8deg)}.lp-letter .said{font-family:var(--f-hand);margin-bottom:12px;font-size:30px;line-height:1.1}.lp-letter .said span{font-family:var(--f-read);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);font-size:13px;display:block}.lp-letter .phrase .end{color:var(--sub);font-size:15px}.lp-letter .phrase .input{border:1.5px solid var(--ink);color:var(--ink);background:var(--pg);border-radius:6px;margin-top:6px;padding:8px 12px;font-size:17px;display:block}.lp-letter .phrase .input i{vertical-align:-3px;background:var(--ink);width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite lp-letter-blink;display:inline-block}.lp-letter .snap{box-shadow:0 12px 26px var(--shadow);background:#fff;margin:0;padding:10px 10px 12px;position:relative}.lp-letter .snap:before{content:"";background:#ffe45cbf;width:90px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg)}.lp-letter .snap img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;display:block}.lp-letter .snap figcaption,.lp-letter .snap-pair figcaption{font-family:var(--f-hand);text-align:center;color:var(--sub);margin-top:8px;font-size:21px;line-height:1.1}.lp-letter .snap.start{float:right;width:min(250px,42%);margin:.2em -3em 1em 1.6em;transform:rotate(3deg)}.lp-letter .snap.end{width:min(320px,80%);margin:2.6em auto .5em;transform:rotate(-2deg)}.lp-letter .snap-pair{clear:both;max-width:440px;margin:1.8em auto 2em}.lp-letter .snap-pair>div{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lp-letter .snap-pair img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;box-shadow:0 10px 22px var(--shadow);background:#fff;padding:8px 8px 10px;display:block;transform:rotate(-3deg)}.lp-letter .snap-pair img+img{transform:rotate(2.5deg)translateY(10px)}.lp-letter .sign{margin-top:2.2em}.lp-letter .sign p{margin:0}.lp-letter .sig-row{align-items:center;gap:14px;display:flex}.lp-letter .face{object-fit:cover;border-radius:50%;flex:none;width:58px;height:58px}.lp-letter .sig{font-family:var(--f-hand);font-size:clamp(44px,5vw,58px);line-height:1.1;margin:.1em 0!important}.lp-letter .role{color:var(--sub);font-size:15px}.lp-letter .ps{color:#1d2b4f;background:#fff6a8;max-width:520px;padding:14px 18px;font-size:17px;line-height:1.5;transform:rotate(-.8deg);box-shadow:0 8px 16px #1d2b4f1f;margin:2em 0 0!important}.lp-letter .closing{padding-top:28px}@media (width<=600px){.lp-letter .snap.start{float:none;width:72%;margin:.4em auto 1.6em}}@media (prefers-reduced-motion:reduce){.lp-letter .phrase .input i{animation:none}}@keyframes lp-letter-blink{50%{opacity:0}}