@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#161612;--cream:#f5ebd4;--gold:#efb655;--muted:#b5b2a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.fairy-lights{height:42px;position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around;border-top:2px solid #655731;z-index:6;pointer-events:none}.bulb{display:block;height:13px;width:8px;background:#ffdfa0;border-radius:3px 3px 50% 50%;margin-top:8px;box-shadow:0 0 9px 3px #ffc45c99,0 0 35px 12px #e9a33d26;position:relative;animation:glow 3.5s ease-in-out infinite alternate}.bulb:before{content:'';height:9px;width:1px;background:#8e7742;position:absolute;top:-9px;left:4px}.bulb:nth-child(3n){margin-top:15px;animation-delay:-1.8s}.bulb:nth-child(2n){animation-delay:-.8s}.topbar{max-width:1240px;margin:auto;padding:59px 42px 25px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--cream);font-size:11px;letter-spacing:2px;font-weight:700;text-decoration:none}.brand span{color:var(--gold);padding:0 9px}.lights-toggle{font-family:inherit;font-size:11px;color:var(--muted);background:none;border:1px solid #454338;padding:8px 12px;border-radius:30px;cursor:pointer}.lights-toggle span{color:var(--gold);padding-left:10px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:55px 42px 75px;min-height:660px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--gold);line-height:1.8;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--gold)}h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,4.4vw,64px);line-height:1.14;letter-spacing:-2px;font-weight:500;margin:23px 0}h1 em{color:var(--gold);font-weight:500}.intro{font-size:14px;line-height:1.9;max-width:405px;color:var(--muted);margin-bottom:31px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;background:var(--gold);color:#242016;border:0;border-radius:3px;text-decoration:none;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.primary-button:hover{background:#ffd28c;transform:translateY(-2px)}.primary-button span{font-size:22px;font-weight:400}.little-note{font-size:11px;margin-top:15px;color:#9b998c}.scrapbook{position:relative;height:510px}.polaroid{position:absolute;left:11%;top:27px;width:78%;background:#f2e4c5;padding:13px 13px 4px;transform:rotate(5deg);box-shadow:0 15px 45px #0006}.photo-scene{height:240px;background:#dfb976;position:relative;overflow:hidden;display:flex;align-items:flex-end}.photo-scene img{width:100%;position:relative;z-index:1}.sun{position:absolute;left:35%;top:14px;width:145px;height:145px;border-radius:50%;background:#f8dca4;box-shadow:0 0 60px #ffe3a8}.polaroid p{font-family:'Caveat',cursive;color:#40382b;text-align:center;font-size:22px;margin:12px 0}.tape{position:absolute;width:88px;height:28px;background:#d9b477a8;left:40%;top:-13px;transform:rotate(-7deg);z-index:3;clip-path:polygon(2% 0,98% 5%,96% 95%,0 100%)}.farewell-sticker{position:absolute;left:-2%;top:270px;width:72%;transform:rotate(-9deg);z-index:2;filter:drop-shadow(0 8px 5px #0008)}.plane-sticker{position:absolute;right:0;top:-15px;width:100px;transform:rotate(-17deg)}.paper-note{background:#efd5a4;color:#41311d;position:absolute;right:-1%;bottom:37px;padding:23px 24px;font-family:'Caveat',cursive;font-size:28px;transform:rotate(10deg);box-shadow:4px 8px 18px #0004}.paper-note span{display:block;text-align:right}.chai-sticker{position:absolute;width:180px;left:3%;bottom:0;transform:rotate(-5deg);z-index:3}.scrap-label{position:absolute;bottom:13px;right:24%;font-size:9px;letter-spacing:2px;transform:rotate(-6deg);color:#b9ad8d}.orbit{position:absolute;color:var(--gold);font-family:Georgia;font-size:54px}.orbit-one{left:-25px;top:60px;transform:rotate(14deg)}.orbit-two{right:-15px;top:210px;font-size:35px}.names-strip{border-top:1px solid #39382f;border-bottom:1px solid #39382f;text-align:center;padding:29px 20px;background:#1c1c17}.names-strip>span{font-size:9px;letter-spacing:2.2px;color:#a29e8e}.names-strip p{font-family:'Caveat',cursive;font-size:32px;margin:9px 0 11px}.names-strip b{font-family:Georgia;font-size:15px;color:var(--gold);padding:0 12px;font-weight:400}.message-section{max-width:1080px;padding:100px 42px 50px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.message-intro h2{font-family:'Playfair Display',Georgia,serif;font-size:37px;line-height:1.25;font-weight:500;letter-spacing:-.8px;margin:18px 0}.message-intro>p:not(.eyebrow):not(.handwritten){font-size:13px;color:var(--muted);line-height:1.9;max-width:340px}.camera-sticker{width:145px;transform:rotate(-12deg);margin:20px 0 0 35px}.handwritten{font-family:'Caveat',cursive;color:var(--gold);font-size:24px;transform:rotate(-4deg);margin-top:2px}.message-card{position:relative;background:var(--cream);color:#322b1e;padding:30px;transform:rotate(1.5deg);box-shadow:0 18px 50px #0004}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#7e7056;border-bottom:1px solid #cfc2a8;padding-bottom:15px}.card-top span:last-child{font-size:21px;line-height:15px}.message-card h3{font-family:'Playfair Display',Georgia,serif;font-size:36px;font-weight:500;line-height:1.2;margin:23px 0}.prompt-label{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#80745e}.prompts{display:flex;gap:6px;flex-wrap:wrap}.prompts button{font-family:inherit;font-size:10px;padding:8px 9px;border:1px solid #cdbd9c;background:transparent;border-radius:20px;color:#55452c;cursor:pointer}.prompts button[aria-pressed=true]{background:#403728;border-color:#403728;color:#fff0d2}.prompt-example{font-family:'Caveat',cursive;font-size:25px;min-height:66px;margin:22px 0;color:#867251}.form-button{width:100%;background:#29271f;color:var(--cream);padding:13px 18px}.form-button:hover{background:#464131}.form-note{font-size:10px;line-height:1.6;color:#786a52;text-align:center;margin:11px 0 22px}.card-footer{display:flex;justify-content:space-between;border-top:1px solid #cfc2a8;padding-top:17px;font-size:8px;color:#80745e;gap:10px}.closing{text-align:center;padding:65px 20px 90px}.closing>span{font-size:24px;color:var(--gold)}.closing p{font-family:'Playfair Display',Georgia,serif;font-size:42px;line-height:1.25;margin:19px 0}.closing em{color:var(--gold)}.closing small{color:var(--muted);font-size:12px}footer{border-top:1px solid #39382f;display:flex;justify-content:space-between;padding:25px 42px;font-size:8px;letter-spacing:1.5px;color:#9b9786;gap:20px}dialog{border:1px solid #726343;border-radius:8px;background:var(--cream);color:var(--ink);padding:20px;width:min(680px,94vw);max-height:90dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-header h2{font-family:'Playfair Display',Georgia,serif;font-size:25px;margin:5px 0}.close-dialog{padding:8px 12px;background:transparent;border:1px solid #baa782;border-radius:50%;cursor:pointer}#dialog-info{font-size:13px;line-height:1.8}iframe{border:0;width:100%;height:65dvh}a:focus-visible,button:focus-visible{outline:3px solid #d68e26;outline-offset:5px}.still .bulb{animation:none}.still .bulb{box-shadow:0 0 6px #ffc45c88}@keyframes glow{from{opacity:.65}to{opacity:1;box-shadow:0 0 12px 4px #ffc45cbb,0 0 40px 15px #e9a33d33}}@media(max-width:760px){.topbar{padding:52px 22px 15px}.brand{font-size:8px;letter-spacing:1px}.lights-toggle{font-size:10px;padding:7px 10px}.hero{grid-template-columns:1fr;padding:33px 25px 40px;gap:12px;min-height:0}.hero-copy{max-width:500px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:46px;letter-spacing:-1.8px;margin:19px 0}.intro{font-size:13px;line-height:1.8;margin-bottom:24px}.primary-button{padding:14px 20px}.scrapbook{width:min(100%,450px);height:440px;margin:22px auto 0}.photo-scene{height:200px}.polaroid{left:8%;width:83%}.polaroid p{font-size:21px}.farewell-sticker{top:235px;left:0;width:75%}.plane-sticker{width:78px;right:0}.chai-sticker{width:150px}.paper-note{font-size:24px;padding:18px;bottom:19px;right:0}.scrap-label{bottom:0;right:27%;font-size:7px}.orbit-one{left:-8px;font-size:37px}.orbit-two{right:-2px}.names-strip p{font-size:27px}.names-strip b{padding:0 5px;font-size:10px}.names-strip>span{font-size:7px;letter-spacing:1.5px}.message-section{grid-template-columns:1fr;padding:57px 25px 20px;gap:45px}.message-intro h2{font-size:34px}.camera-sticker{width:105px;margin:12px 0 0 25px}.handwritten{display:inline-block;font-size:22px;max-width:190px;margin-left:15px;vertical-align:top;margin-top:35px}.message-card{padding:25px;max-width:460px;width:100%;margin:auto;transform:rotate(1deg)}.closing{padding:50px 20px 65px}.closing p{font-size:35px}footer{padding:22px;flex-direction:column;font-size:7px;gap:12px}.little-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}