#flower-experience{max-width:1280px}#flower-experience>h2{margin-bottom:28px}.flower-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#626858;margin-bottom:36px}.flower-story{border:1px solid #e4dac5;background:#fffefa;border-radius:24px;padding:38px 34px 20px;overflow:hidden}.flower-story-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.flower-story .eyebrow{font-size:9px;margin-bottom:8px;letter-spacing:.19em}.flower-story h3{font-family:var(--serif);font-size:25px;line-height:1.65}.flower-story-top p:last-child{font-size:12px;margin-top:9px;color:#777b69}.flower-colors{display:flex;gap:5px;flex-wrap:wrap}.flower-colors button{border:1px solid transparent;border-radius:28px;padding:9px 10px;background:transparent;font-size:12px;color:#666851;display:flex;align-items:center;gap:6px;min-height:44px}.flower-colors button[aria-pressed=true]{border-color:#cbb784;background:#f7f1e4;color:#4a4e3d}.flower-colors i,.flower-garden figcaption i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--flower-color);flex-shrink:0;aspect-ratio:1}.flower-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:29px 0 39px}.flower-stages button{min-width:0;border:1px solid #e8e2d5;background:linear-gradient(145deg,#fffefa,#f7f5ec);border-radius:13px;padding:8px 6px 12px;color:#525944;transition:border-color .25s,background .25s}.flower-stages button[aria-pressed=true]{border-color:#b19a62;background:#f5eedc;box-shadow:0 0 0 1px #b19a6222}.flower-stages img{width:100%;aspect-ratio:1;object-fit:contain}.flower-stages button>span{font-size:13px;display:flex;justify-content:center;align-items:center;gap:10px}.flower-stages small{color:#a49060;font-size:10px;font-family:Georgia,serif}.flower-garden-wrap{padding-top:29px;border-top:1px solid #e5ddcc}.flower-garden-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.flower-counter{font-size:11px;color:#7d806c;white-space:nowrap}.flower-counter strong{font-family:Georgia,serif;font-size:29px;font-weight:400;color:#9d8246}.flower-garden{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:20px 0 27px}.flower-garden figure{min-width:0;position:relative;background:radial-gradient(ellipse at 50% 65%,#efe4bd50,transparent 70%);border-bottom:1px solid #e6dfcf;padding-bottom:12px}.flower-garden img{aspect-ratio:1;object-fit:contain}.flower-garden figure.is-growing img{animation:flower-arrive .7s ease both;animation-delay:calc(var(--flower-order)*.055s)}.flower-garden figcaption{font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.flower-garden figcaption i{width:7px;height:7px}.flower-garden figcaption span{font-size:10px;color:#8b8d7e;margin-left:3px}.flower-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.flower-controls .primary{background:#3d604e;border-color:#3d604e;border-radius:4px;gap:20px}.flower-controls .secondary{border-radius:4px;gap:10px}.flower-controls [data-flower-status]{font-size:12px;color:#7a7d68;flex:1;min-width:180px}.flower-demo-note{text-align:center;color:#949080;font-size:10px;margin-top:25px}.flower-rainbow{isolation:isolate;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:800px;margin:33px auto 0;padding:22px 18px;border-top:1px solid #e8ddc1;animation:rainbow-reveal 1.4s ease both}.flower-rainbow>img{position:relative;z-index:1;filter:drop-shadow(0 14px 25px #b79c3e22);animation:rainbow-float 5s ease-in-out 1.4s 2}.flower-rainbow-copy{position:relative;z-index:1}.flower-story .flower-rainbow-copy h3{font-size:27px}.flower-rainbow-copy>p:last-child{font-size:13px;color:#777961;margin-top:15px;line-height:2.1}.flower-rainbow-halo{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 50%,#ffe7a640,transparent 53%),conic-gradient(from 10deg at 30% 50%,#efb1b80a,#f4d08e22,#b9ddb815,#b4d4ef22,#d1b4e513,#efb1b80a);border-radius:50%;filter:blur(20px)}.flower-sparkles{position:absolute;left:6%;top:25%;color:#c3a254;font-size:29px;z-index:2;animation:rainbow-reveal 2.5s ease both;pointer-events:none}.flower-sparkles span{position:absolute;left:210px;top:100px;font-size:16px}.flower-sparkles i{position:absolute;left:170px;top:-32px;font-style:normal;font-size:19px}@keyframes flower-arrive{from{opacity:.35;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}@keyframes rainbow-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes rainbow-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:900px){.flower-story-top{display:block}.flower-colors{margin-top:19px}.flower-stages{gap:7px}.flower-garden{gap:4px}.flower-garden figcaption{flex-wrap:wrap;gap:4px}.flower-garden figcaption span{width:100%;margin:0}.flower-story{padding:28px 22px 18px}}
@media(max-width:600px){.flower-intro{grid-template-columns:1fr;gap:16px;font-size:13px;margin-bottom:26px}.flower-story{padding:25px 14px 17px;border-radius:17px}.flower-story h3{font-size:23px}.flower-colors{gap:2px}.flower-colors button{padding:8px 7px;font-size:11px;gap:5px}.flower-colors i{width:9px;height:9px}.flower-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:21px 0 28px}.flower-stages button{padding:3px 3px 9px}.flower-stages button>span{font-size:12px;gap:7px}.flower-garden-heading h3{font-size:21px}.flower-counter{font-size:9px}.flower-counter strong{font-size:25px}.flower-garden{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 5px;margin:19px 0 24px}.flower-garden figure:nth-child(5){grid-column:1; margin-left:50%}.flower-garden figure:nth-child(n+5){width:100%;transform:translateX(50%)}.flower-garden figure:nth-child(5){margin-left:0}.flower-garden figcaption{font-size:11px;gap:4px}.flower-garden figcaption span{font-size:9px}.flower-controls{gap:10px}.flower-controls .primary,.flower-controls .secondary{font-size:12px;padding:11px 12px;min-height:45px}.flower-controls [data-flower-status]{flex-basis:100%;min-width:0;font-size:11px}.flower-rainbow{grid-template-columns:1fr;margin-top:25px;padding:16px 7px 8px;text-align:center}.flower-rainbow>img{width:80%;max-width:300px;margin:0 auto}.flower-story .flower-rainbow-copy h3{font-size:22px}.flower-rainbow-copy>p:last-child{font-size:12px}.flower-sparkles{left:10%;top:15%}.flower-sparkles span{left:200px;top:70px}.flower-sparkles i{left:170px;top:-30px}.flower-demo-note{font-size:9px;line-height:1.9}.flower-rainbow-halo{background:radial-gradient(ellipse at 50% 30%,#ffe7a640,transparent 65%)}}
.flower-story img{height:auto}
@media(prefers-reduced-motion:reduce){.flower-story *{animation:none!important;transition:none!important}}