:root{color-scheme:light;--paper:#f9f6ec;--ink:#343e2d;--muted:#727460;--yellow:#efd172;--green:#475b37;--line:#dedecb;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline:3px solid #967216;outline-offset:5px}button{touch-action:manipulation}button:hover{filter:brightness(.96)}[hidden]{display:none!important}.masthead{max-width:1160px;margin:auto;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-style:italic;font-size:20px}.from,.eyebrow,.postcard-top{font-size:12px;letter-spacing:2px}.from{color:var(--muted)}main{max-width:760px;margin:0 auto;padding:0 28px}.intro{text-align:center;padding:42px 0 27px}.eyebrow{color:var(--muted);font-weight:600;margin:0 0 20px}h1{font:normal clamp(42px,6vw,65px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0}h1 em{font-weight:normal;color:#7c813c}.subtitle{font-size:16px;color:var(--muted);line-height:1.6;margin:20px 0 0}.postcard{background:#f3efde;border:1px solid #d9d9c3;padding:21px 27px 17px;position:relative;box-shadow:0 6px 18px #454c2d06;transform:rotate(-.7deg)}.postcard-top{display:flex;justify-content:space-between;gap:12px;color:#626d4e;font-size:11px;letter-spacing:2px}.edition{letter-spacing:1px}.garden{height:270px;position:relative;overflow:hidden;margin:5px 0 0}.garden-note{position:absolute;top:42%;width:100%;text-align:center;font:italic 20px Georgia,serif;color:#73765d;transition:opacity .3s}.garden-note.fade{opacity:0}.plant{position:absolute;bottom:7px;width:41%;height:94%;opacity:0;transform:translateY(45%) scale(.25);transform-origin:50% 100%;transition:transform 1.2s cubic-bezier(.18,.8,.25,1),opacity .6s;pointer-events:none}.plant img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.plant-one{left:2%;height:83%;rotate:-10deg;z-index:2}.plant-two{left:30%;z-index:3}.plant-three{right:0;height:84%;rotate:9deg;z-index:1}.plant.grown{opacity:1;transform:translateY(0) scale(1)}.soil-line{position:absolute;bottom:7px;left:6%;right:6%;border-bottom:1px solid #a3ad83}.seed-marks{position:absolute;bottom:3px;left:15%;right:15%;display:flex;justify-content:space-between;color:#8a8f65;font-size:19px;transition:opacity .4s}.garden-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8d8be;padding-top:12px;font:italic 14px Georgia,serif;color:#72795d}.garden-bottom>span:last-child{font-size:24px}.interaction{text-align:center;padding:23px 0 0}.phrase{font-family:Georgia,serif;font-size:19px;line-height:1.5;min-height:29px;margin:0 0 18px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #35472b;border-radius:5px;background:var(--green);color:#fffef7;padding:15px 23px;min-height:54px;cursor:pointer;font-size:15px}.primary>span:last-child{font-size:22px}.progress{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:var(--muted);margin:17px 0 0}.dot{width:6px;height:6px;border:1px solid #879074;border-radius:100%;transition:background .4s}.dot.filled{background:#657544}.progress>span:last-child{margin-left:5px}.letter{position:relative;margin:40px auto 10px;max-width:565px;border-top:1px solid var(--line);padding:40px 25px 5px;animation:appear .8s ease both}.letter .eyebrow{text-align:center;font-size:11px}.letter h2{font:normal 40px Georgia,serif;letter-spacing:-1px;margin:0 0 28px;text-align:center;outline:none}.letter>p:not(.eyebrow):not(.signature){font:18px/1.85 Georgia,serif}.signature{font:italic 29px Georgia,serif;color:#657044;text-align:right;margin:22px 0 28px}.replay{display:block;margin:auto;color:#596447;background:transparent;border:0;border-bottom:1px solid #afb499;padding:12px 4px;cursor:pointer;font-size:14px}.replay span{margin-left:12px}footer{max-width:1160px;margin:32px auto 0;padding:24px 32px;color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.6;text-align:center}footer span{font-size:19px}.no-script{text-align:center;line-height:1.6}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.intro{padding-top:37px}.garden{height:270px}}
@media(max-width:520px){.masthead{padding:22px 22px}.brand{font-size:17px}.from{font-size:10px;letter-spacing:1.2px}main{padding:0 22px}.intro{padding:33px 0 26px}.eyebrow{font-size:10px;letter-spacing:1.65px;margin-bottom:17px}h1{font-size:44px;letter-spacing:-1.7px}.subtitle{font-size:14px;max-width:260px;margin:17px auto 0}.postcard{padding:17px 17px 13px}.postcard-top{font-size:9px;letter-spacing:1.5px}.garden{height:240px;margin-top:4px}.garden-note{font-size:17px}.plant{width:48%;height:93%}.plant-one{left:-4%;height:80%}.plant-two{left:26%}.plant-three{right:-5%;height:82%}.garden-bottom{font-size:12px;gap:8px}.phrase{font-size:17px}.interaction{padding-top:24px}.primary{font-size:14px;padding:14px 20px}.letter{padding:30px 5px 0}.letter h2{font-size:34px}.letter>p:not(.eyebrow):not(.signature){font-size:17px}footer{font-size:11px;padding:20px 25px;margin-top:22px}}
@media(max-width:350px){h1{font-size:38px}.from{font-size:9px}.garden{height:210px}.postcard-top{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}