*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e6dfd2;color:#73372b;font-family:"PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #527a88;outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-family:"Songti SC","STSong","SimSun",serif;font-weight:400}img{display:block}button,a{-webkit-tap-highlight-color:transparent}.invitation{--red:#b83c30;--cream:#fff8e8;max-width:480px;margin:auto;background:var(--cream);position:relative;box-shadow:0 0 70px #66483419}.sequence{position:relative;height:185svh}.stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;isolation:isolate;text-align:center;padding:60px 28px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hello{height:180svh;background:repeating-linear-gradient(90deg,#e6b75015 0 24px,transparent 24px 48px),var(--cream)}.hello .stage:after{content:"";position:absolute;inset:51px 17px 25px;border:1px solid #b83c3033;border-radius:200px 200px 12px 12px;z-index:-1}.eyebrow{font:11px Georgia,serif;letter-spacing:2.4px;line-height:1.7}h1{font-size:clamp(42px,12vw,64px);line-height:1.2;letter-spacing:4px;margin:14px 0;color:var(--red);white-space:nowrap}h1 span{display:inline-block}h2{font-size:clamp(28px,7.8vw,38px);line-height:1.5;letter-spacing:3px}.tagline{font-size:13px;letter-spacing:1.5px}.cover-title{position:absolute;top:11%;left:20px;right:20px;z-index:5}.preview-label,.edition{position:absolute;top:23px;font-size:10px;letter-spacing:.7px;color:#956955}.preview-label{left:21px}.edition{right:21px}.sky{position:absolute;top:32%;left:0;width:100%;height:43%;}.balloon{position:absolute;left:26%;top:0;width:48%;height:100%;object-fit:contain;z-index:3;transform-origin:50% 25%;filter:drop-shadow(0 9px 10px #7c4a2c14)}.cloud{position:absolute;width:44%;height:auto;z-index:4;opacity:.95}.cloud-left{left:-5%;top:42%}.cloud-right{right:-4%;top:10%;width:38%;z-index:2}.sky-number{font:italic 130px Georgia,serif;color:#b83c3012;position:absolute;left:0;right:0;top:18%}.spark{position:absolute;color:#b83c30;font-size:30px}.spark-a{left:18%;top:9%}.spark-b{right:16%;bottom:10%;font-size:40px}.spark-c{left:13%;bottom:10%;font-size:20px}.cover-bottom{position:absolute;bottom:6%;left:20px;right:20px}.baby-name{font-size:19px;letter-spacing:4px}.cover-date{font:13px Georgia,serif;letter-spacing:2px;margin-top:14px}.scroll-hint,.stage-hint{font-size:11px;letter-spacing:1px;color:#946950}.scroll-hint{margin-top:24px}.scroll-hint span{display:block;font-size:23px;margin-top:8px}.chapter{position:absolute;top:36px;left:20px;right:20px;font:10px Georgia,serif;letter-spacing:2.3px}.story{background:#f4e4b9}.story-heading{position:absolute;top:12%;left:18px;right:18px}.story-heading h2{margin-top:12px}.scrapbook{position:absolute;top:32%;height:36%;width:76%;max-width:355px;perspective:900px}.memory-outline{position:absolute;inset:0 13%;border:1px dashed #b7855870;border-radius:4px;transform:rotate(5deg)}.memory-paper{position:absolute;inset:0 8%;background:#fffbed;box-shadow:0 10px 30px #65422b22;padding:12px 12px 34px;transform:rotate(-5deg)}.photo-window{height:100%;background:#eee1c2}.memory-paper p{position:absolute;bottom:11px;left:0;right:0;font:italic 12px Georgia,serif}.memory-photo{position:absolute;left:12%;top:4%;width:76%;height:81%;object-fit:cover;object-position:center 64%;transform:rotate(-5deg)}.memory-tape{position:absolute;left:26%;top:-10px;width:49%;padding:10px 5px;background:#e3bb779e;backdrop-filter:blur(2px);font:9px Georgia,serif;letter-spacing:1.3px;transform:rotate(-5deg);z-index:4}.day-label{position:absolute;right:-6%;top:2%;width:96px;height:96px;border-radius:50%;background:#b83c30;color:#fff8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 15px #8c4a201a;z-index:5;transform:rotate(12deg)}.day-label b{font:italic 43px Georgia,serif;line-height:1.1}.day-label span{font:8px Georgia,serif;letter-spacing:1px}.name-label{position:absolute;bottom:-10px;left:-4%;padding:12px 20px;background:#fff8e8;border:1px solid #bc875b4d;font-size:13px;letter-spacing:2px;transform:rotate(5deg);z-index:5}.memory-star{position:absolute;left:-6%;top:-7%;font-size:44px;color:var(--red)}.story-copy{position:absolute;top:75%;left:20px;right:20px;font-size:14px;line-height:2;letter-spacing:1px}.story-copy small{display:block;font-size:11px;margin-top:8px;color:#956f51}.stage-hint{position:absolute;bottom:3%;left:20px;right:20px}.date{height:210svh;background:#f7ecd5}.date .stage{background:radial-gradient(ellipse at 50% 60%,#f9dbb36b,transparent 70%)}.letter-heading{position:absolute;top:11%;left:20px;right:20px}.letter-heading h2{margin-top:13px;color:var(--red);font-size:34px;line-height:1.35}.letter-scene{position:absolute;top:37%;width:88%;height:51%;max-width:420px}.envelope{position:absolute;left:0;bottom:0;width:100%;height:80%;object-fit:contain;object-position:bottom}.envelope-back{z-index:1}.envelope-front{z-index:3;clip-path:inset(49% 0 0 0)}.invitation-letter{position:absolute;left:18%;top:19%;width:64%;height:75%;max-height:320px;z-index:2;background:#fffbee;color:#853a2b;padding:24px 12px 16px;border:1px solid #d9b78b;box-shadow:0 6px 18px #65271620;display:flex;flex-direction:column;justify-content:center}.letter-kicker{font:19px "Songti SC",serif;letter-spacing:3px}.letter-rule{width:26px;height:1px;background:#b83c30;margin:15px auto}.letter-year{font:10px Georgia,serif;letter-spacing:2px}.letter-date{font:clamp(38px,11vw,55px) Georgia,serif;margin:10px 0}.letter-time{font-size:13px;letter-spacing:1px}.letter-family{font-size:12px;line-height:1.9;margin-top:19px}.letter-stamp{position:absolute;bottom:15%;left:calc(50% - 24px);width:48px;height:48px;background:#f5deb0;color:#9c3b28;border:1px solid #d8a75d;padding:6px;border-radius:50%;font:15px "Songti SC",serif;line-height:1.15;z-index:4;transform:rotate(-10deg)}.letter-ending{position:absolute;bottom:8%;left:25px;right:25px;font-size:13px;letter-spacing:1px}.location{height:165svh;background:#fff8e8}.location-heading{position:absolute;top:13%;left:20px;right:20px}.location-heading h2{margin:13px 0 24px}.hotel{font-size:18px;letter-spacing:2px}.address{font-size:13px;line-height:1.9;color:#906952;margin-top:10px}.map-composition{position:absolute;top:43%;left:7%;width:86%;height:26%;}.map{position:absolute;inset:0;border-radius:100px 100px 8px 8px;background:#ede8d8;overflow:hidden}.map svg{position:absolute;inset:0;width:100%;height:100%}.map-pin{position:absolute;top:26%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;z-index:2}.pin-dot{width:36px;height:36px;border-radius:50% 50% 50% 0;background:var(--red);transform:rotate(-45deg);box-shadow:0 4px 8px #69332620}.pin-dot:after{content:"";position:absolute;width:12px;height:12px;background:#fff8e8;border-radius:50%;top:12px;left:12px}.pin-label{background:#fff8e8;padding:6px 12px;border-radius:3px}.map-note{position:absolute;bottom:9px;right:10px;font-size:10px;color:#7d796b}.nav-buttons{position:absolute;top:74%;left:7%;width:86%;display:flex;gap:12px}.nav-buttons button{flex:1;min-height:46px;border:1px solid var(--red);background:var(--red);color:#fff8e8;border-radius:4px;font-size:14px}.nav-buttons button+button{background:#fff8e8;color:var(--red)}.location-ending{position:absolute;bottom:7%;left:20px;right:20px}.location-ending p{font:20px "Songti SC",serif;letter-spacing:3px}.location-ending small{display:block;font:italic 12px Georgia,serif;color:#93634d;margin-top:12px}.chapters{position:fixed;right:max(5px,calc((100vw - 480px)/2 + 5px));top:44%;z-index:20;display:flex;flex-direction:column}.chapters a{width:20px;height:25px;display:grid;place-items:center}.chapters a:after{content:"";width:4px;height:4px;border-radius:50%;background:#b98e71;transition:transform .3s}.chapters a.active:after{background:#bf352a;transform:scale(1.6)}.progress{position:fixed;top:0;height:3px;background:#b83c30;width:0;z-index:21;left:max(0px,calc((100vw - 480px)/2))}.desktop-note{display:none}dialog{width:min(340px,85vw);border:0;border-radius:12px;padding:28px;background:#fff8e8;color:#73372b;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#35281c77}dialog h3{margin:0 0 14px;font-size:20px}dialog p{font-size:15px;line-height:1.9}dialog button{margin-top:20px;border:0;border-radius:4px;padding:12px 24px;background:#b83c30;color:#fff8e8}@media(min-width:850px){.desktop-note{display:block;position:fixed;left:calc(50% - 300px);top:40%;writing-mode:vertical-rl;letter-spacing:4px;font-size:12px;color:#927763}}@media(max-height:680px){.stage{min-height:560px}.cover-title{top:10%}h1{font-size:48px}.story-heading{top:11%}.story-heading h2{margin-top:5px;font-size:29px}.chapter{top:22px}.letter-heading{top:10%}.letter-heading h2{font-size:28px;margin-top:6px}.letter-scene{top:37%;height:51%}.invitation-letter{padding:12px 10px}.letter-rule{margin:8px auto}.letter-date{margin:5px 0;font-size:40px}.letter-family{margin-top:8px}.location-heading{top:10%}.location-heading h2{margin:8px 0 14px}.story-copy{font-size:12px}.story-copy small{margin-top:2px}.day-label{width:78px;height:78px}.day-label b{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sequence{height:100svh;min-height:640px}.stage-hint{display:none}}

/* Photo heads remain independent of the illustrated bodies and scenery. */
.balloon-canvas{position:absolute;left:0;top:50%;width:100%;aspect-ratio:2/3;transform:translateY(-50%)}
.balloon-illustration{width:100%;height:100%;object-fit:contain}
.baby-head-front{position:absolute;left:31%;top:62%;width:39%;height:25%;object-fit:contain;transform-origin:50% 87%;filter:drop-shadow(0 2px 1px #61352017)}
.baby-head-smile{position:absolute;right:-2%;bottom:24%;width:30%;height:35%;object-fit:contain;object-position:bottom;transform-origin:50% 90%;z-index:4}
.memory-photo{object-position:center 45%}
.balloon{left:27%;width:46%}.sky{top:30%}
.balloon-canvas{aspect-ratio:1024/1806}
.baby-head-front{left:35.55%;top:48.17%;width:30.47%;height:22.98%;object-position:center top}