:root{--blue:#cadde8;--cream:#f7f3ea;--orange:#cf552c;--ink:#293d45;--hand:'Caveat','Segoe Print',cursive;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 64px,var(--cream) 64px,var(--cream) 128px);font-family:var(--body);font-size:16px;line-height:1.65}main{max-width:920px;margin:auto;box-shadow:0 0 100px #3650600c}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}h2{font-family:var(--hand);font-weight:500;font-size:48px;line-height:1.15;margin:12px 0 20px}.eyebrow{font-size:12px;letter-spacing:.25em;font-weight:600}.script{font-family:var(--hand)}.hero{height:900px;max-height:1100px;position:relative;overflow:hidden;text-align:center;background:var(--blue)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;z-index:1;padding:55px 20px 0}h1{font-family:var(--hand);font-size:90px;font-weight:500;line-height:1.12;margin:15px 0 0;text-shadow:0 1px 10px #f7f3ea60}h1 span{color:var(--orange);font-size:.8em}.tagline{font-size:40px;color:var(--orange);line-height:1.2}.intro{font-size:16px;margin-top:15px}.scroll{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;background:var(--cream);color:var(--ink);text-decoration:none;display:grid;place-items:center;font-size:25px;box-shadow:0 3px 14px #293d4520;z-index:2}.hero-note{position:absolute;bottom:22px;left:0;right:0;font-size:11px;letter-spacing:.2em}.section{text-align:center;padding:70px 55px;background:var(--cream)}.date-section{padding-bottom:45px}.scratch-wrap{width:320px;height:267px;position:relative;margin:26px auto 0}.date{position:absolute;inset:35px 0 20px;display:flex;flex-direction:column;justify-content:center;line-height:1.2;color:var(--orange)}.date span{font-size:15px;letter-spacing:.18em;font-weight:500}.date strong{font-size:72px;font-family:var(--hand);font-weight:500;line-height:1.05;margin:3px 0}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;transition:opacity .6s}.text-button{background:none;border:0;border-bottom:1px solid #8498a2;color:var(--ink);font-size:14px;padding:3px 2px}.date-caption{margin-top:24px;font-size:14px}.count-section{padding-top:0;padding-bottom:10px}.ornament{display:flex;align-items:center;gap:18px;color:var(--orange);margin:18px 0 50px}.ornament:before,.ornament:after{content:'';height:1px;background:#b9cdd8;flex:1}.ornament span{font-size:30px;line-height:1}.countdown{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin:35px 0 20px}.countdown div{min-width:80px}.countdown strong{font-weight:400;display:block;font-size:46px;line-height:1.2;color:var(--orange);font-variant-numeric:tabular-nums}.countdown span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.countdown b{font-size:24px;font-weight:400;color:#b5b5aa;padding-top:4px}#count-message{font-size:14px}.count-section .ornament:last-child{margin-top:45px;margin-bottom:24px}.program{background:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 64px,var(--cream) 64px,var(--cream) 128px)}.program>p,.program h2{text-shadow:0 1px 8px #f7f3ea80}.timeline{list-style:none;max-width:440px;margin:50px auto;padding:0;text-align:left}.timeline li{display:grid;grid-template-columns:90px 1fr;gap:30px;position:relative}.timeline time{font-family:var(--hand);font-size:42px;color:var(--orange);line-height:1.2;text-align:right}.timeline li>div{position:relative;border-left:1px solid #768d96;padding:0 0 40px 35px}.timeline li:last-child>div{padding-bottom:0}.timeline li>div:before{content:'';position:absolute;left:-5px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px var(--cream)}.number{font-size:12px;letter-spacing:.15em;color:#54666d}h3{font-family:var(--hand);font-weight:500;color:var(--orange);font-size:38px;line-height:1.2;margin-bottom:12px}.timeline p{font-size:16px}.pill{border:1px solid #829fae;background:var(--cream);border-radius:40px;padding:13px 24px;color:var(--ink);font-size:15px;transition:background .2s,transform .2s}.pill:hover{background:#deedf3;transform:translateY(-2px)}.pill span{font-size:20px;margin-right:5px}.memories{padding-top:30px}.memories h2{color:var(--orange)}.memories>p{margin:15px 0 30px}.gallery{width:100%;aspect-ratio:1.55;object-fit:cover;border:9px solid white;box-shadow:0 5px 20px #293d4510;transform:rotate(-1deg);margin-top:10px}.memories .last-note{font-size:31px;margin:38px 0 0}footer{text-align:center;padding:38px 20px 45px}.signature{font-family:var(--hand);font-size:36px}footer>p:nth-child(2){letter-spacing:.2em;font-size:13px}.footer-small{display:block;font-size:10px;letter-spacing:.2em;margin-top:22px}@media(min-width:1000px){main{margin:30px auto}.hero{height:1060px}.hero-copy{padding-top:60px}h1{font-size:105px}.hero-image{object-position:center 57%}.hero-note{font-size:12px}}@media(max-width:600px){body,.program{background-size:80px 100%;background-image:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 40px,var(--cream) 40px,var(--cream) 80px)}.hero{height:780px;max-height:1000px;min-height:680px}.hero-copy{padding-top:40px}h1{font-size:63px;max-width:370px;margin:18px auto 0}.tagline{font-size:34px}.intro{font-size:15px;margin-top:14px}.hero-image{object-fit:cover}.section{padding:55px 24px}h2{font-size:39px}.eyebrow{font-size:11px}.scratch-wrap{width:min(300px,100%);height:auto;aspect-ratio:1.2}.count-section{padding-top:0;padding-bottom:0}.countdown{gap:7px;margin-top:30px}.countdown div{min-width:55px}.countdown strong{font-size:36px}.countdown span{font-size:10px}.countdown b{font-size:20px}.timeline{max-width:335px}.timeline li{grid-template-columns:65px 1fr;gap:22px}.timeline li>div{padding-left:25px}.timeline time{font-size:37px}.gallery{width:calc(100% + 12px);max-width:calc(100% + 12px);margin-left:-6px;aspect-ratio:1.05;border-width:6px}.memories .last-note{font-size:28px}.ornament{margin-bottom:35px}.date-section{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.is-opening{overflow:hidden}.opening{position:fixed;inset:0;z-index:20;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 60px,var(--cream) 60px,var(--cream) 120px);padding:clamp(20px,5vh,55px) 18px max(24px,env(safe-area-inset-bottom));transition:opacity .7s ease,visibility .7s;isolation:isolate}.opening-heading{z-index:2;flex:none}.opening-names{font-family:var(--hand);font-size:clamp(42px,7vw,72px);line-height:1.2;margin-top:12px}.cheers-stage{position:relative;width:min(620px,100%);height:100%;min-height:0;flex:1;margin:8px 0}.cheers-glass{position:absolute;bottom:0;height:100%;max-height:560px;width:50%;object-fit:contain;transform-origin:50% 86%;will-change:transform}.glass-left{left:0;transform:translateX(-7%) rotate(-10deg)}.glass-right{right:0;transform:translateX(7%) rotate(10deg)}.opening-action{flex:none;z-index:2}.cheers-word{font-size:40px;line-height:1.1;margin-bottom:12px;color:var(--orange)}.opening-action .pill{background:var(--cream);box-shadow:0 5px 25px #293d4510}.opening-hint{font-size:13px;margin-top:12px}.opening.is-cheering .glass-left{animation:toast-left 2.15s ease-in-out both}.opening.is-cheering .glass-right{animation:toast-right 2.15s ease-in-out both}.opening.is-cheering .opening-action{opacity:0;transition:opacity .25s}.opening.is-done{opacity:0;visibility:hidden;pointer-events:none}@keyframes toast-left{0%{transform:translateX(-7%) rotate(-10deg)}38%,48%{transform:translateX(16%) rotate(13deg)}68%{transform:translateX(9%) rotate(5deg)}100%{transform:translateX(-12%) rotate(-12deg)}}@keyframes toast-right{0%{transform:translateX(7%) rotate(10deg)}38%,48%{transform:translateX(-16%) rotate(-13deg)}68%{transform:translateX(-9%) rotate(-5deg)}100%{transform:translateX(12%) rotate(12deg)}}.cheers-burst{position:absolute;left:50%;top:24%;width:1px;height:1px}.cheers-burst i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fffdf0;opacity:0;box-shadow:0 0 8px #fff}.opening.is-cheering .cheers-burst i{animation:celebrate 1.25s ease-out .82s both}@keyframes celebrate{0%{opacity:0;transform:translate(0,0) scale(.2)}10%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}}.music-toggle{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:10;background:var(--cream);color:var(--ink);border:1px solid #a2b5be;border-radius:30px;padding:9px 16px;box-shadow:0 4px 18px #293d451a;display:flex;gap:9px;align-items:center;font-size:13px}.music-toggle>span:first-child{font-size:22px;line-height:1}.garden{margin:32px 0 0}.garden-link{display:inline-flex;gap:12px;align-items:center;text-decoration:none;background:var(--blue);font-size:15px}.garden-name{margin-top:18px;font-weight:500}.garden-address{font-size:14px;line-height:1.6;margin-top:5px}@media(max-width:600px){.opening{background-size:80px 100%;background-image:repeating-linear-gradient(90deg,var(--blue) 0,var(--blue) 40px,var(--cream) 40px,var(--cream) 80px)}.opening-heading .eyebrow{font-size:10px}.opening-names{font-size:48px}.opening-action .pill{padding:12px 17px;font-size:14px}.cheers-word{font-size:34px}.cheers-stage{max-height:510px}.garden-link{padding:13px 17px;font-size:14px}}@media(prefers-reduced-motion:reduce){.opening.is-cheering .cheers-glass,.opening.is-cheering .cheers-burst i{animation:none}.opening{transition:none}}