.email-hero{--email-ease:cubic-bezier(.2, .8, .2, 1)}.email-hero .email-aerogramme{background:radial-gradient(70% 60% at 50% 35%, #e8f0fa, transparent 70%), linear-gradient(180deg, #d6e2f2, #dfe8f4 60%, var(--panel))}.email-hero .email-aerogramme:after{content:"";mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.36 0 0 0 0 0.5 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.email-aerogramme-close{background:linear-gradient(#e2eaf5,#dbe5f2 55%,#d5e0ef)}.email-aerogramme-close:after{content:"";mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.36 0 0 0 0 0.5 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.email-paper{background-color:#fdfaf2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.36 0 0 0 0 0.24 0 0 0 0.075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes email-label-stick{0%{opacity:0;transform:translateY(-10px) rotate(calc(var(--tilt) - 10deg)) scale(1.12)}to{opacity:1;transform:rotate(var(--tilt))}}.email-hero .email-label{transform:rotate(var(--tilt));animation:email-label-stick .5s var(--email-ease) .45s both}@keyframes email-stamp-land{0%{opacity:0;transform:translate(-8px, -22px) rotate(calc(var(--tilt) + 10deg)) scale(1.2)}55%{opacity:1}to{opacity:1;transform:rotate(var(--tilt))}}.email-hero .email-stamp{transform:rotate(var(--tilt));animation:email-stamp-land .7s var(--email-ease) .2s both}@keyframes email-postmark-strike{0%{opacity:0;transform:rotate(var(--tilt)) scale(1.28)}60%{opacity:.92;transform:rotate(var(--tilt)) scale(.97)}to{opacity:.82;transform:rotate(var(--tilt)) scale(1)}}.email-hero .email-postmark{opacity:.82;transform:rotate(var(--tilt));animation:.36s ease-out .95s both email-postmark-strike}@keyframes email-wave-run{0%{stroke-dashoffset:-1px}to{stroke-dashoffset:0}}.email-hero .email-wave{stroke-dasharray:1;animation:.55s cubic-bezier(.4,0,.2,1) both email-wave-run;animation-delay:calc(1.12s + var(--wave) * 50ms)}@keyframes email-registered-stick{0%{opacity:0;transform:translateY(8px) rotate(calc(var(--tilt) + 4deg))}to{opacity:1;transform:rotate(var(--tilt))}}.email-hero .email-registered{transform:rotate(var(--tilt));animation:email-registered-stick .5s var(--email-ease) .6s both}@keyframes email-mark-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.email-hero .email-mark{animation:email-mark-in .28s var(--email-ease) both}@keyframes email-caret-blink{50%{opacity:0}}.email-hero .email-caret{vertical-align:-.2em;background:var(--ink);width:.55ch;height:1.15em;margin:0 1px;animation:1.05s step-end infinite email-caret-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.email-hero :is(.email-label,.email-stamp,.email-postmark,.email-wave,.email-registered,.email-mark){animation:none}.email-hero .email-caret{display:none}}