.lp-letter .intro{padding-block:20px 16px}.lp-letter .intro .hand{color:var(--sub);margin:0 0 4px;font-size:22px}.lp-letter .intro h1{max-width:24ch;margin-bottom:10px;font-size:clamp(28px,4.2vw,50px)}.lp-letter .intro .lede{font-size:17px}.lp-letter .intro .letter-cta.compact{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:10px 0 0;font-size:16px;display:flex}.lp-letter .letter-cta.compact a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--hl);-webkit-text-decoration-color:var(--hl);text-decoration-color:var(--hl);text-underline-offset:3px;padding-block:4px;font-weight:700;text-decoration-thickness:4px}.lp-letter .letter-cta.compact span{color:var(--sub);font-size:14px}.lp-letter .lower{padding-top:26px}.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 .letter-cta{justify-items:start;gap:10px;margin:1.4em 0 1.8em;display:grid}.lp-letter .letter-cta .cta-note,.lp-letter .letter-cta .cta-stores{color:var(--sub);font-size:15px;line-height:1.45;margin:0!important}.lp-letter .letter-cta .cta-stores{flex-wrap:wrap;gap:10px;display:flex}.lp-letter .letter-cta .cta-stores a{color:var(--ink);border:1.5px solid var(--ink);border-radius:6px;padding:11px 16px;font-weight:700;text-decoration:none}.lp-letter .closing{padding-top:28px}@media (width<=600px){.lp-letter .intro{padding-block:14px 12px}.lp-letter .intro .hand{font-size:19px}.lp-letter .intro h1{font-size:26px}.lp-letter .intro .lede{font-size:15px;line-height:1.45}.lp-letter .lower{padding-top:18px}.lp-letter .snap.start{float:right;width:44%;margin:.3em 0 .6em 14px;padding:6px 6px 8px}.lp-letter .snap.start figcaption{font-size:16px}}@media (prefers-reduced-motion:reduce){.lp-letter .phrase .input i{animation:none}}@keyframes lp-letter-blink{50%{opacity:0}}
