.quote-section{position:relative;isolation:isolate}.quote-card{position:relative;max-width:850px;margin:auto;padding:34px 50px 27px;border:1px solid #e8ca6d42;border-radius:3px;background:linear-gradient(135deg,#253a2b,#1c3428 55%,#203b2d);box-shadow:0 18px 45px #0003, inset 0 0 50px #d7b85b08;transform:rotate(-.35deg);overflow:hidden}.quote-card:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff0b005 0,#fff0b005 1px,transparent 1px,transparent 5px);opacity:.7;pointer-events:none}.quote-paperclip{position:absolute;right:34px;top:-13px;color:#d6b84f;font-size:43px;transform:rotate(35deg);text-shadow:0 5px 5px #0004}.quote-star{position:relative;display:block;color:#f5cc65;font-size:26px;line-height:1}.quote-label{display:block;margin-top:16px;color:#a9bca0;font-size:8px;letter-spacing:2.5px}.quote-card p{position:relative;min-height:78px;display:flex;align-items:center;justify-content:center;margin:20px auto 26px;max-width:670px;color:#e4e6d3;font:italic 26px/1.55 'Playfair Display',Georgia,serif;text-wrap:balance}.quote-card p.is-changing{animation:quote-leaf-in .7s ease both}.quote-footer{position:relative;display:flex;align-items:center;gap:17px}.quote-footer>span:first-child{font-size:9px;color:#8da18d;letter-spacing:1px}.quote-line{display:block;flex:1;height:1px;background:#ffffff20;overflow:hidden}.quote-line i{display:block;width:0;height:100%;background:#f5cc65;transition:width .3s linear}.quote-footer .quiet-button{padding:0;border:0;border-radius:0;color:#d7daba;font-size:10px;white-space:nowrap}.quote-petal{position:absolute;color:#f1c759;opacity:.5;pointer-events:none;z-index:-1}.petal-one{left:17%;bottom:17px;transform:rotate(25deg);font-size:29px;animation:quote-float 5s ease-in-out infinite}.petal-two{right:13%;top:17px;font-size:20px;animation:quote-float 6s ease-in-out -2s infinite}.quote-section.is-paused .quote-line i{animation-play-state:paused}.quote-card:hover{box-shadow:0 22px 55px #0005,inset 0 0 50px #d7b85b10}.quote-card:hover .quote-paperclip{transform:rotate(45deg) translateY(2px)}
.garden-panel>.quote-section{position:absolute;z-index:3;left:-24%;right:-24%;bottom:-118px;margin:0}.garden-panel>.quote-section .quote-card{max-width:640px;padding:21px 30px 17px;box-shadow:0 16px 40px #0006,inset 0 0 50px #d7b85b08}.garden-panel>.quote-section .quote-star{font-size:19px}.garden-panel>.quote-section .quote-label{margin-top:7px;font-size:7px}.garden-panel>.quote-section .quote-card p{min-height:47px;margin:11px auto 12px;font-size:19px;line-height:1.35}.garden-panel>.quote-section .quote-footer{gap:12px}.garden-panel>.quote-section .quote-footer .quiet-button{font-size:9px}.garden-panel>.quote-section .quote-paperclip{right:23px;font-size:32px}.garden-panel>.quote-section .quote-petal{z-index:1}.garden-label{position:absolute!important;right:-35px;top:205px;width:152px!important;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px!important;padding:14px 12px!important;border-radius:14px!important;background:linear-gradient(145deg,#40563bdb,#173025e8)!important;border:1px solid #f0d47a50!important;box-shadow:0 14px 30px #0005!important;transform:rotate(3deg);animation:label-hover 5s ease-in-out infinite}.garden-label:before{content:'';position:absolute;left:-7px;top:21px;width:13px;height:13px;border-left:1px solid #f0d47a50;border-bottom:1px solid #f0d47a50;background:#304a37;transform:rotate(45deg)}.garden-label .tiny-flower{font-size:29px}.garden-label p{font-size:18px!important;margin:2px 0 0!important}.garden-label small{font-size:7px!important;letter-spacing:1.5px}.garden-label .label-heart{margin:0!important;font-size:20px}.bloom-button{position:relative;z-index:5}@keyframes label-hover{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-6px)}}
@keyframes quote-leaf-in{from{opacity:0;transform:translateY(10px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes quote-float{0%,100%{transform:translateY(0) rotate(25deg)}50%{transform:translateY(-12px) rotate(38deg)}}
@media(max-width:760px){.garden-panel>.quote-section{left:-3%;right:-3%;bottom:-138px}.garden-panel>.quote-section .quote-card{padding:20px 17px 15px}.garden-panel>.quote-section .quote-card p{font-size:17px;min-height:52px;margin:10px auto}.garden-panel>.quote-section .quote-footer{gap:7px}.garden-panel>.quote-section .quote-footer .quiet-button{font-size:7px}.garden-label{right:4px;top:185px;width:128px!important;padding:10px 8px!important}.garden-label p{font-size:15px!important}.garden-label .tiny-flower{font-size:23px}.garden-label small{font-size:6px!important}.quote-card{padding:28px 22px 22px}.quote-card p{font-size:21px;min-height:112px;margin:18px auto}.quote-footer{gap:9px}.quote-footer .quiet-button{font-size:8px}.quote-paperclip{right:20px}}
@media(prefers-reduced-motion:reduce){.petal-one,.petal-two{animation:none}.quote-card p.is-changing{animation:none}}
.garden-panel{height:880px;justify-content:flex-start}.garden-panel>.bloom-button{position:absolute;top:665px;left:50%;transform:translateX(-50%);width:270px;white-space:nowrap}.garden-panel>.quote-section{top:730px;bottom:auto}.garden-panel>.quote-section .quote-card{min-height:150px}
@media(max-width:760px){.garden-panel{height:930px}.garden-panel>.bloom-button{top:640px;width:250px;font-size:9px}.garden-panel>.quote-section{top:745px;bottom:auto}.garden-panel>.quote-section .quote-card{min-height:145px}}
.garden-panel>.bloom-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:10px 18px;border:1px solid #f7d777aa;border-radius:18px;color:#fff8d8;background:linear-gradient(135deg,#e8b943,#ad7625 55%,#d4a735);box-shadow:0 0 0 5px #f5cc6520,0 0 25px #f5cc6570,0 12px 30px #0007;font-size:12px;font-weight:600;letter-spacing:.2px;text-shadow:0 1px 2px #68420e;animation:bloom-invitation 2.4s ease-in-out infinite}.garden-panel>.bloom-button:before{content:'';position:absolute;inset:-9px;border:1px solid #f5cc6540;border-radius:24px;animation:bloom-ring 2.4s ease-out infinite;pointer-events:none}.garden-panel>.bloom-button:hover{transform:translateX(-50%) translateY(-5px);box-shadow:0 0 0 7px #f5cc6530,0 0 38px #f5cc65aa,0 16px 35px #0008}.bloom-button-icon{font-size:25px;line-height:1;animation:bloom-sparkle 1.8s ease-in-out infinite}.bloom-button-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}.bloom-button-copy strong{font:600 15px/1.1 'DM Sans',sans-serif}.bloom-button-copy small{font-size:9px;line-height:1.2;letter-spacing:.3px;color:#fff1b0}.bloom-button-arrow{font-size:20px;line-height:1;transition:transform .25s}.garden-panel>.bloom-button:hover .bloom-button-arrow{transform:translate(3px,-3px)}@keyframes bloom-invitation{0%,100%{box-shadow:0 0 0 5px #f5cc6520,0 0 25px #f5cc6570,0 12px 30px #0007}50%{box-shadow:0 0 0 9px #f5cc6515,0 0 40px #f5cc65b5,0 12px 34px #0008}}@keyframes bloom-ring{0%{opacity:.8;transform:scale(.96)}75%,100%{opacity:0;transform:scale(1.13)}}@keyframes bloom-sparkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(12deg)}}
@media(max-width:760px){#garden{bottom:auto;height:620px}.garden-panel>.bloom-button{min-height:58px;padding:9px 12px;gap:7px}.bloom-button-copy strong{font-size:12px}.bloom-button-copy small{font-size:7px}.bloom-button-icon{font-size:21px}.bloom-button-arrow{font-size:17px}}
@media(prefers-reduced-motion:reduce){.garden-panel>.bloom-button,.garden-panel>.bloom-button:before,.bloom-button-icon{animation:none}}
.vertical-caption{right:-55px;z-index:0}.garden-label{z-index:8}.garden-label .tiny-flower,.garden-label>div,.garden-label .label-heart{position:relative;z-index:1}.garden-label>div{display:flex;flex-direction:column;align-items:center;gap:3px}
@media(max-width:760px){.garden-panel>.quote-section{z-index:6}.vertical-caption{display:none}.garden-label{right:4px;top:185px;width:138px!important;padding:11px 9px!important}.garden-label .tiny-flower{font-size:25px}.garden-label p{font-size:15px!important}}