.letter-object{isolation:isolate;width:min(100%,50rem);margin:0 auto;padding:1.4rem 1.3rem 1.9rem 2.2rem;position:relative}.envelope{z-index:-2;pointer-events:none;border:1px solid #2b262514;border-radius:8px;position:absolute;box-shadow:0 20px 45px #2b26251f}.envelope--sage{background:var(--sage);width:54%;height:14rem;top:-.5rem;right:4.6rem;transform:rotate(5deg)}.envelope--lavender{background:var(--lavender);width:50%;height:16rem;top:3.1rem;left:.25rem;transform:rotate(-4.5deg)}.envelope--peach{background:var(--peach);width:43%;height:19rem;bottom:7rem;right:0;transform:rotate(3deg)}.envelope--blue{background:var(--blue);width:70%;height:13rem;bottom:3.2rem;left:.5rem;transform:rotate(-2.4deg)}.envelope-seal{z-index:3;background:var(--butter);width:3.7rem;height:3.7rem;font-family:var(--font-serif);letter-spacing:-.04em;border:1px solid #2b262526;border-radius:50%;place-items:center;font-size:1rem;font-style:italic;display:grid;position:absolute;bottom:10.5rem;right:-.1rem;transform:rotate(8deg);box-shadow:0 8px 16px #2b26251f}.letter-paper{background-color:var(--paper);min-height:44rem;transform:translate(var(--paper-x,0), var(--paper-y,0)) rotate(-.35deg);border:1px solid #2b26251c;border-radius:4px 7px 5px 3px;padding:clamp(2.4rem,5.3vw,4.5rem) clamp(2rem,5.2vw,4.5rem) clamp(3.3rem,7vw,5.6rem);transition:transform .18s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 2px #2b26250a,0 14px 28px #2b26251c,0 38px 70px #2b262517}.letter-paper:before{content:"";pointer-events:none;background:#2b26250e;height:1px;position:absolute;inset:47% 0 auto;box-shadow:0 1px 8px #2b26250a}.letter-paper:after{content:"";mix-blend-mode:multiply;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.letter-paper__light{z-index:0;opacity:.6;pointer-events:none;background:#fff7da52;width:46%;height:125%;animation:16s ease-in-out infinite alternate paper-light;position:absolute;top:-15%;left:-25%;transform:rotate(7deg);box-shadow:5rem 0 8rem #fff7da2e}.letter-meta,.letter-copy{z-index:1;position:relative}.letter-meta{color:var(--muted-ink);font-family:var(--font-sans);letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #2b26251f;justify-content:space-between;padding-bottom:1.8rem;font-size:.65rem;font-weight:700;display:flex}.letter-copy{max-width:61ch;font-family:var(--font-serif);letter-spacing:-.006em;margin:2rem auto 0;font-size:clamp(1.16rem,1.55vw,1.33rem);font-weight:430;line-height:1.67}.letter-copy p{margin:0 0 1.38em}.letter-salutation{font-family:var(--font-hand);font-size:1.75em;line-height:1;animation:.75s .18s both ink-arrives;display:inline-block;transform:rotate(-1deg);margin-bottom:.65em!important}.letter-signoff{font-family:var(--font-hand);font-size:1.55em;line-height:1;margin-top:1.8em!important}@keyframes ink-arrives{0%{opacity:0;transform:translate(-.35rem)rotate(-1deg)}to{opacity:1;transform:translate(0)rotate(-1deg)}}@keyframes paper-light{0%{transform:translate(-1rem)rotate(7deg)}to{transform:translate(3rem)rotate(7deg)}}@media (max-width:640px){.letter-object{padding:.65rem .25rem 1rem .55rem}.letter-paper{min-height:36rem;padding:2rem 1.45rem 3rem}.letter-meta{letter-spacing:.08em;gap:1rem;font-size:.58rem}.letter-copy{font-size:clamp(1.08rem,5.2vw,1.22rem);line-height:1.68}.envelope--sage{right:1.5rem}.envelope--lavender{left:0}.envelope--peach{bottom:4.4rem;right:-.2rem}.envelope-seal{width:3rem;height:3rem;bottom:6.5rem;right:-.3rem}}@media (prefers-reduced-motion:reduce){.letter-paper__light,.letter-salutation{animation:none}}html:not([data-typing-reveal]) .letter-salutation{animation:none}