@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:light;--green:#102c23;--gold:#f2ce69;--cream:#fff9e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--green);font-family:Manrope,Arial,sans-serif;color:var(--cream)}a{color:inherit}.garden{min-height:850px;min-height:100svh;position:relative;isolation:isolate;overflow:hidden}.flowers{position:absolute;width:62%;height:100%;right:0;top:0;object-fit:cover;object-position:center;z-index:-3}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#102c23 0%,#102c23 25%,#102c23e8 39%,#102c2340 65%,#102c2310),linear-gradient(0deg,#102c23b0,transparent 23%);z-index:-2}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5.4vw;gap:24px}.monogram{font:italic 48px 'Cormorant Garamond',Georgia,serif;text-decoration:none;display:flex;align-items:center}.monogram span{font:20px Georgia;margin:12px 0 0 4px}.eyebrow,.edition,.bottom,.letter-number,footer{font-size:12px;letter-spacing:.18em;font-weight:500}.edition{color:#e4d9b9}.intro{padding:45px 7.8vw 100px;max-width:900px}.prelude{font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:27px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(80px,8.5vw,132px);line-height:.91;letter-spacing:-.045em}h1 em{color:var(--gold);font-weight:400;line-height:1.15}.lede{font-size:17px;line-height:1.9;color:#e1e5da;margin:25px 0 31px}.letter-link{display:inline-flex;align-items:center;gap:38px;text-decoration:none;border-bottom:1px solid #d9c684;padding:9px 0 12px;font-size:14px}.letter-link span{font-size:22px;color:var(--gold)}.letter-link:hover{color:var(--gold)}a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}.bottom{position:absolute;bottom:26px;left:5.4vw;right:5.4vw;display:flex;justify-content:space-between;color:#d9dfcc;font-size:10px;letter-spacing:.14em}.heart{color:var(--gold);font-size:20px;padding-left:8px}.letter{background:var(--cream);color:var(--green);padding:64px 7.8vw 0}.letter-number{font-size:11px;letter-spacing:.16em;color:#64715b}.letter article{max-width:680px;margin:5px auto 95px}.little-heart{display:block;text-align:center;color:#92701c;font-size:42px;margin-bottom:24px}h2{font-size:clamp(36px,4.3vw,60px);line-height:1.08;text-align:center;letter-spacing:-.025em;margin-bottom:54px}h2 em{font-weight:400;color:#897021}article p{font-size:17px;line-height:1.95;margin:0 0 23px}strong{font-weight:600}.promise{border-top:1px solid #d8d5bc;padding-top:28px;margin-top:34px}.signature{font-size:14px;line-height:2;margin-top:36px}.signature em{font:italic 44px 'Cormorant Garamond',Georgia,serif}.letter footer{border-top:1px solid #d8d5bc;display:flex;justify-content:space-between;padding:25px 0;gap:20px;font-size:10px;letter-spacing:.08em}footer span span{color:#897021}@media(min-width:1600px){.intro{padding-top:90px}}@media(max-width:700px){header{padding:22px 7vw}.monogram{font-size:38px}header .eyebrow{font-size:9px;letter-spacing:.12em;max-width:170px;text-align:right}.edition{display:none}.garden{min-height:900px;min-height:100svh}.flowers{width:100%;height:72%;top:auto;bottom:0;object-position:60% center}.shade{background:linear-gradient(180deg,#102c23 0%,#102c23f5 22%,#102c23b8 45%,#102c2300 72%,#102c2399 100%),linear-gradient(90deg,#102c2355,transparent)}.intro{padding:45px 8vw 235px}.prelude{font-size:9px;max-width:230px;line-height:1.8;margin-bottom:22px}h1{font-size:83px}.lede{font-size:15px;line-height:1.8;max-width:300px}.letter-link{font-size:14px}.bottom{left:8vw;right:8vw;bottom:23px}.bottom>span:first-child{display:none}.bottom>span:last-child{margin-left:auto}.letter{padding:40px 8vw 0}.letter article{margin-top:34px;margin-bottom:60px}h2{font-size:39px;margin-bottom:36px}article p{font-size:16px}.letter footer{flex-direction:column;font-size:10px;line-height:1.8;gap:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A living garden: layered depth, gold light and a floating love letter. */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#edcf7c;transform:scaleX(0);transform-origin:left;z-index:20;box-shadow:0 0 14px #efd069}
.garden{perspective:1000px;--mx:0;--my:0}.flowers{width:66%;transform:translate3d(calc(var(--mx)*-25px),calc(var(--my)*-18px),0) scale(1.06);transition:transform 1.1s cubic-bezier(.2,.7,.3,1);animation:breathe 14s ease-in-out infinite alternate;will-change:transform}.intro{position:relative;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*8px),30px);transition:transform 1.1s ease}.intro>*{animation:arrive 1.3s both cubic-bezier(.2,.7,.3,1)}.intro h1{animation-delay:.12s}.intro .lede{animation-delay:.3s}.intro .letter-link{animation-delay:.45s}h1 em{background:linear-gradient(115deg,#e7ba48 10%,#fff3ba 38%,#e9c35d 58%,#fff2b2 75%,#e7ba48 95%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold 9s ease-in-out infinite;text-shadow:0 8px 35px #e3b74a15}.aura{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 28%,#ffd47b15,transparent 48%);animation:glow 7s ease-in-out infinite alternate}.fireflies{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.fireflies i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#ffe5a0;box-shadow:0 0 12px 3px #ffc95a55;animation:firefly var(--time) var(--delay) ease-in-out infinite;opacity:0}.motion-toggle{border:1px solid #e8d79b55;background:#10302380;color:#ede3c4;font:500 12px Manrope,Arial,sans-serif;border-radius:50px;padding:12px 16px;cursor:pointer;backdrop-filter:blur(8px)}.motion-toggle span{margin-left:12px}.motion-toggle:hover{background:#d9b95620;border-color:#e8d79b}.motion-toggle:focus-visible{outline:2px solid #f2ce69;outline-offset:5px}.letter-link{border:1px solid #e6cc805c;border-radius:100px;padding:15px 24px;background:#eec7690b;backdrop-filter:blur(10px);box-shadow:0 8px 28px #0002;transition:background .3s,box-shadow .3s}.letter-link:hover{background:#eec76920;box-shadow:0 10px 40px #edc35e18}.letter-link span{transition:transform .3s}.letter-link:hover span{transform:translate(3px,-3px)}.letter{position:relative;background:radial-gradient(ellipse at 10% 15%,#d5e2ce 0,transparent 50%),radial-gradient(ellipse at 100% 80%,#fae4a2 0,transparent 45%),#f6f1e0;perspective:1500px;padding-top:66px;padding-bottom:0}.letter article{position:relative;max-width:790px;background:linear-gradient(135deg,#fffdf6,#fff9e9);padding:52px 62px 55px;margin-top:45px;box-shadow:0 2px 3px #2e341310,0 28px 65px -24px #263d374a,8px 8px 0 -2px #eae3cb,8px 8px 0 -1px #d5ccb0;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s ease;border:1px solid #d9cfad;border-radius:3px}.note-edge{position:absolute;inset:13px;border:1px solid #d5bd7d55;pointer-events:none}.seal{display:grid;place-items:center;margin:0 auto 28px;width:65px;height:65px;background:linear-gradient(135deg,#efd78f,#ba8d2d);border-radius:50%;border:3px double #b48a3a;box-shadow:0 5px 0 #a78039,0 10px 20px #ad842f33,inset 0 0 12px #f7e4ad;transform:translateZ(26px)}.seal span{font:36px Georgia;color:#796024;text-shadow:0 1px #fff3c3}.love-note h2{font-size:clamp(36px,4vw,54px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.3,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.promise{color:#74602d}.signature em{color:#6d7844}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .intro>*{animation:none}.motion-paused .flowers{animation:none}
@keyframes arrive{from{opacity:0;transform:translateY(28px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes gold{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes glow{from{opacity:.4}to{opacity:1}}@keyframes breathe{from{filter:brightness(.95)}to{filter:brightness(1.09)}}@keyframes firefly{0%,100%{opacity:0;transform:translate3d(0,20px,0) scale(.6)}35%{opacity:.65}65%{opacity:.3}85%{opacity:0;transform:translate3d(22px,-60px,40px) scale(1.1)}}
@media(max-width:700px){header{flex-wrap:wrap;gap:12px}header .eyebrow{margin-left:auto}.motion-toggle{position:absolute;right:7vw;top:87px;font-size:11px;padding:9px 12px}.intro{padding-top:75px}.flowers{width:105%;right:-2%;height:74%}.letter article{padding:40px 25px;margin-top:30px}.letter{padding-left:5vw;padding-right:5vw}.letter-number{padding-left:3vw}.love-note h2{font-size:35px}.note-edge{inset:9px}.letter article p{font-size:16px;line-height:1.85}.fireflies i:nth-child(n+15){display:none}.letter footer{padding-left:3vw}.bottom{position:absolute}.garden{min-height:920px;min-height:max(920px,100svh)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.flowers,.intro,.letter article{transform:none!important}}