.immersive-garden{background:#292138;color:#f2eaf4}.garden-header{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:30px 6%;color:#ded2e6}.garden-header .monogram{position:absolute;left:calc(50% - 25px)}.garden-back,.garden-music{font-size:11px;letter-spacing:.4px}.garden-music{padding:10px 15px;background:#ffffff08;border:1px solid #b798cb40;border-radius:30px}.secret-garden{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 23%,#90739555,transparent 48%),linear-gradient(#292138 0%,#443151 32%,#6c516d 61%,#403b46 90%,#292a31 100%)}.secret-garden:before{content:'';position:absolute;z-index:-1;inset:400px -30% -80px;background:radial-gradient(ellipse at center,#aa839030,transparent 65%)}.garden-moon{position:absolute;right:15%;top:150px;width:68px;height:68px;border-radius:50%;background:#f2daca;box-shadow:0 0 60px #efcbd53d,0 0 140px #e6bdd324;opacity:.7}.garden-stars{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1px 1px at 9% 170px,#dbc8df 90%,transparent),radial-gradient(1px 1px at 32% 110px,#e3d1eb 90%,transparent),radial-gradient(1.5px 1.5px at 68% 300px,#e3d1eb 90%,transparent),radial-gradient(1px 1px at 88% 350px,#e3d1eb 90%,transparent),radial-gradient(1px 1px at 18% 390px,#e3d1eb 90%,transparent),radial-gradient(1px 1px at 76% 90px,#e3d1eb 90%,transparent)}.garden-welcome{position:relative;text-align:center;padding:160px 20px 65px}.garden-welcome .eyebrow{font-size:9px;letter-spacing:3px;color:#c8b6d3}.welcome-ornament{display:block;font-size:25px;line-height:1;margin:25px 0 17px;color:#ccaddd}.garden-welcome h1{font-size:clamp(60px,7vw,96px);line-height:.97;letter-spacing:-2px}.garden-welcome h1 em{color:#d8b7e7}.garden-welcome>p:not(.eyebrow){font:italic 24px/1.45 var(--serif);color:#d6c6db;margin-top:26px}.garden-instruction{display:block;font-size:10px;color:#c2afcc;margin-top:32px;letter-spacing:.5px}.garden-scroll{display:inline-block;font-size:23px;margin-top:15px;color:#c4a7d5}.garden-field{max-width:1160px;padding:0 50px 30px;margin:auto;position:relative}.field-heading{display:flex;justify-content:space-between;border-top:1px solid #c5abc828;padding:22px 0;color:#bba6c4;font-size:8px;letter-spacing:2px}.garden-path{position:absolute;left:9%;top:100px;width:82%;height:850px;opacity:.3;pointer-events:none}.garden-path path{fill:none;stroke:#dec3d2;stroke-width:1;stroke-dasharray:3 10}.memory-meadow{grid-template-columns:repeat(4,1fr);position:relative;gap:15px 35px;padding:10px 0 60px}.memory-meadow .flower-button{min-height:275px;border:0;isolation:isolate;padding:15px 4px 26px;color:#f7edf9;border-radius:100px 100px 10px 10px;transition:background .4s,transform .4s}.memory-meadow .flower-button:nth-child(4n + 2){margin-top:40px;margin-bottom:-25px}.memory-meadow .flower-button:nth-child(4n + 3){margin-top:15px;margin-bottom:-5px}.memory-meadow .flower-button:hover{background:#e4c6eb0b}.memory-meadow .flower-button .month-number{top:32px;left:25px;color:#d3bbdf85;font-size:13px;letter-spacing:1px}.memory-meadow .flower-button svg{height:222px;width:100%;filter:drop-shadow(0 0 12px #ddb6ef33);animation:flower-sway 7s ease-in-out infinite;animation-delay:var(--flower-delay);transform-origin:50% 95%}.memory-meadow .flower-button:nth-child(3n + 1) svg{filter:hue-rotate(-13deg) drop-shadow(0 0 10px #debdf544)}.memory-meadow .flower-button:nth-child(3n) svg{filter:hue-rotate(13deg) drop-shadow(0 0 10px #debdf544)}.memory-meadow .flower-button:hover svg{animation-play-state:paused}.flower-aura{position:absolute;z-index:-1;top:15%;left:10%;width:80%;height:60%;border-radius:50%;background:radial-gradient(ellipse,#ddbbe91c,transparent 68%);opacity:.8;transition:opacity .3s}.flower-button:hover .flower-aura{background:radial-gradient(ellipse,#f3d7ff40,transparent 68%);opacity:1}.memory-meadow .flower-label{position:relative;display:block}.memory-meadow .flower-button strong{font-size:25px}.memory-meadow .flower-button small{font-size:8px;letter-spacing:2px;color:#c4adcc}.memory-meadow .flower-plus{right:25px;bottom:42px;width:22px;height:22px;line-height:20px;border:1px solid #c9abd343;border-radius:50%;font-size:14px;color:#e5c7ee}.garden-growth{text-align:center;padding:35px 0 70px}.garden-growth>span{font-size:29px;color:#ccafd5}.garden-growth p{font:30px/1.25 var(--serif);margin:17px 0;color:#e3d2e7}.garden-growth p em{color:#bf9cca}.garden-growth a{display:inline-block;font-size:10px;border-bottom:1px solid #b290bd66;padding:7px 0;margin-top:20px;color:#c1a6cb}.fireflies{position:absolute;inset:260px 2% 100px;pointer-events:none;z-index:1}.fireflies i{position:absolute;width:3px;height:3px;top:var(--y);left:var(--x);border-radius:50%;background:#f5e1a9;box-shadow:0 0 8px 2px #f3d79e66;animation:firefly 8s ease-in-out infinite;animation-delay:var(--delay)}.immersive-garden .letter-section{background:#faf7f2;color:var(--ink);margin:0;padding-top:100px;padding-bottom:100px}.immersive-garden .letter-paper{max-width:580px}.garden-ending{text-align:center;padding:80px 20px;background:#eee5f1;color:var(--ink)}.garden-ending>span{font-size:30px;color:#9975ac}.garden-ending p{font:36px/1.3 var(--serif);margin:20px 0 25px}.garden-ending p em{color:var(--purple)}.garden-ending small{font-size:8px;letter-spacing:2.5px;color:#90799a}.immersive-garden footer{border-color:#b495be30;color:#e7d5ef;padding-bottom:100px}.immersive-garden footer p span{color:#bba4c7}.immersive-garden .back-top{border-color:#b495be40}.immersive-garden .music-panel{color:var(--ink)}.immersive-garden dialog{color:var(--ink);width:800px}.immersive-garden .memory-photo{height:330px;background:radial-gradient(ellipse,#ddc5e7,#e9dfee)}.immersive-garden .memory-photo svg{height:215px}.immersive-garden .memory-copy{padding:32px 45px}.immersive-garden .memory-photo img{object-fit:contain}.immersive-garden :focus-visible{outline-color:#d8b6eb}.immersive-garden .letter-section :focus-visible,.immersive-garden .music-panel :focus-visible,.immersive-garden dialog :focus-visible{outline-color:#78558a}@keyframes flower-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes firefly{0%,100%{opacity:.15;transform:translate(0,0)}40%{opacity:.9;transform:translate(12px,-20px)}70%{opacity:.3;transform:translate(-8px,-40px)}}
@media(max-width:850px){.garden-field{padding:0 30px 20px}.memory-meadow{gap:15px 5px}.memory-meadow .flower-button svg{height:195px}.memory-meadow .flower-button .month-number{left:12px}.memory-meadow .flower-plus{right:12px}.garden-moon{right:9%;width:50px;height:50px}}
@media(max-width:600px){.garden-header{padding:25px 6%}.garden-back{font-size:9px;letter-spacing:0}.garden-music{font-size:18px;border:0;padding:5px 10px}.garden-music span{display:none}.garden-header .monogram{font-size:30px;left:calc(50% - 20px)}.garden-welcome{padding:135px 22px 43px}.garden-welcome .eyebrow{font-size:7px;letter-spacing:2px}.garden-welcome h1{font-size:66px}.garden-welcome>p:not(.eyebrow){font-size:20px;max-width:300px;margin:25px auto 0}.garden-welcome>p br{display:none}.garden-instruction{font-size:9px;max-width:240px;margin:25px auto 0;line-height:1.8}.garden-moon{top:115px;width:32px;height:32px;right:7%;opacity:.45}.welcome-ornament{font-size:21px;margin:20px 0}.garden-field{padding:0 7% 10px}.field-heading{font-size:6px;letter-spacing:1px;gap:10px}.memory-meadow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;padding-bottom:25px}.memory-meadow .flower-button{min-height:255px;padding-bottom:22px}.memory-meadow .flower-button:nth-child(n){margin:0}.memory-meadow .flower-button:nth-child(even){margin-top:35px;margin-bottom:-15px}.memory-meadow .flower-button svg{height:190px}.memory-meadow .flower-button .month-number{top:30px;left:8px;font-size:11px}.memory-meadow .flower-button strong{font-size:24px}.memory-meadow .flower-button small{font-size:8px}.memory-meadow .flower-plus{bottom:13px;right:calc(50% - 10px);width:17px;height:17px;line-height:15px;font-size:12px}.memory-meadow .flower-label{margin-bottom:19px}.garden-path{height:1600px;top:100px}.garden-growth{padding:45px 0 50px}.garden-growth p{font-size:25px}.immersive-garden .letter-section{padding:60px 7%}.garden-ending{padding:55px 7%}.garden-ending p{font-size:28px}.garden-ending small{font-size:6px;letter-spacing:1.5px}.immersive-garden .memory-photo{height:260px}.immersive-garden .memory-copy{padding:25px}.immersive-garden footer{padding-bottom:100px}}