@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{font:16px/1.6 'DM Sans',system-ui,sans-serif;color:#493c31;background:#fbf7ef;--orange:#b84e2c;--muted:#7b7065;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:active,.button:active{transform:scale(.97);transition:transform .1s}a:focus-visible,button:focus-visible,[contenteditable]:focus-visible{outline:3px solid #b84e2c;outline-offset:6px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:5;background:#fbf7efeb;backdrop-filter:blur(20px)}.brand{font:italic 29px var(--serif)}.brand span{font-size:14px;color:var(--orange);padding-left:8px}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--orange)}.nav-date,.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600}.nav-date{border:1px solid #d9c7b5;padding:7px 14px;border-radius:20px}.hero{min-height:720px;max-width:1440px;margin:auto;padding:80px 7% 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:4%;position:relative;align-items:center}.eyebrow{color:#946747;margin:0 0 25px}.tiny-orange{color:#e99343;font-size:20px;vertical-align:middle;margin-right:8px}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0}h1{font-size:clamp(46px,5.3vw,78px)}em{font-weight:400;color:var(--orange)}.birthday{font-weight:600;font-size:17px;margin:28px 0 12px}.intro,.section-top>p,.voucher-intro>p,.final>p{font-size:14px;color:var(--muted);line-height:1.9}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:40px;padding:14px 25px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.primary{background:var(--orange);color:#fffaf3}.primary:hover{background:#983c20}.secondary{background:transparent;border:1px solid #cbbba9}.hero .button{margin-top:22px}.hero-note{font-size:11px;color:var(--muted);margin-top:20px}.hero-note span{color:var(--orange);font-size:18px;margin-right:8px}.photo-scene{position:relative;height:490px}.paper{background:#fffcf6;padding:12px 12px 35px;box-shadow:0 12px 40px #54371720;position:absolute}.paper img{width:100%;height:100%;object-fit:cover;display:block}.paper>span{position:absolute;bottom:9px;left:0;width:100%;text-align:center;font:italic 12px var(--serif)}.main-photo{width:70%;height:400px;top:20px;right:0;transform:rotate(6deg)}.small-photo{width:44%;height:260px;left:-12px;bottom:-5px;transform:rotate(-10deg)}.scribble{position:absolute;top:-20px;right:30px;font:italic 17px var(--serif);color:#98674c;transform:rotate(6deg)}.age-stamp{position:absolute;right:-25px;bottom:28px;width:105px;height:105px;border:1px solid #b78b50;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7ecd3;font:42px var(--serif);transform:rotate(12deg)}.age-stamp span{font:8px 'DM Sans',sans-serif;letter-spacing:.18em;margin-top:5px}.bear{position:absolute;width:120px;left:39%;bottom:-22px;filter:drop-shadow(0 4px 3px #694a2720)}.scroll-note{position:absolute;bottom:20px;left:7%;font-size:8px;letter-spacing:.18em;color:#887b6f;display:flex;gap:20px;align-items:center}.scroll-note span{font-size:22px}.section{padding:90px 7%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}h2{font-size:clamp(34px,3.5vw,49px)}.section-top>p{max-width:370px;margin:0 0 4px}.reasons{background:#f2e9de}.reasons-meta{display:flex;justify-content:space-between;font-size:11px;margin:30px 0 16px;color:#7d6654}.placeholder-note{font-size:10px}#reasons-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.reason{background:#fbf7ef;border:1px solid #e6d6c5;border-radius:6px;min-height:137px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px;color:#9c6e4c}.reason .number{font:34px var(--serif)}.reason .hint{font-size:9px;letter-spacing:.08em;margin-top:9px}.reason:hover{background:#fffaf4;box-shadow:0 5px 15px #77472509}.reason.open{background:#f9dfd2;color:#683f2e}.reason.open .number{font:11px 'DM Sans',sans-serif;position:absolute;top:8px;left:11px}.reason .text{font:italic 16px/1.4 var(--serif);padding:12px 0 0}.reason .tag{font-size:8px;margin-top:8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:38px 0}.memory{margin:0}.photo-button{border:0;padding:0;background:none;width:100%;display:block;overflow:hidden;border-radius:3px}.memory img{width:100%;height:370px;object-fit:cover;display:block;transition:transform .45s}.photo-button:hover img{transform:scale(1.025)}.memory:nth-child(3n+2){padding-top:38px}.memory figcaption{margin-top:16px}.caption-title{font:italic 21px var(--serif);display:block}.caption-date{display:block;color:#88786a;font-size:10px;margin-top:8px}.memories>.button{display:flex;width:fit-content;margin:35px auto 0}.voucher-section{background:#f4e4dc;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.voucher-intro>p:last-child{margin-top:25px}.voucher{background:#fffbf3;border-radius:12px;padding:25px 35px 22px;text-align:center;box-shadow:0 15px 40px #77503909;transform:rotate(2deg);border:1px solid #e6cdbb}.voucher-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#956e50}.chili{width:150px;margin:20px auto 10px;display:block}h3{font-size:31px}.voucher>p{font-size:12px;color:#7d6b5c}.tear{border-top:1px dashed #d3baa3;margin:26px -35px 25px}.small{font-size:10px!important}.final{text-align:center;padding-top:100px;padding-bottom:80px}.final .eyebrow{margin-top:25px}.final h2{font-size:clamp(40px,4.5vw,63px)}.final>p{margin:25px 0}.final .editable-message{font-size:12px;color:#927a68;max-width:600px;margin:20px auto}.signature{font-family:var(--serif);font-style:italic;font-size:21px!important}.signature span{display:inline-block;margin-top:8px}.orange-decoration{font-size:50px;line-height:1;color:#e68e3e;position:relative}.orange-decoration i{position:absolute;width:18px;height:10px;background:#77865a;border-radius:0 100% 0 100%;top:0;right:-5px;transform:rotate(-20deg)}footer{margin:0 7%;border-top:1px solid #e6dacb;padding:25px 0;display:flex;justify-content:space-between;font-size:10px;color:#917f6d}footer span:last-child{font-size:8px;letter-spacing:.16em}dialog{border:0;border-radius:16px;padding:35px;background:#fffbf3;color:#493c31;max-width:min(90vw,640px);max-height:90vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#2e211bc2;backdrop-filter:blur(8px)}dialog img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.close{position:absolute;right:8px;top:8px;background:#fffbf3;border:0;border-radius:50%;width:40px;height:40px;font-size:25px;z-index:1}#redeem-dialog{text-align:center;padding:45px}#redeem-dialog h2{font-size:40px}#redeem-dialog p{font-size:14px}.dialog-heart{font-size:50px;color:var(--orange)}.confetti{position:fixed;top:-20px;z-index:20;width:8px;height:12px;pointer-events:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:50;background:white;padding:15px}[contenteditable]{border-bottom:1px dashed #c6aa93}#celebration-status:empty{display:none}
@media(min-width:1500px){.section{padding-left:max(7%,calc((100vw - 1240px)/2));padding-right:max(7%,calc((100vw - 1240px)/2))}}@media(max-width:1000px){#reasons-grid{grid-template-columns:repeat(4,1fr)}.hero{gap:5%;padding-top:45px}.photo-scene{height:420px}.main-photo{height:340px;width:80%}.small-photo{height:225px;width:52%}.bear{width:95px}.memory img{height:290px}.section-top>p{max-width:270px}.nav-date{display:none}.age-stamp{width:80px;height:80px;font-size:32px}}
@media(max-width:650px){header{height:74px;padding:0 6%}.brand{font-size:25px}nav{gap:14px;font-size:10px}nav a:last-child{display:none}.hero{display:flex;flex-direction:column;padding:45px 7% 75px;gap:45px;align-items:stretch}.hero-copy{text-align:center}h1{font-size:48px}.eyebrow{font-size:8px}.birthday{font-size:14px}.intro{font-size:12px}.hero-note{font-size:10px}.photo-scene{height:400px;margin:0 15px 0 10px}.main-photo{height:335px;width:70%;right:15px}.small-photo{height:225px;width:46%;left:0;bottom:0}.scribble{font-size:14px;top:-10px}.bear{bottom:-12px}.age-stamp{right:-5px;bottom:30px}.scroll-note{left:0;width:100%;justify-content:center;font-size:7px;bottom:15px}.section{padding:60px 6%}.section-top{display:block;margin-bottom:28px}h2{font-size:34px}.section-top>p{margin-top:20px;max-width:none;font-size:12px}.reasons-meta{align-items:center;gap:15px;font-size:10px}.placeholder-note{max-width:160px;text-align:right;font-size:9px}#reasons-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reason{min-height:132px}.gallery{grid-template-columns:repeat(2,1fr);gap:18px}.memory:nth-child(3n+2){padding:0}.memory:nth-child(even){padding-top:25px}.memory img{height:230px}.caption-title{font-size:17px}.caption-date{font-size:9px}.voucher-section{display:block}.voucher-intro{text-align:center;margin-bottom:35px}.voucher{padding:22px 24px;transform:rotate(1deg)}.tear{margin-left:-24px;margin-right:-24px}.voucher-top{font-size:8px}.final h2{font-size:38px}.final>p{font-size:12px}footer{gap:20px;font-size:9px}footer span:last-child{max-width:120px;text-align:right}.desktop{display:none}.button{font-size:12px}#redeem-dialog{padding:40px 25px}.memory img{height:215px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.photo-button:hover img{transform:none}}@media(prefers-reduced-transparency:reduce){header{background:#fbf7ef;backdrop-filter:none}dialog::backdrop{backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#493c31}.reason,.voucher{border:2px solid #715644}header{background:#fbf7ef}}