:root{--paper:#fff8ec;--paper-deep:#f6eedf;--ink:#0d4a5a;--ink-dark:#10323b;--coral:#f16d55;--coral-soft:#fbe1d7;--blue:#3978d5;--blue-soft:#dbe8fb;--mint:#87cbb9;--mint-soft:#e5f3eb;--yellow:#f7c94c;--yellow-soft:#fff1b8;--shadow:0 24px 70px #1830312e}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}img{width:100%;display:block}.hero{min-height:100svh;padding:26px clamp(24px,5vw,76px) 110px;position:relative;overflow:hidden}.site-header{z-index:4;letter-spacing:.08em;align-items:center;max-width:1440px;margin:0 auto;font-size:15px;font-weight:700;display:flex;position:relative}.site-header__mark{border:2px solid var(--ink);letter-spacing:-.05em;border-radius:50% 48% 44% 52%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:18px;display:grid;transform:rotate(-7deg)}.hero__content{z-index:2;grid-template-columns:.94fr 1.08fr;align-items:center;gap:clamp(38px,6vw,96px);width:min(1360px,100%);min-height:calc(100svh - 148px);margin:0 auto;display:grid;position:relative}.hero__copy{padding-bottom:6vh}.hero h1{letter-spacing:-.075em;max-width:700px;margin:0;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(58px,6.5vw,110px);font-weight:700;line-height:1.04}.hero h1 span{white-space:nowrap;display:block}.hero__copy p{margin:clamp(20px,3.5vw,38px) 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(20px,2vw,30px);line-height:1.55}.primary-action{border:2px solid var(--coral);background:var(--coral);color:#fff;cursor:pointer;border-radius:0;justify-content:center;align-items:center;min-height:58px;margin-top:clamp(28px,4vw,48px);padding:0 34px;font-size:17px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:7px 7px #0d4a5a21}.primary-action:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #0d4a5a21}:is(.primary-action:focus-visible,.childhood__connection:focus-visible,.hero__qixi-trigger:focus-visible){outline-offset:4px;outline:4px solid #3978d561}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.primary-action--ink{border-color:var(--ink);background:var(--ink);margin-top:32px}.hero__portrait{width:min(600px,100%);box-shadow:var(--shadow);background:#fffef9;margin:0 auto;padding:clamp(12px,1.5vw,20px);position:relative;transform:rotate(2.5deg)}.hero__portrait:before{content:"";pointer-events:none;border:1px solid #0d4a5a1a;position:absolute;inset:7px}.hero__qixi-trigger{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.hero__qixi-trigger img{aspect-ratio:4/5;object-fit:cover;object-position:center 24%}.tape{z-index:2;background:var(--blue);opacity:.88;width:74px;height:30px;position:absolute}.tape--left{top:-12px;left:-20px;transform:rotate(-35deg)}.tape--right{bottom:-10px;right:-22px;transform:rotate(-33deg)}.journey-line{z-index:1;border-bottom:3px dashed var(--blue);opacity:.78;border-radius:0 0 50% 50%;width:57vw;height:18vh;position:absolute;bottom:13vh;left:-6vw;transform:rotate(-4deg)}.confetti{z-index:1;width:22px;height:42px;position:absolute}.confetti--coral{background:var(--coral);top:22%;left:46%;transform:rotate(24deg)}.confetti--mint{background:var(--mint);width:44px;height:26px;top:12%;left:10%;transform:rotate(-14deg)}.confetti--yellow{background:var(--yellow);bottom:13%;right:7%;transform:rotate(45deg)}.hero__next{z-index:0;width:min(55vw,820px);box-shadow:var(--shadow);border:14px solid #fffef8;position:absolute;bottom:-20vw;right:-4vw;transform:rotate(-1.2deg)}.journey{background:var(--paper);position:relative}.journey__intro{align-items:flex-end;min-height:52vh;padding:clamp(90px,13vw,190px) clamp(24px,8vw,130px) 40px;display:flex;position:relative}.journey__intro h2{z-index:2;letter-spacing:-.07em;max-width:900px;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(56px,8vw,124px);line-height:1;position:relative}.journey__intro span{border-top:5px solid var(--blue);border-radius:50%;width:78vw;height:120px;position:absolute;bottom:24%;right:-4vw;transform:rotate(-3deg)}.journey__layout{display:block}.journey__scenes{min-width:0}.memory-scene{background:var(--paper);grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);align-items:center;gap:clamp(30px,6vw,92px);min-height:100svh;padding:clamp(70px,8vw,120px) clamp(34px,8vw,128px);display:grid;position:relative;overflow:hidden}.memory-scene--mint{background:var(--mint-soft)}.memory-scene--yellow{background:var(--yellow-soft)}.memory-scene--blue{background:var(--blue-soft)}.memory-scene--coral{background:var(--coral-soft)}.memory-scene:nth-child(2n){grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr)}.memory-scene:nth-child(2n) .memory-scene__figure{order:2;transform:rotate(1.4deg)translateY(20px)}.memory-scene:nth-child(2n) .memory-scene__copy{order:1}.memory-scene__number{color:#0d4a5a0e;font-family:Georgia,serif;font-size:clamp(200px,30vw,520px);font-weight:700;line-height:1;position:absolute;bottom:-.19em;right:-.04em}.memory-scene__figure{z-index:2;width:100%;box-shadow:var(--shadow);opacity:1;background:#fffef9;margin:0;padding:12px;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(-1.2deg)translateY(20px)}.memory-scene.is-visible .memory-scene__figure{opacity:1;transform:rotate(-.35deg)translateY(0)}.memory-scene:nth-child(2n).is-visible .memory-scene__figure{transform:rotate(.35deg)translateY(0)}.memory-scene--portrait .memory-scene__figure{justify-self:center;width:min(480px,100%)}.memory-scene--square .memory-scene__figure{justify-self:center;width:min(600px,100%)}.memory-tab{z-index:3;background:var(--yellow);width:54px;height:54px;color:var(--blue);place-items:center;font-family:Georgia,serif;font-size:22px;font-weight:800;display:grid;position:absolute;top:-20px;right:24px;transform:rotate(3deg)}.memory-artwork{background:#eee7d9;width:100%;display:block;overflow:hidden}.memory-scene--landscape .memory-artwork img{aspect-ratio:16/10;object-fit:cover}.memory-scene--portrait .memory-artwork img{aspect-ratio:3/4;object-fit:cover}.memory-scene--square .memory-artwork img{aspect-ratio:1;object-fit:cover}.memory-scene__copy{z-index:2;align-self:end;padding-bottom:8%;position:relative}.memory-scene__copy time{color:var(--blue);letter-spacing:.08em;font-size:clamp(17px,1.6vw,23px);font-weight:850}.memory-scene__copy h3{letter-spacing:-.065em;margin:14px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(44px,5.4vw,86px);line-height:1.06}.memory-scene__place{letter-spacing:.08em;margin:20px 0 0;font-size:clamp(14px,1.2vw,17px);font-weight:800}.memory-scene__caption{color:#0d4a5acc;letter-spacing:.01em;max-width:34ch;margin:12px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(17px,1.5vw,22px);font-weight:650;line-height:1.55}.childhood{background:var(--paper);min-height:190svh;padding:clamp(92px,10vw,150px) clamp(28px,7vw,110px) 130px;position:relative;overflow:hidden}.childhood>h2{text-align:center;letter-spacing:-.06em;margin:0 0 clamp(70px,8vw,120px);font-family:Songti SC,STSong,serif;font-size:clamp(56px,7vw,104px)}.childhood__portraits{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(80px,13vw,190px);max-width:1180px;margin:0 auto;display:grid;position:relative}.childhood__portrait{z-index:2;box-shadow:var(--shadow);background:#fffef9;margin:0;padding:12px;position:relative}.childhood__portrait--mine{border:6px solid var(--mint);transform:rotate(-1.5deg)}.childhood__portrait--yours{border:6px solid var(--coral);transform:rotate(1.8deg)}.childhood__portrait img{aspect-ratio:1;object-fit:cover}.childhood__portrait figcaption{text-align:center;padding:14px 7px 4px}.childhood__portrait figcaption strong{font-family:Songti SC,STSong,serif;font-size:clamp(18px,1.8vw,24px);display:block}.childhood__portrait figcaption span{color:#0d4a5ab8;margin-top:6px;font-size:clamp(12px,1.1vw,15px);font-weight:650;line-height:1.45;display:block}.childhood__connection{z-index:3;width:clamp(88px,12vw,150px);height:58px;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-2deg)}.childhood__connection:before,.childhood__connection:after{content:"";border-top:4px solid var(--blue);border-radius:50%;width:calc(50% - 23px);position:absolute;top:50%}.childhood__connection:before{left:0;transform:rotate(8deg)}.childhood__connection:after{right:0;transform:rotate(-8deg)}.childhood__connection-heart{z-index:2;border:3px solid var(--blue);background:var(--paper);border-radius:50%;place-items:center;width:50px;height:50px;font-family:Georgia,serif;font-size:31px;line-height:1;transition:transform .22s,background .22s,color .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(3deg);box-shadow:0 8px 20px #3978d521}.childhood__connection:hover .childhood__connection-heart{transform:translate(-50%,-50%)rotate(3deg)scale(1.07)}.childhood__connection.is-active .childhood__connection-heart{background:var(--blue);color:#fff;transform:translate(-50%,-50%)rotate(3deg)scale(1.07)}.childhood__spark{z-index:1;opacity:0;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%}.childhood__spark--one{--spark-x:-58px;--spark-y:-42px;background:var(--coral)}.childhood__spark--two{--spark-x:-68px;--spark-y:14px;background:var(--yellow);animation-delay:80ms}.childhood__spark--three{--spark-x:-28px;--spark-y:54px;background:var(--mint);animation-delay:.15s}.childhood__spark--four{--spark-x:55px;--spark-y:-45px;background:var(--yellow);animation-delay:60ms}.childhood__spark--five{--spark-x:70px;--spark-y:10px;background:var(--coral);animation-delay:.13s}.childhood__spark--six{--spark-x:30px;--spark-y:52px;background:var(--mint);animation-delay:.2s}.childhood__connection.is-active .childhood__spark{animation:1.05s ease-out both childhoodSpark}.childhood__meeting{place-items:center;max-width:660px;margin:clamp(90px,12vw,180px) auto 0;display:grid;position:relative}.childhood__meeting-copy{margin:0 0 34px;font-family:Songti SC,STSong,serif;font-size:clamp(24px,2.5vw,38px);font-weight:700}.childhood__meeting figure{border:6px solid var(--mint);width:clamp(190px,24vw,320px);box-shadow:var(--shadow);background:#fffef9;border-radius:50%;margin:0;padding:9px;transition:border-color .3s,box-shadow .3s}.childhood__meeting img{aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:50%}.childhood__meeting.is-connected figure{border-color:var(--blue);box-shadow:0 0 0 12px #3978d51f, var(--shadow);animation:.7s both meetingPulse}.childhood__egg-note{min-height:1.5em;color:var(--coral);text-align:center;margin-top:20px;font-family:Songti SC,STSong,serif;font-size:clamp(18px,2vw,28px);font-weight:700}.closing{text-align:center;align-content:center;place-items:center;min-height:78svh;padding-top:clamp(120px,16vw,240px);display:grid}.closing h2{color:var(--coral);letter-spacing:-.06em;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(70px,10vw,150px)}.closing p{margin:20px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(20px,2.2vw,32px);font-weight:700}.qixi-egg{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.qixi-egg__heart{color:#fff;text-shadow:0 8px 20px #09242a59;opacity:0;font-family:Georgia,serif;font-size:clamp(42px,7vw,92px);line-height:1;animation:1.8s ease-out both qixiHeartPop;position:absolute}.qixi-egg__heart--one{top:6%;left:8%;transform:rotate(-15deg)}.qixi-egg__heart--two{animation-delay:.1s;top:9%;right:7%;transform:rotate(12deg)}.qixi-egg__heart--three{animation-delay:.18s;bottom:7%;left:12%;transform:rotate(10deg)}.qixi-egg__heart--four{animation-delay:.26s;bottom:8%;right:10%;transform:rotate(-12deg)}.qixi-egg__confetti{opacity:0;width:14px;height:28px;animation:1.5s ease-out both qixiConfettiDance;position:absolute}.qixi-egg__confetti--one{background:var(--coral);top:18%;left:24%;transform:rotate(20deg)}.qixi-egg__confetti--two{background:var(--yellow);animation-delay:90ms;top:12%;right:25%;transform:rotate(-18deg)}.qixi-egg__confetti--three{background:var(--mint);animation-delay:.16s;top:48%;left:7%;transform:rotate(34deg)}.qixi-egg__confetti--four{background:var(--coral);animation-delay:.22s;top:46%;right:6%;transform:rotate(-32deg)}.qixi-egg__confetti--five{background:var(--blue);animation-delay:.28s;bottom:12%;left:29%;transform:rotate(24deg)}.qixi-egg__confetti--six{background:var(--yellow);animation-delay:.34s;bottom:14%;right:28%;transform:rotate(-22deg)}@keyframes qixiHeartPop{0%{opacity:0;translate:0 22px;scale:.35}28%,72%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -14px;scale:1.12}}@keyframes qixiConfettiDance{0%{opacity:0;translate:0 28px;rotate:0deg;scale:.5}24%,72%{opacity:1}to{opacity:0;translate:0 -46px;rotate:170deg;scale:1}}@keyframes childhoodSpark{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}24%,68%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(1)}}@keyframes meetingPulse{0%{transform:scale(.96)}55%{transform:scale(1.035)}to{transform:scale(1)}}@media (max-width:900px){.memory-scene,.memory-scene:nth-child(2n){grid-template-rows:auto auto;grid-template-columns:1fr;gap:30px}.memory-scene:nth-child(2n) .memory-scene__figure,.memory-scene:nth-child(2n) .memory-scene__copy{order:initial}.memory-scene__figure{justify-self:center;max-width:780px}.memory-scene__copy{align-self:start;max-width:720px;padding:0}.memory-scene__copy h3{font-size:clamp(42px,7vw,70px)}}@media (max-width:660px){.hero{min-height:auto;padding:20px 20px 110px}.site-header{font-size:12px}.site-header__mark{width:36px;height:36px;font-size:15px}.hero__content{flex-direction:column;gap:56px;min-height:auto;padding-top:56px;display:flex}.hero__copy{width:100%;padding:0}.hero h1{font-size:clamp(49px,15vw,72px)}.hero__copy p{max-width:280px;margin-top:20px;font-size:18px}.primary-action{min-height:54px;margin-top:30px;padding-inline:28px;font-size:15px}.hero__portrait{width:90%;transform:rotate(2deg)}.journey-line{width:88vw;height:10vh;bottom:22%}.confetti--coral{top:30%;left:auto;right:6%}.confetti--mint{top:11%;left:auto;right:12%}.hero__next{border-width:8px;width:98%;bottom:-14%;right:-26%}.journey__intro{min-height:40vh;padding:92px 20px 34px}.journey__intro h2{font-size:clamp(50px,14vw,72px)}.journey__intro span{border-top-width:3px;width:130%;bottom:19%;right:-40%}.memory-scene,.memory-scene:nth-child(2n){grid-template-columns:1fr;align-content:center;min-height:92svh;padding:62px 20px 78px}.memory-scene__figure,.memory-scene--portrait .memory-scene__figure,.memory-scene--square .memory-scene__figure{width:min(100%,500px);padding:7px}.memory-tab{width:42px;height:42px;font-size:17px;top:-13px;right:14px}.memory-scene__copy time{font-size:15px}.memory-scene__copy h3{margin-top:10px;font-size:clamp(42px,13vw,62px)}.memory-scene__place{margin-top:14px;font-size:13px}.memory-scene__caption{margin-top:9px;font-size:17px}.childhood{min-height:auto;padding:100px 20px 90px}.childhood>h2{margin-bottom:62px;font-size:56px}.childhood__portraits{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(36px,11vw,48px)}.childhood__portrait{border-width:4px;padding:6px}.childhood__portrait figcaption{padding:8px 2px 2px}.childhood__portrait figcaption strong{font-size:13px}.childhood__portrait figcaption span{margin-top:3px;font-size:10px;line-height:1.35}.childhood__connection{width:68px;height:44px;top:43%}.childhood__connection:before,.childhood__connection:after{border-top-width:3px;width:calc(50% - 18px)}.childhood__connection-heart{border-width:2px;width:38px;height:38px;font-size:24px}.childhood__meeting{margin-top:90px}.childhood__meeting-copy{font-size:22px}.childhood__egg-note{margin-top:16px;font-size:18px}.closing{min-height:74svh;padding-top:140px}.closing h2{font-size:clamp(68px,20vw,100px)}.closing p{font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.memory-scene__figure{opacity:1;transform:none!important}.qixi-egg__heart,.qixi-egg__confetti{opacity:1;animation:none!important}.childhood__spark{opacity:0!important;animation:none!important}}