.atlas-envelope-scene{--aes-paper:#e8ddce;--aes-paper-dark:#c5aa8c;--aes-liner:#f7ead8;--aes-accent:#e4463a;--aes-duration:8200ms;--aes-iteration:1;position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;isolation:isolate;perspective:1400px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.92),rgba(255,255,255,.18) 32%,transparent 58%),linear-gradient(145deg,color-mix(in srgb,var(--aes-paper) 62%,#fff),color-mix(in srgb,var(--aes-paper-dark) 58%,#f6f0e8));font-family:Vazirmatn,Tahoma,sans-serif}
.aes-atmosphere{position:absolute;z-index:0;inset:0;pointer-events:none}.aes-atmosphere:before,.aes-atmosphere:after{position:absolute;content:"";border:1px solid color-mix(in srgb,var(--aes-accent) 20%,transparent);border-radius:50%}.aes-atmosphere:before{width:64%;aspect-ratio:1;top:-22%;right:-18%}.aes-atmosphere:after{width:54%;aspect-ratio:1;bottom:-31%;left:-13%}.aes-atmosphere i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--aes-accent);box-shadow:0 0 20px color-mix(in srgb,var(--aes-accent) 55%,transparent);opacity:.22}.aes-atmosphere i:nth-child(1){top:16%;right:15%}.aes-atmosphere i:nth-child(2){top:31%;left:12%}.aes-atmosphere i:nth-child(3){bottom:19%;right:11%}.aes-atmosphere i:nth-child(4){bottom:13%;left:23%}.aes-atmosphere i:nth-child(5){top:12%;left:38%}.aes-atmosphere i:nth-child(6){bottom:38%;right:4%}.aes-atmosphere i:nth-child(7){top:53%;left:5%}
.aes-composition{position:absolute;z-index:2;inset:0;transform-style:preserve-3d}.aes-envelope-plane{position:absolute;right:10%;bottom:12%;width:80%;aspect-ratio:1.62/1;border-radius:clamp(7px,1.2vw,16px);transform-style:preserve-3d}.aes-ground-shadow{position:absolute;right:14%;bottom:6%;width:72%;height:12%;border-radius:50%;background:#101a2e3d;filter:blur(22px);transform:scaleX(.94)}
.aes-envelope-back{z-index:1;overflow:hidden;border:1px solid rgba(72,58,43,.12);background:linear-gradient(152deg,color-mix(in srgb,var(--aes-paper) 94%,#fff),var(--aes-paper));box-shadow:0 32px 65px rgba(35,27,22,.24),inset 0 1px rgba(255,255,255,.75)}.aes-envelope-liner{position:absolute;inset:0;background-color:var(--aes-liner);background-image:var(--aes-liner-image);background-position:center;background-size:38%;opacity:.98;clip-path:polygon(0 0,100% 0,50% 69%)}[data-liner-pattern=plain] .aes-envelope-liner,[data-liner-pattern=plain] .aes-flap-liner{background-image:none}[data-liner-pattern=geometry] .aes-envelope-liner,[data-liner-pattern=geometry] .aes-flap-liner{background-size:28%;filter:saturate(.65)}[data-liner-pattern=stars] .aes-envelope-liner,[data-liner-pattern=stars] .aes-flap-liner{background-color:#14233b;background-size:44%;filter:saturate(.4) contrast(1.15)}
.aes-envelope-flap{z-index:5;bottom:12%;transform-origin:50% 0;transform:rotateX(0deg);filter:drop-shadow(0 9px 8px rgba(52,40,29,.1));backface-visibility:visible}.aes-flap-face,.aes-flap-liner{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 67%);backface-visibility:hidden}.aes-flap-face{background:linear-gradient(170deg,color-mix(in srgb,var(--aes-paper-dark) 82%,#fff),var(--aes-paper-dark))}.aes-flap-liner{background-color:var(--aes-liner);background-image:var(--aes-liner-image);background-position:center;background-size:38%;transform:rotateX(180deg)}
.aes-envelope-pocket{z-index:4;pointer-events:none}.aes-envelope-pocket i{position:absolute;inset:0}.aes-pocket-left{background:linear-gradient(128deg,color-mix(in srgb,var(--aes-paper) 88%,#fff),var(--aes-paper));clip-path:polygon(0 0,53% 55%,0 100%)}.aes-pocket-right{background:linear-gradient(232deg,color-mix(in srgb,var(--aes-paper-dark) 28%,var(--aes-paper)),var(--aes-paper));clip-path:polygon(100% 0,47% 55%,100% 100%)}.aes-pocket-bottom{background:linear-gradient(0deg,color-mix(in srgb,var(--aes-paper-dark) 22%,var(--aes-paper)),color-mix(in srgb,var(--aes-paper) 95%,#fff));clip-path:polygon(0 100%,50% 42%,100% 100%);filter:drop-shadow(0 -1px rgba(75,56,38,.08))}
.aes-card{position:absolute;z-index:2;right:31%;bottom:22%;width:38%;aspect-ratio:9/16;opacity:0;transform:translateY(34%) scale(.72);transform-origin:50% 72%;filter:drop-shadow(0 24px 22px rgba(22,25,35,.3));will-change:transform,opacity}.aes-card-paper{position:absolute;inset:0;overflow:hidden;border:clamp(3px,.55vw,8px) solid rgba(255,255,255,.96);border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px rgba(12,22,38,.08)}.aes-card-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;overflow:hidden;background-position:center!important;background-size:cover!important;isolation:isolate}.aes-card-canvas .designer-element{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;line-height:1.45;white-space:pre-wrap}.aes-card-canvas .designer-element.is-image img{width:100%;height:100%;object-fit:cover}.aes-card-edge{position:absolute;z-index:-1;inset:5px -5px -5px 5px;background:#b7a997;border-radius:4px}
.aes-mail-details{z-index:6;color:#514438;pointer-events:none}.aes-sender{position:absolute;right:7%;top:8%;font-size:clamp(.42rem,1.05vw,.68rem);font-weight:750}.aes-recipient{position:absolute;right:33%;top:48%;width:44%;overflow:hidden;text-align:center;font-size:clamp(.58rem,1.5vw,1.02rem);font-weight:900;white-space:nowrap}.aes-address-rule{position:absolute;right:36%;top:61%;width:38%;height:1px;background:#63534344;box-shadow:0 6px #63534327,0 12px #6353431a}.aes-stamp{position:absolute;top:8%;left:7%;width:17%;aspect-ratio:.79;display:grid;place-items:center;align-content:center;gap:2px;color:var(--aes-accent);border:1px dashed color-mix(in srgb,var(--aes-accent) 70%,#fff);background:rgba(255,255,255,.73);box-shadow:inset 0 0 0 3px rgba(255,255,255,.82);transform:rotate(-4deg)}.aes-stamp b{font:900 clamp(.82rem,2.2vw,1.55rem) Georgia,serif}.aes-stamp small{font:800 clamp(.22rem,.48vw,.35rem) Arial;letter-spacing:.08em}.aes-postmark{position:absolute;top:16%;left:17%;width:22%;aspect-ratio:1;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--aes-paper-dark) 65%,#333);border-radius:50%;color:#5b514c;opacity:.62;transform:rotate(-11deg)}.aes-postmark b{font:800 clamp(.28rem,.62vw,.45rem) Arial;letter-spacing:.1em}.aes-postmark i{position:absolute;right:78%;width:78%;height:1px;background:currentColor}.aes-postmark i:nth-of-type(1){top:37%}.aes-postmark i:nth-of-type(2){top:50%}.aes-postmark i:nth-of-type(3){top:63%}.aes-seal{position:absolute;z-index:8;right:43%;top:28%;width:14%;aspect-ratio:1;display:grid;place-items:center;border-radius:49% 52% 47% 54%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--aes-accent) 75%,#fff),var(--aes-accent) 53%,color-mix(in srgb,var(--aes-accent) 70%,#310b0b));color:#ffe8d7;filter:drop-shadow(0 5px 5px rgba(46,19,14,.28));box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),inset 0 0 0 7px rgba(70,10,10,.11)}.aes-seal b{font:900 clamp(.7rem,1.65vw,1.15rem) Georgia,serif}.aes-seal i{position:absolute;top:48%;width:54%;height:1px;background:#fff5;transform-origin:center}.aes-seal i:first-of-type{transform:rotate(38deg)}.aes-seal i:last-of-type{transform:rotate(-38deg)}
.is-envelope-midnight{background:radial-gradient(circle at 50% 16%,#33486d,#101b30 42%,#070d19)}.is-envelope-midnight .aes-atmosphere i{background:#e5c278}.is-envelope-business{background:linear-gradient(145deg,#f3f5f7,#d9e0e6)}.is-envelope-celebration{background:radial-gradient(circle at 52% 18%,#fff8f4,#f7d9d4 54%,#eec5c8)}.is-envelope-memorial{filter:saturate(.72)}
.is-envelope-playing .aes-composition{animation:aes-composition var(--aes-duration) cubic-bezier(.22,.72,.2,1) var(--aes-iteration)}.is-envelope-playing .aes-ground-shadow{animation:aes-shadow var(--aes-duration) ease var(--aes-iteration)}.is-envelope-playing .aes-envelope-back,.is-envelope-playing .aes-envelope-pocket{animation:aes-envelope-drift var(--aes-duration) cubic-bezier(.22,.72,.2,1) var(--aes-iteration)}.is-envelope-playing .aes-envelope-flap{animation:aes-flap-open var(--aes-duration) cubic-bezier(.2,.78,.2,1) var(--aes-iteration)}.is-envelope-playing .aes-mail-details{animation:aes-mail-fade var(--aes-duration) ease var(--aes-iteration)}.is-envelope-playing .aes-seal{animation:aes-seal-break var(--aes-duration) cubic-bezier(.3,.7,.2,1) var(--aes-iteration)}.is-envelope-playing .aes-card{animation:aes-card-rise var(--aes-duration) cubic-bezier(.18,.8,.2,1) var(--aes-iteration)}.is-envelope-playing .aes-card-paper:after{position:absolute;z-index:20;inset:-30% auto -30% -50%;width:28%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(14deg);animation:aes-card-glint var(--aes-duration) ease var(--aes-iteration);pointer-events:none}.is-envelope-playing .aes-atmosphere i{animation:aes-particle var(--aes-duration) ease-in-out var(--aes-iteration)}.is-envelope-paused *{animation-play-state:paused!important}
.is-envelope-complete .aes-envelope-back,.is-envelope-complete .aes-envelope-pocket,.is-envelope-complete .aes-envelope-flap,.is-envelope-complete .aes-mail-details,.is-envelope-complete .aes-ground-shadow{opacity:.18;transform:translateY(42%) scale(.86)}.is-envelope-complete .aes-envelope-flap{transform:translateY(42%) scale(.86) rotateX(178deg)}.is-envelope-complete .aes-seal{opacity:0}.is-envelope-complete .aes-card{z-index:9;opacity:1;transform:translateY(-25%) scale(1.42)}
.aes-replay{position:absolute;z-index:20;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 12px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#101a2edb;color:#fff;font:700 .68rem Vazirmatn;box-shadow:0 10px 28px #101a2e4a;backdrop-filter:blur(10px);cursor:pointer}.aes-replay span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--aes-accent);font-size:1rem}
@keyframes aes-composition{0%{opacity:0;transform:translateY(5%) scale(.93)}9%,88%{opacity:1;transform:translateY(0) scale(1)}97%,100%{opacity:0;transform:translateY(2%) scale(.96)}}
@keyframes aes-shadow{0%{opacity:0;transform:scale(.7)}10%,43%{opacity:1;transform:scale(.95)}73%{opacity:.25;transform:scale(.72) translateY(45%)}90%,100%{opacity:0;transform:scale(.7)}}
@keyframes aes-envelope-drift{0%,48%{opacity:1;transform:translateY(0) scale(1)}68%,86%{opacity:.16;transform:translateY(42%) scale(.86)}94%,100%{opacity:0;transform:translateY(48%) scale(.84)}}
@keyframes aes-flap-open{0%,15%{opacity:1;transform:rotateX(0deg)}32%,48%{opacity:1;transform:rotateX(178deg)}68%,86%{opacity:.16;transform:translateY(42%) scale(.86) rotateX(178deg)}94%,100%{opacity:0;transform:translateY(48%) scale(.84) rotateX(178deg)}}
@keyframes aes-mail-fade{0%,14%{opacity:1;transform:translateY(0)}24%,100%{opacity:0;transform:translateY(2%)}}
@keyframes aes-seal-break{0%,14%{opacity:1;transform:scale(1) rotate(0)}20%{opacity:1;transform:scale(1.12) rotate(-5deg)}27%,100%{opacity:0;transform:scale(1.7) rotate(16deg);filter:blur(3px)}}
@keyframes aes-card-rise{0%,20%{z-index:2;opacity:0;transform:translateY(34%) scale(.72)}27%{z-index:2;opacity:1}46%{z-index:2;opacity:1;transform:translateY(-55%) scale(.82)}49%{z-index:7;opacity:1;transform:translateY(-55%) scale(.82)}69%,86%{z-index:9;opacity:1;transform:translateY(-25%) scale(1.42)}94%,100%{z-index:9;opacity:0;transform:translateY(-22%) scale(1.38)}}
@keyframes aes-card-glint{0%,52%{left:-50%;opacity:0}61%{opacity:.8}76%,100%{left:128%;opacity:0}}
@keyframes aes-particle{0%,100%{opacity:.08;translate:0 9px}40%,76%{opacity:.6;translate:0 -12px}}
[data-scene-mode=gallery]{min-height:0}.atlas-envelope-scene[data-scene-mode=gallery] .aes-envelope-plane{right:6%;bottom:7%;width:88%}.atlas-envelope-scene[data-scene-mode=gallery] .aes-ground-shadow{right:10%;bottom:1%;width:80%}.atlas-envelope-scene[data-scene-mode=gallery] .aes-card{right:28%;bottom:18%;width:44%}.atlas-envelope-scene[data-scene-mode=gallery] .aes-recipient{font-size:clamp(.42rem,.75vw,.62rem)}.atlas-envelope-scene[data-scene-mode=gallery] .aes-sender{font-size:clamp(.32rem,.55vw,.46rem)}.atlas-envelope-scene[data-scene-mode=gallery] .aes-replay{display:none}
@media(max-width:700px){.atlas-envelope-scene{min-height:390px}.aes-envelope-plane{right:4%;bottom:14%;width:92%}.aes-ground-shadow{right:8%;bottom:8%;width:84%}.aes-card{right:27%;bottom:23%;width:46%}.aes-mail-details .aes-recipient{right:29%;width:48%}.aes-replay{right:12px;bottom:12px}.is-envelope-complete .aes-card{transform:translateY(-20%) scale(1.32)}}
@media(prefers-reduced-motion:reduce){.atlas-envelope-scene *{animation:none!important;transition:none!important}.aes-envelope-back,.aes-envelope-pocket,.aes-envelope-flap,.aes-mail-details,.aes-ground-shadow{opacity:.18;transform:translateY(42%) scale(.86)}.aes-envelope-flap{transform:translateY(42%) scale(.86) rotateX(178deg)}.aes-seal{opacity:0}.aes-card{z-index:9;opacity:1;transform:translateY(-25%) scale(1.42)}}