/* Botanical details and the little things that make Fabiola, Fabiola. */
.favorite-things{margin:25px -25px 0 -35px;max-width:540px}.favorite-things img{display:block;width:100%;height:auto}.favorite-things figcaption{text-align:center;font:italic 18px var(--serif);color:#9b81a7;margin-top:-4px;transform:rotate(-3deg)}
.immersive-garden .letter-section{align-items:start;gap:55px}.letter-intro{position:relative}.letter-container{position:relative;display:block;min-height:320px;perspective:1400px;margin-top:48px;isolation:isolate;overflow:visible}.letter-container.letter-is-open{min-height:0}
.letter-container .envelope{position:absolute;inset:0 0 auto;width:100%;height:320px;overflow:visible;transform:none;isolation:isolate;border-radius:5px;background:linear-gradient(140deg,#e6d6ec,#d9c3e4);border:1px solid #d3bade;box-shadow:0 20px 48px #6e4d7d12,0 4px 9px #6e4d7d09;transition:box-shadow .3s}
.letter-container .envelope:not(:disabled):hover{transform:none;box-shadow:0 25px 50px #6e4d7d20,0 5px 12px #6e4d7d0a}.letter-container .envelope:disabled{cursor:default}
.envelope-lining{position:absolute;inset:8px;border-radius:3px;background:repeating-linear-gradient(45deg,#e8daed 0 10px,#e2d2e8 10px 11px);z-index:-1}
.envelope-flap{position:absolute;left:-1px;right:-1px;top:-1px;height:58%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(170deg,#f2e6f5,#d3b4e2);transform-origin:50% 0;backface-visibility:visible;z-index:3;filter:drop-shadow(0 3px 2px #6d4b7c18);will-change:transform}
.envelope-front{position:absolute;inset:0;background:linear-gradient(32deg,transparent 49.7%,#d8c0e3 49.9%,transparent 50.2%),linear-gradient(-32deg,transparent 49.7%,#d8c0e3 49.9%,transparent 50.2%),linear-gradient(110deg,#efe2f3,#e3d0ec);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);border-radius:4px;z-index:2}
.letter-container .envelope-recipient{z-index:4;top:auto;bottom:57px;font-size:36px;color:#735780;pointer-events:none}.letter-container .envelope-action{z-index:4;bottom:28px;font-size:9px;letter-spacing:1.5px;color:#9980a7}.letter-container .wax-seal{z-index:5;top:calc(52% - 24px);left:calc(50% - 27px);height:57px;width:57px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ccb0dc,#a57bbb 70%,#8b639e);border:4px double #c6a6d8;box-shadow:0 4px 6px #69457525,inset 0 0 0 2px #9466ac45;border-radius:46% 52% 49% 47%;line-height:1}.wax-seal>span{font:italic 33px var(--serif);color:#e8d8ef;text-shadow:0 1px #876398;transform:translateY(-3px)}.wax-seal>small{position:absolute;bottom:4px;font:11px var(--serif);color:#eadbf0}
.letter-container .letter-paper{position:relative;z-index:6;width:100%;border-radius:5px;border:1px solid #e6d9e6;background:linear-gradient(90deg,#ede3d820 0,transparent 3%,transparent 97%,#ede3d820),#fffdf8;box-shadow:0 18px 55px #5b3d6914,0 2px 6px #5b3d6908;transform-origin:50% 85%;padding:42px 39px;outline-offset:6px}.letter-paper:before{content:'✧';position:absolute;top:20px;right:24px;font-size:19px;color:#bea1c9}.letter-paper .eyebrow{font-size:8px;letter-spacing:2px;color:#ac8db9}.letter-paper h3{font-size:39px;color:#795689}.letter-paper>p:not(.eyebrow){font-size:13px;line-height:2}.letter-paper .signature em{color:#9268a3}.letter-paper #close-letter{border-top:1px solid #e9dfec;padding-top:18px;width:100%;text-align:right;font-size:10px;letter-spacing:.4px}.letter-container[data-state=opening] .wax-seal,.letter-container[data-state=closing] .wax-seal{opacity:0;transition:opacity .2s}.letter-container[data-state=opening] .envelope-recipient,.letter-container[data-state=opening] .envelope-action{opacity:.4}
.memory-meadow .flower-button:nth-child(2n) svg{scale:1.04}.memory-meadow .flower-button:nth-child(5n) svg{scale:.96}.memory-meadow .flower-button:hover .flower-aura{box-shadow:0 0 45px #d7acf00c}
@media(max-width:900px){.immersive-garden .letter-section{gap:32px}.letter-container{margin-top:45px}.letter-container .letter-paper{padding:34px 27px}.favorite-things{margin:30px -18px 0 -22px}.favorite-things figcaption{font-size:16px}}
@media(max-width:700px){.favorite-things{max-width:430px;margin:18px auto 0}.favorite-things img{width:100%}.favorite-things figcaption{font-size:16px;margin-top:-4px}.letter-container{margin-top:65px;min-height:285px}.letter-container .envelope{height:285px}.letter-container .envelope-recipient{font-size:32px;bottom:47px}.letter-container .envelope-action{bottom:23px;font-size:8px;letter-spacing:1px}.letter-container .wax-seal{top:calc(52% - 24px)}.letter-container .letter-paper{padding:32px 26px}.letter-paper h3{font-size:34px}.letter-paper>p:not(.eyebrow){font-size:12px;line-height:1.95}.immersive-garden .letter-section{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
