.selection-page{position:relative}
main:has(>.selection-send-scene){position:relative;min-height:75svh}
.selection-send-scene{position:absolute;inset:0;z-index:5;overflow:hidden;display:grid;place-items:center}
.selection-send-mask{position:absolute;inset:0;background:#f3d2dd;clip-path:ellipse(0% 0% at 15% 80%);animation:send-cover 1.3s cubic-bezier(.4,0,.2,1) forwards}
.selection-send-mask.second{background:#fff0e9;animation-delay:.2s;clip-path:ellipse(0% 0% at 90% 20%)}
.selection-send-art{position:relative;width:min(94%,650px);text-align:center;animation:send-art-in .7s .9s both}
.selection-send-art svg{width:100%;height:auto;overflow:visible}
.selection-send-art p{font-size:clamp(16px,2.5vw,22px);color:#79334e;margin:10px 18px}
.send-envelope{animation:send-letter 3s 1.1s both;transform-origin:155px 140px}
.send-trail{animation:send-art-in .9s 1.4s both}
.send-received{animation:send-receipt .7s 3.8s both;transform-origin:474px 63px}
.is-revealing .selection-send-mask{animation:send-uncover 1.4s ease-in-out forwards}
.is-revealing .selection-send-mask.second{animation-delay:.1s}
.is-revealing .selection-send-art{animation:send-art-out .65s forwards}
@keyframes send-cover{to{clip-path:ellipse(150% 150% at 50% 50%)}}
@keyframes send-uncover{from{clip-path:ellipse(150% 150% at 50% 50%)}to{clip-path:ellipse(0% 0% at 90% 20%)}}
@keyframes send-art-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes send-art-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes send-letter{0%,12%{transform:translate(0,0) rotate(-8deg);opacity:1}40%{transform:translate(95px,-73px) rotate(8deg)}70%{transform:translate(225px,-60px) rotate(15deg);opacity:1}100%{transform:translate(318px,20px) rotate(-5deg) scale(.3);opacity:0}}
@keyframes send-receipt{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.selection-send-scene{display:none}}