/* Two delicate additions to the 1.2 stationery. */
.envelope-back{z-index:1}
.envelope-bloom{position:absolute;top:8%;width:37%;height:100%;object-fit:contain;pointer-events:none;z-index:0;opacity:0;filter:drop-shadow(0 3px 3px #40594920);transition:transform 1.3s cubic-bezier(.22,.61,.36,1),opacity .7s ease}
.bloom-left{left:-19%;transform:translateX(50%) rotate(-17deg);transform-origin:bottom right}
.bloom-right{right:-19%;transform:translateX(-50%) scaleX(-1) rotate(-17deg);transform-origin:bottom left}
.envelope-intro.is-opening .bloom-left{opacity:1;transform:translateX(0) rotate(-17deg)}
.envelope-intro.is-opening .bloom-right{opacity:1;transform:translateX(0) scaleX(-1) rotate(-17deg)}
.floral-farewell{padding:20px 12px 40px;overflow:hidden}
.farewell-frame{position:relative;width:min(640px,100%);min-height:460px;aspect-ratio:1/1;margin:0 auto;display:grid;place-items:center}
.farewell-wreath{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #627e8412)}
.farewell-copy{position:relative;z-index:1;width:66%;text-align:center;padding-bottom:10%}
.floral-farewell .footer-names{font-size:clamp(34px,5vw,52px);line-height:1.3;margin:12px 0 22px}
.floral-farewell .closing{margin-bottom:20px}.floral-farewell .botanical{display:none}
@media(max-width:640px){.farewell-frame{min-height:390px}.farewell-copy{width:64%;padding-bottom:10%}.floral-farewell .footer-names{font-size:36px}.floral-farewell .closing{font-size:23px}.floral-farewell .eyebrow{font-size:12px;letter-spacing:1.6px}.envelope-bloom{width:35%;height:96%;top:10%}.bloom-left{left:-17%}.bloom-right{right:-17%}}
@media(prefers-reduced-motion:reduce){.envelope-bloom{transition:none}}
.farewell-and{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:.48em;font-style:italic;color:var(--gold);line-height:1.1}
.farewell-wreath{opacity:.76}


/* A lighter open floral semicircle travels with the names on the letter. */
.envelope-letter{gap:6px;padding:10px;isolation:isolate}
.intro-wreath{position:absolute;inset:4% 4% 3%;width:92%;height:93%;object-fit:fill;z-index:-1;pointer-events:none;opacity:.46;transform:scale(.94);transition:opacity 1.1s ease 1s,transform 1.3s ease 1s;-webkit-mask-image:linear-gradient(transparent 0%,#000 30%);mask-image:linear-gradient(transparent 0%,#000 30%)}
.envelope-intro.is-opening .intro-wreath{opacity:.58;transform:scale(1)}
.envelope-letter strong{width:62%;align-self:center;font-size:clamp(20px,4vw,36px);line-height:1.04}
.envelope-letter p{font-size:clamp(9px,1.6vw,13px);letter-spacing:1px}
.envelope-letter span{font-size:clamp(10px,1.8vw,15px)}
@media(prefers-reduced-motion:reduce){.intro-wreath{transition:none}}