.hero-letter-art{width:100%;max-width:600px;height:560px;margin:0 auto;position:relative}.hero-letter-art__dots{pointer-events:none;opacity:.5;position:absolute;inset:0}.hero-letter-art__envelope{background-color:#ece2c7;background-image:linear-gradient(#e2d6b3 0% 50%,#0000 50%),linear-gradient(135deg,#0000 49.6%,#00000014 50%,#0000 50.4%);background-position:0 0;background-repeat:no-repeat;background-size:100% 50%,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:4px;width:540px;max-width:100%;height:340px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)rotate(2deg);box-shadow:0 22px 60px #3c2a142e,0 6px 16px #3c2a141a}.hero-letter-art__envelope:after{content:"";clip-path:polygon(0 0,100% 0,50% 50%);filter:brightness(.97);background:linear-gradient(#e8ddbe 0 50%,#0000 50%);position:absolute;inset:0}.hero-letter-art__stamp{background:var(--seal-500);color:#fff;width:78px;height:96px;font:600 10px/1.2 var(--font-body);text-align:center;letter-spacing:.04em;z-index:2;background-image:radial-gradient(circle at 0,#fffaf0 4px,#0000 4.5px),radial-gradient(circle at 100%,#fffaf0 4px,#0000 4.5px),radial-gradient(circle at 50% 0,#fffaf0 4px,#0000 4.5px),radial-gradient(circle at 50% 100%,#fffaf0 4px,#0000 4.5px);background-position:0 0,100% 0,0 0,0 100%;background-repeat:repeat-y,repeat-y,repeat-x,repeat-x;background-size:12px 12px,12px 12px,12px 12px,12px 12px;border:4px solid #fff;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:26px;transform:rotate(4deg);box-shadow:0 2px 6px #00000026}.hero-letter-art__postmark{border:2px solid var(--seal-500);width:110px;height:60px;color:var(--seal-500);opacity:.55;font:600 11px/1.1 var(--font-body);text-align:center;letter-spacing:.08em;z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:36px;right:110px;transform:rotate(-8deg)}.hero-letter-art__letter{z-index:3;width:460px;max-width:92%;min-height:290px;animation:letter-rise .9s var(--ease-out) both;background:#fffdf6 repeating-linear-gradient(0deg,#0000 0 30px,#1f1a140d 30px 31px);border-radius:3px;padding:28px 34px;position:absolute;top:8%;left:8%;transform:rotate(-3deg);box-shadow:0 22px 60px #3c2a142e,0 6px 16px #3c2a141a}.hero-letter-art__letter p{font:400 23px/1.55 var(--font-script);color:#1a2b4a}.hero-letter-art__letter .signature{font:400 32px/1 var(--font-script);color:#1a2b4a;margin-top:12px;display:block}.hero-letter-art__corner{pointer-events:none;color:var(--seal-500);position:absolute}.hero-letter-art__corner--tl{width:36px;height:36px;top:-10px;left:-20px;transform:rotate(-15deg)}.hero-letter-art__corner--br{width:120px;height:12px;bottom:20px;right:-10px;transform:rotate(10deg)}@keyframes letter-rise{0%{opacity:0;transform:rotate(-6deg)translateY(30px)}to{opacity:1;transform:rotate(-3deg)translateY(0)}}@media (max-width:900px){.hero-letter-art{height:420px}.hero-letter-art__letter{width:360px;padding:22px 26px}.hero-letter-art__letter p{font-size:20px}}@media (prefers-reduced-motion:reduce){.hero-letter-art__letter{animation:none}}