.letter-object{isolation:isolate;width:min(100%,64rem);margin:0 auto;padding:1.25rem 2rem 1.6rem;position:relative}.envelope{z-index:-2;pointer-events:none;border:1px solid #2b26251a;border-radius:5px;position:absolute;overflow:hidden;box-shadow:0 20px 45px #2b26251f}.envelope:before{content:"";background:#fffdf717;border:1px solid #2b26251a;width:64%;height:150%;position:absolute;top:-112%;left:18%;transform:rotate(45deg)}.envelope--sage{background:var(--sage);width:59%;height:12rem;top:0;right:4rem;transform:rotate(4.8deg)}.envelope--lavender{background:var(--lavender);width:91%;height:68%;top:2.35rem;right:1.25rem;transform:rotate(3deg)}.envelope--peach{background:var(--peach);width:calc(100% - 4rem);height:67%;bottom:.65rem;left:1rem;transform:rotate(-2.4deg)}.envelope--blue{background:var(--blue);width:77%;height:59%;bottom:.4rem;left:4.5rem;transform:rotate(1.45deg)}.envelope-seal{z-index:3;background:var(--butter);width:3.35rem;height:3.35rem;font-family:var(--font-serif);letter-spacing:-.04em;border:1px solid #2b26252b;border-radius:50%;place-items:center;font-size:.94rem;font-style:italic;display:grid;position:absolute;bottom:1.95rem;right:1.35rem;transform:rotate(8deg);box-shadow:0 8px 16px #2b262521,inset 0 0 0 .22rem #fffdf738}.letter-paper-shadow{z-index:1;filter:drop-shadow(0 2px 2px #2b26250a)drop-shadow(0 15px 24px #2b26251f)drop-shadow(0 34px 45px #2b262514);transform:translate(var(--paper-x,0), var(--paper-y,0)) rotate(-.2deg);transition:transform .18s ease-out;position:relative}.letter-paper{background-color:var(--paper);clip-path:polygon(.35% .7%,5% .18%,11% .62%,18% .22%,27% .58%,36% .15%,45% .52%,54% .12%,63% .56%,72% .2%,82% .6%,91% .17%,99.65% .54%,99.4% 8%,99.72% 18%,99.48% 29%,99.75% 41%,99.5% 54%,99.72% 67%,99.45% 80%,99.68% 91%,99.35% 99.45%,91% 99.72%,82% 99.38%,73% 99.78%,64% 99.42%,55% 99.74%,46% 99.36%,37% 99.76%,28% 99.4%,19% 99.72%,10% 99.37%,.38% 99.68%,.62% 90%,.28% 78%,.55% 65%,.25% 52%,.58% 39%,.3% 26%,.6% 14%);min-height:29rem;padding:clamp(1.8rem,3.1vw,2.55rem) clamp(2.2rem,5.8vw,5rem) clamp(2.65rem,4vw,3.45rem);position:relative;overflow:hidden}.letter-paper:after{content:"";mix-blend-mode:multiply;opacity:.075;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:.62;pointer-events:none;background:#fff7da4d;width:38%;height:136%;animation:16s ease-in-out infinite alternate paper-light;position:absolute;top:-18%;left:-20%;transform:rotate(7deg);box-shadow:5rem 0 8rem #fff7da33}.letter-paper__fold{z-index:0;pointer-events:none;background:#2b26250d;display:block;position:absolute;box-shadow:0 1px 8px #2b262509}.letter-paper__fold--vertical{width:1px;top:0;bottom:0;left:50%}.letter-paper__fold--horizontal{height:1px;bottom:43%;left:0;right:0}.letter-meta,.letter-copy{z-index:1;position:relative}.letter-meta{color:var(--muted-ink);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;justify-items:end;gap:.14rem;font-size:.61rem;font-weight:700;display:grid;position:absolute;bottom:clamp(1.75rem,3vw,2.5rem);right:clamp(2.25rem,5.8vw,5rem)}.letter-copy{max-width:78ch;font-family:var(--font-serif);letter-spacing:-.004em;margin:0 auto;padding-bottom:2.15rem;font-size:clamp(1rem,1.15vw,1.12rem);font-weight:430;line-height:1.47}.letter-copy p{margin:0 0 .78em}.letter-salutation{font-family:var(--font-hand);font-size:1.78em;line-height:1;animation:.75s .18s both ink-arrives;display:inline-block;transform:rotate(-1deg);margin-bottom:.5em!important}.letter-signoff{font-family:var(--font-hand);font-size:1.48em;line-height:1;margin-top:.9em!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:.8rem .45rem 1rem}.letter-paper-shadow{filter:drop-shadow(0 10px 18px #2b26251f)drop-shadow(0 22px 30px #2b26250f)}.letter-paper{min-height:36rem;padding:2rem 1.45rem 3.4rem}.letter-meta{letter-spacing:.07em;gap:.08rem;font-size:.56rem;bottom:1.75rem;right:1.45rem}.letter-copy{max-width:none;padding-bottom:1.5rem;font-size:clamp(1.04rem,4.75vw,1.16rem);line-height:1.58}.envelope--sage{width:58%;top:.15rem;right:1.35rem}.envelope--lavender{width:92%;top:1.6rem;right:.2rem}.envelope--peach{width:calc(100% - .9rem);bottom:.45rem;left:.1rem}.envelope--blue{width:78%;bottom:.25rem;left:1.25rem}.envelope-seal{width:2.85rem;height:2.85rem;bottom:1.35rem;right:.05rem}}@media (prefers-reduced-motion:reduce){.letter-paper-shadow{transition:none;transform:rotate(-.2deg)}.letter-paper__light,.letter-salutation{animation:none}}html:not([data-typing-reveal]) .letter-salutation{animation:none}