:root{color-scheme:light;--paper:#f8f6ee;--ink:#643542;--muted:#85766f;--sage:#879176;--rose:#b77785;--serif:Georgia,"Times New Roman",serif;--sans:"Avenir Next",Avenir,"Trebuchet MS",sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 77% 65%,#e9e8d544,transparent 50%),radial-gradient(ellipse at 5% 2%,#fffdf8,transparent 55%)}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}[hidden]{display:none!important}
.gift-garden{width:min(100%,1540px);min-height:100svh;position:relative;margin:0 auto;padding:50px clamp(28px,5.2vw,90px) 25px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);grid-template-rows:1fr auto;align-items:center;column-gap:1.5%;overflow:clip}
.introduction{position:relative;z-index:5;padding:6px 0 70px}.eyebrow{margin:0 0 30px;color:var(--sage);font:500 .625rem/1.6 var(--sans);letter-spacing:.23em;text-transform:uppercase}h1{margin:0;font-weight:400;font-size:clamp(4.9rem,8.3vw,8.3rem);line-height:.88;letter-spacing:-.065em}h1 em{display:inline-block;margin-top:12px;line-height:1.07;font-weight:400;letter-spacing:-.075em}.apology{margin:26px 0 0;font-size:clamp(1.75rem,2.6vw,2.4rem);line-height:1.25;color:#a16a76;letter-spacing:-.04em}.invitation{margin:49px 0 0;font:400 .75rem/1.85 var(--sans);letter-spacing:.005em;color:#887a73}.touch-hint{display:none}
.garden{position:relative;width:100%;height:min(76svh,740px);min-height:510px;align-self:end;isolation:isolate}.garden-ground{position:absolute;z-index:-1;bottom:0;left:10%;width:84%;height:14%;background:radial-gradient(ellipse,#8c967c16,transparent 69%);transform:rotate(-5deg)}
.plant{--lean:0deg;--lift:-14px;position:absolute;width:auto;aspect-ratio:1086/1448;height:78%;bottom:4%;transform:rotate(var(--lean));transform-origin:50% 98%;pointer-events:none;z-index:2}.plant--one{left:-7%;height:66%;bottom:4%;--lean:-10deg;--delay:0ms;z-index:3}.plant--two{left:4%;height:91%;bottom:5%;--lean:-3deg;--delay:75ms;z-index:1}.plant--three{left:18%;height:68%;bottom:2%;--lean:5deg;--delay:150ms;z-index:4}.plant--four{left:25%;height:98%;bottom:5%;--lean:8deg;--delay:225ms;z-index:2}.plant--five{left:52%;height:65%;bottom:3%;--lean:12deg;--delay:300ms;z-index:5}
.plant-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:center 97%;transition:transform 320ms var(--ease),filter 320ms var(--ease);user-select:none;filter:drop-shadow(2px 10px 7px #45493008)}.flower-button{position:absolute;top:2%;left:15%;width:75%;height:43%;min-height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer;z-index:3;transform:translateY(0);transition:transform 320ms var(--ease)}.flower-button:focus-visible{outline:1px dashed #754e65;outline-offset:5px;background:#fffdf620}.plant.is-active{z-index:8}.plant.is-active .plant-art{transform:translateY(var(--lift)) rotate(-2deg) scale(1.055);filter:drop-shadow(3px 13px 9px #45493012)}.plant.is-active .flower-button{transform:none}
.flower-sparkles{position:absolute;inset:0;pointer-events:none}.flower-sparkles i{--dx:-22px;--dy:-22px;position:absolute;left:12%;top:30%;width:5px;height:9px;background:#c599a0;border-radius:70% 20% 70% 20%;opacity:0;transform:rotate(-30deg)}.flower-sparkles i:nth-child(2){--dx:16px;--dy:-26px;left:74%;top:15%;width:4px;height:7px;background:#b6bc9f}.flower-sparkles i:nth-child(3){--dx:25px;--dy:6px;left:88%;top:68%;width:4px;height:6px;background:#d9b8b4}.plant.is-active .flower-sparkles i{animation:petal-pop 700ms var(--ease) both}
.garden-note{position:absolute;z-index:20;width:244px;max-width:80%;padding:22px 24px 25px;background:#fffdf5;border:1px solid #e5dbcc;border-radius:2px;box-shadow:0 12px 34px #66524412,0 2px 2px #66524406;transform-origin:50% 100%;animation:note-arrives 250ms var(--ease) both}.garden-note::before{content:"";position:absolute;width:32px;height:9px;left:calc(50% - 16px);top:-5px;background:#c9cebfa3;transform:rotate(-3deg);border:1px solid #f4f2e644}.garden-note::after{content:"";position:absolute;inset:-20px;z-index:-1}.note-number{display:block;font:500 .5rem/1.6 var(--sans);color:#9b8b80;letter-spacing:.17em;text-transform:uppercase}.garden-note p{margin:12px 0 0;font-size:1.65rem;line-height:1.13;letter-spacing:-.045em}.garden-note p em{color:#9b6470}.garden-note--one{left:0;top:64%}.garden-note--two{left:2%;top:-5%}.garden-note--three{left:25%;top:65%}.garden-note--four{right:0;top:-8%}.garden-note--five{right:0;top:64%}
.garden-footer{grid-column:1/-1;display:flex;align-items:center;gap:13px;margin-top:0;position:relative;z-index:10;color:#9c9287}.footer-line{width:30px;height:1px;background:#b8bbae}.garden-footer p{margin:0;font:400 .625rem/1.7 var(--sans);letter-spacing:.025em}.bloom-again{margin-left:auto;border:0;background:transparent;padding:12px 0 12px 12px;min-height:44px;color:#88786c;cursor:pointer;font:500 .625rem/1.7 var(--sans);letter-spacing:.01em}.bloom-again span{display:inline-block;margin-right:5px;vertical-align:-1px;font-size:1rem;transition:transform 300ms var(--ease)}.bloom-again:hover{color:var(--ink)}.bloom-again:hover span{transform:rotate(-40deg)}.garden.is-blooming .plant-art{animation:stem-blooms 950ms var(--delay) cubic-bezier(.2,.8,.25,1) both}.garden.is-blooming .flower-button{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript-note{grid-column:1/-1;text-align:center;line-height:1.6}
@keyframes note-arrives{from{opacity:0;transform:translateY(7px) rotate(-1deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-1deg) scale(1)}}@keyframes petal-pop{0%{opacity:0;transform:translate(0,0) rotate(-30deg)}25%{opacity:.8}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(75deg)}}@keyframes stem-blooms{0%{opacity:.1;transform:translateY(36px) rotate(-9deg) scale(.88)}70%{opacity:1;transform:translateY(-7px) rotate(1deg) scale(1.01)}100%{opacity:1;transform:none}}
@media(hover:none),(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}
@media(min-width:1500px){.gift-garden{padding-top:65px;padding-bottom:35px}}
@media(max-width:1000px) and (min-width:741px){.gift-garden{grid-template-columns:minmax(255px,.85fr) minmax(0,1.1fr);padding-left:34px;padding-right:34px}h1{font-size:6rem}.garden{min-height:480px;height:66svh}.garden-note{width:210px;padding:18px}.garden-note p{font-size:1.45rem}.plant--four{left:17%}.plant--five{left:43%}}
@media(max-width:740px){.gift-garden{display:flex;flex-direction:column;align-items:stretch;min-height:100svh;padding:39px 26px 18px;overflow:clip}.introduction{padding:0;z-index:5}.eyebrow{margin-bottom:18px;font-size:.55rem}h1{font-size:clamp(3.7rem,14vw,5.5rem);line-height:1.01}h1 br{display:none}h1 em{margin:0 0 0 .1em;line-height:1.01}.apology{margin:13px 0 0;font-size:1.6rem}.invitation{margin-top:19px;font-size:.65rem;line-height:1.7}.garden{height:clamp(350px,105vw,440px);min-height:350px;width:calc(100% + 28px);margin-left:-14px;margin-top:14px;align-self:auto}.plant--one{left:0;height:65%;--lean:-9deg}.plant--two{left:4%;height:87%;--lean:-3deg}.plant--three{left:19%;height:67%;--lean:3deg}.plant--four{left:22%;height:93%;--lean:7deg}.plant--five{left:46%;height:60%;--lean:10deg}.garden-note{width:210px;padding:18px 20px;max-width:72%}.garden-note p{font-size:1.45rem}.garden-note--one{left:3%;top:61%}.garden-note--two{left:3%;top:61%}.garden-note--three{left:22%;top:61%}.garden-note--four{right:3%;top:61%}.garden-note--five{right:3%;top:61%}.garden-footer{margin-top:auto;gap:8px}.footer-line{width:17px;flex-shrink:0}.garden-footer p{max-width:140px;font-size:.55rem}.bloom-again{font-size:.55rem;white-space:nowrap}}
@media(max-width:360px){.gift-garden{padding:31px 22px 14px}h1{font-size:3.6rem}.apology{font-size:1.5rem}.garden{min-height:340px;height:340px;margin-top:10px}.invitation{font-size:.6rem}.garden-note{padding:16px;width:190px}.garden-note p{font-size:1.3rem}.garden-footer p{max-width:107px}.plant--four{left:20%}.plant--five{left:44%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.plant.is-active .plant-art{transform:translateY(-5px)}}

/* Keep instructions readable on every screen. */
.invitation{font-size:.875rem;color:#76665f}
.eyebrow{font-size:.75rem;color:#697457}
.garden-footer p,.bloom-again{font-size:.75rem;color:#76665f}
.garden-note p{margin-top:0}
@media(max-width:740px){.garden-footer p{max-width:160px}.garden-note{padding:22px}.invitation{margin-top:15px}.garden-footer{gap:10px}}