.letter-paper{color:#1b2433;background-color:#fbf7ee;background-image:var(--tex-grain), var(--tex-paper-soft);background-size:160px,384px;border-radius:6px;padding:clamp(1.5rem,1rem + 2.4vw,3rem);position:relative;transform:rotate(-1.2deg);box-shadow:inset 0 1px #ffffffe6,0 2px 4px #0b122014,0 28px 50px -24px #0b122059}.letter-paper:before{content:"";background:var(--sky,#0095e2);opacity:.85;border-radius:6px 6px 0 0;height:3px;position:absolute;inset:0 0 auto}.letter-paper:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 49%,#0b12200d 50%,#0000 51%);position:absolute;inset:0}.letter-hand{font-family:var(--font-hand), "Segoe Script", "Bradley Hand", cursive;letter-spacing:.01em;text-wrap:pretty;font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);line-height:1.4}.letter-name{color:#12408a;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1.1}.letter-swash{color:#12408a;margin-top:.25rem;display:block;position:relative}.letter-swash-veil{transform-origin:100%;background:#fbf7ee;position:absolute;inset:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){.letter-swash-veil{animation:letter-write 1.1s var(--ease-paper,ease-out) var(--swash-delay,.4s) both;transform:scaleX(1)}.letter-paper{animation:letter-land .9s var(--ease-paper,ease-out) both}}@keyframes letter-write{to{transform:scaleX(0)}}@keyframes letter-land{0%{opacity:0;transform:translateY(24px)rotate(-3deg)}to{opacity:1;transform:rotate(-1.2deg)}}@media (max-width:639px){.letter-paper{transform:rotate(-.6deg)}}