:root{--sky:#c7d8e5;--sky-light:#e9f1f5;--ink:#3f607f;--ink-deep:#243f58;--cyan:#62ddfb;--paper:#edf4f7;--pointer-x:0;--pointer-y:0;--earring-angle:0deg;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--sky);scroll-behavior:smooth;min-width:320px}body{min-width:320px;color:var(--ink-deep);background:var(--sky);-webkit-font-smoothing:antialiased;margin:0;font-family:Source Han Sans SC,Noto Sans SC,Microsoft YaHei,sans-serif}body.story-is-open{overflow:hidden}button,a{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rain-stage{isolation:isolate;background:radial-gradient(circle at 45% 40%,#ffffff38,#0000 28%),linear-gradient(#bfd1df 0%,#d6e2ea 68%,#f5f7f7 100%);width:100%;height:100svh;min-height:650px;position:relative;overflow:hidden}.rain-stage:before,.paper-noise{content:"";pointer-events:none;position:absolute;inset:0}.rain-stage:before{z-index:18;opacity:0;-webkit-backdrop-filter:saturate(.72)blur(.25px);backdrop-filter:saturate(.72)blur(.25px);background:#1b2b3866;transition:opacity .42s}.rain-stage.is-exploring:before{opacity:1}.paper-noise{z-index:1;opacity:.24;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 18% 32%,#ffffffb3 0 .8px,#0000 .9px 4px),repeating-linear-gradient(17deg,#0000 0 5px,#39566c14 6px,#0000 7px 12px);background-size:9px 9px,17px 17px}.mist{z-index:2;filter:blur(55px);opacity:.32;pointer-events:none;background:#ffffff94;border-radius:50%;width:48vw;height:45vh;position:absolute}.mist--one{bottom:-12vh;left:-8vw}.mist--two{opacity:.2;top:8vh;right:-10vw}.character-wrap,.eye-drop-layer{aspect-ratio:.93;width:min(52vw,760px);transform:translateX(-50%) translate3d(calc(var(--pointer-x) * -7px), calc(var(--pointer-y) * -4px), 0);transform-origin:bottom;pointer-events:none;transition:transform .14s linear;position:absolute;bottom:-18%;left:43%}.character-wrap{z-index:7;transition:filter .48s,opacity .48s,transform .14s linear}.eye-drop-layer{z-index:20}.character-wrap img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 28px #3449571f);width:100%;height:100%;display:block}.rain-stage.is-exploring .character-wrap{filter:brightness(.72)saturate(.75);opacity:.8}.earring{z-index:2;width:clamp(8px,1.1vw,15px);height:clamp(42px,5.4vw,76px);transform:translateX(-50%) rotate(var(--earring-angle));transform-origin:50% 2px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:34.3%;left:26.3%}.earring:before{content:"";background:linear-gradient(#2d5870eb,#58bed8b8);width:1.5px;height:76%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 4px #6edef075}.earring:after{content:"";aspect-ratio:.78;background:#7ddcec47;border:1.5px solid #2c6986e0;border-radius:52% 48% 60% 58%;width:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(5deg);box-shadow:0 0 7px #63d5ee8f,inset 0 0 4px #ffffffb8}.eye-drop-button{width:7%;height:8.5%;top:30.7%;left:43.3%}.hero-title{z-index:10;text-align:left;width:min(36vw,560px);transform:translate3d(calc(var(--pointer-x) * 5px), calc(var(--pointer-y) * 3px), 0);transition:opacity .38s,filter .38s,transform .14s linear;position:absolute;top:22%;right:6.5%}.hero-title img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:52vh;display:block}.hero-title p{color:#33526edb;letter-spacing:.3em;margin:.5rem 0 0;font-family:STKaiti,KaiTi,serif;font-size:clamp(1rem,1.4vw,1.35rem)}.hero-title span{color:#304e6694;letter-spacing:.2em;text-transform:uppercase;margin-top:1.35rem;font-size:.66rem;display:block}.rain-stage.is-exploring .hero-title{opacity:.08;filter:blur(4px)}.decorative-drops,.interactive-drops{position:absolute;inset:0}.decorative-drops{z-index:5;transition:filter .42s,opacity .42s}.interactive-drops{z-index:20;pointer-events:none}.rain-stage.is-exploring .decorative-drops{filter:brightness(.58)saturate(.5);opacity:.5}.raindrop{display:block;position:absolute;transform:translate(-50%,-50%)}.raindrop:before,.raindrop:after{content:"";background:linear-gradient(135deg,#ffffff75,#6ec8e614);border:3px solid #2eb4e1b8;border-radius:62% 48% 62% 45%/65% 50% 64% 42%;position:absolute;inset:12%;transform:rotate(45deg);box-shadow:inset 0 0 12px #ffffff75,0 0 8px #3cbeeb3d}.raindrop:after{background:0 0;border-width:1px;border-color:#73e0fab8;inset:17%}.raindrop--decorative{opacity:.72;animation:5s ease-in-out infinite float-drop}.raindrop--button{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .22s,opacity .3s,filter .3s}.raindrop--button:hover,.raindrop--button:focus-visible,.raindrop--button.is-active{outline:none;transform:translate(-50%,-50%)scale(1.08)}.raindrop--button:hover:before,.raindrop--button:focus-visible:before,.raindrop--button.is-active:before{border-color:var(--drop-accent);box-shadow:0 0 9px #fff, 0 0 25px var(--drop-accent), 0 0 58px color-mix(in srgb, var(--drop-accent) 72%, transparent), inset 0 0 16px #ffffffe6;background:radial-gradient(circle at 35% 28%,#ffffffe6,#6ce2ff57 42%,#3698d41a)}.raindrop--button:hover:after,.raindrop--button:focus-visible:after,.raindrop--button.is-active:after{border-color:#effeff;box-shadow:0 0 12px #ffffffd9}.rain-stage.is-exploring .raindrop--button:not(.is-active){opacity:.18;filter:brightness(.65)}.drop-card{z-index:24;color:#f5fbfd;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);opacity:0;visibility:hidden;background:#50697c57;border:3px solid #97ecfae6;border-radius:32px 46px 35px 42px;flex-direction:column;justify-content:center;width:min(34vw,500px);min-height:66vh;padding:clamp(1.4rem,2.4vw,2.5rem);transition:opacity .33s,transform .43s cubic-bezier(.2,.8,.2,1),visibility .33s;display:flex;position:absolute;top:11%;right:4%;transform:translate(28px)rotate(.4deg);box-shadow:0 24px 70px #142a3c2e,inset 0 0 38px #ffffff0d}.drop-card.is-visible{opacity:1;visibility:visible;transform:translate(0)rotate(.4deg)}.drop-card__eyebrow{letter-spacing:.24em;text-transform:uppercase;opacity:.72;font-weight:600;margin:0 0 .5rem!important;font-size:.7rem!important}.drop-card h2{color:#a8f3ff;text-shadow:0 0 18px #5ce2ff38;margin:0;font-family:Comic Sans MS,KaiTi,cursive;font-size:clamp(2.7rem,5vw,5.2rem);font-weight:500;line-height:.95}.drop-card h3{letter-spacing:.12em;margin:.7rem 0 1.4rem;font-family:STKaiti,KaiTi,serif;font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:400}.drop-card>p:not(.drop-card__eyebrow){margin:0;font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.95}.drop-card button{color:#fff;cursor:pointer;background:#caf5fb17;border:2px solid #a5f0fbe6;border-radius:999px;justify-content:space-between;align-items:center;margin-top:2rem;padding:.95rem 1.2rem;transition:color .22s,background .22s,transform .22s;display:flex}.drop-card button:hover,.drop-card button:focus-visible{color:var(--ink-deep);background:#baf4fb;outline:none;transform:translateY(-2px)}.drop-card button span{font-size:1.3rem}.signature{z-index:10;color:var(--ink);margin:0;font-family:Comic Sans MS,cursive;font-size:clamp(1.2rem,2vw,2rem);transition:opacity .32s;position:absolute;bottom:2.5%;right:3.5%;transform:rotate(-2deg)}.rain-stage.is-exploring .signature{opacity:.15}@keyframes float-drop{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-7px)}}.story-view{--story-accent:#72e6ff;z-index:100;overscroll-behavior:contain;color:#eaf8fb;background:radial-gradient(circle at 70% 7%, color-mix(in srgb, var(--story-accent) 18%, transparent), transparent 24rem), linear-gradient(180deg, #273d51 0%, #1f3549 34%, #152a3d 100%);animation:.62s cubic-bezier(.2,.8,.2,1) both story-arrive;position:fixed;inset:0;overflow:hidden auto}.story-view:before{content:"";pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle,#ffffff8c 0 .8px,#0000 1px 5px);background-size:12px 12px;position:fixed;inset:0}@keyframes story-arrive{0%{opacity:0;clip-path:circle(4% at 50% 42%)}to{opacity:1;clip-path:circle(150% at 50% 42%)}}.read-progress{z-index:130;width:var(--read-progress);background:linear-gradient(90deg, #fff, var(--story-accent));height:3px;box-shadow:0 0 14px var(--story-accent);transition:width 80ms linear;position:fixed;top:0;left:0}.story-nav{z-index:125;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:1rem;left:1rem;right:1rem}.story-nav>*{pointer-events:auto}.story-nav>span{color:#e2f5f9a8;letter-spacing:.18em;font-size:.72rem}.nav-pill{color:#eaf8fb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;background:#142b3d8f;border:1px solid #b4e8f257;border-radius:999px;padding:.7rem 1rem;transition:transform .18s,background .18s,border-color .18s}.nav-pill:hover,.nav-pill:focus-visible{border-color:var(--story-accent);background:#4d7e978c;outline:none;transform:translateY(-2px)}.nav-pill--primary{color:#193247;background:var(--story-accent)}.story-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:8rem 7vw 5rem;display:flex;position:relative;overflow:hidden}.story-hero__drop{border:2px solid color-mix(in srgb, var(--story-accent) 58%, transparent);background:radial-gradient(circle at 38% 28%, #ffffff1c, color-mix(in srgb, var(--story-accent) 6%, transparent) 46%, transparent 70%);border-radius:50%;width:min(42vw,530px);height:min(42vw,530px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 90px #7de5fa0d,0 0 85px #4bd6f414}.story-ripple{border:1px solid color-mix(in srgb, var(--story-accent) 34%, transparent);border-radius:50%;animation:4.6s ease-out infinite ripple;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.story-ripple--one{width:48vw;height:48vw}.story-ripple--two{width:64vw;height:64vw;animation-delay:-2.3s}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.75)}35%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%)scale(1.24)}}.story-hero>:not(.story-ripple):not(.story-hero__drop){z-index:2;position:relative}.story-kicker,.section-kicker{color:var(--story-accent);letter-spacing:.28em;text-transform:uppercase;margin:0 0 1.2rem;font-size:.67rem;font-weight:650}.story-hero h1{color:var(--story-accent);letter-spacing:-.055em;text-shadow:0 0 35px color-mix(in srgb, var(--story-accent) 25%, transparent);margin:0;font-family:Comic Sans MS,KaiTi,cursive;font-size:clamp(5rem,15vw,12rem);font-weight:500;line-height:.82}.story-hero h2{letter-spacing:.25em;margin:1.6rem 0 0;font-family:STKaiti,KaiTi,serif;font-size:clamp(1.15rem,2vw,1.8rem);font-weight:400}.story-lead{color:#eaf8fbd1;max-width:660px;margin:2.2rem auto 0;font-size:clamp(1rem,1.4vw,1.22rem);line-height:2}.scroll-hint{color:#dbf2f775;letter-spacing:.12em;font-size:.7rem;bottom:2rem;position:absolute!important}.story-body{z-index:2;width:min(1220px,100% - 8vw);margin:0 auto;padding:4rem 0 10rem;position:relative}.story-section{grid-template-columns:minmax(260px,.75fr) minmax(0,1.65fr);align-items:start;gap:clamp(2.5rem,6vw,7rem);min-height:90vh;padding:8rem 0;display:grid}.story-section:nth-child(2n){grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)}.story-section:nth-child(2n) .story-copy{grid-column:2}.story-section:nth-child(2n) .photo-grid{grid-area:1/1}.story-copy{max-width:470px;position:sticky;top:8rem}.story-copy h2{color:#f3fbfc;margin:0 0 1.8rem;font-family:STKaiti,KaiTi,serif;font-size:clamp(2.2rem,4.3vw,4.4rem);font-weight:400;line-height:1.18}.story-copy>p:not(.section-kicker){color:#e8f6f9c7;margin:0 0 1.2rem;font-size:clamp(.98rem,1.15vw,1.08rem);line-height:2.05}.story-copy blockquote{border-left:2px solid var(--story-accent);color:#f5fbfc;margin:2.2rem 0 0;padding:1.4rem 0 1.4rem 1.5rem;font-family:STKaiti,KaiTi,serif;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.7}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.1rem,2.4vw,2.3rem);display:grid}.photo-grid .photo-reveal:nth-child(3n+2){margin-top:4.5rem}.photo-grid .photo-reveal:nth-child(4n){grid-column:1/-1;justify-self:center;width:78%}.photo-card{color:#edf8fac7;text-align:left;cursor:zoom-in;width:100%;transform:rotate(var(--tilt));background:#eaf6f812;border:1px solid #d0eef433;border-radius:4px;padding:.65rem .65rem .85rem;transition:transform .33s cubic-bezier(.2,.8,.2,1),box-shadow .33s,background .33s;box-shadow:0 24px 55px #05121d42}.photo-card:hover,.photo-card:focus-visible{box-shadow:0 32px 65px #020f1a59, 0 0 0 1px var(--story-accent);background:#eaf6f821;outline:none;transform:rotate(0)translateY(-7px)scale(1.015)}.photo-card picture,.photo-card img{width:100%;display:block}.photo-card img{object-fit:cover;filter:saturate(.92)contrast(1.02);max-height:72vh}.photo-card span{padding:.75rem .35rem .1rem;font-size:.78rem;line-height:1.6;display:block}.reveal{opacity:0;transition:opacity .7s,transform .76s cubic-bezier(.2,.8,.2,1);transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.story-footer{z-index:2;text-align:center;background:linear-gradient(#0000,#0617237a);min-height:60vh;padding:8rem 5vw;position:relative}.story-footer div{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.lightbox{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041019eb;grid-template-columns:4rem minmax(0,1fr) 4rem;align-items:center;padding:2rem;animation:.22s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.lightbox__content{justify-items:center;max-height:calc(100vh - 4rem);display:grid}.lightbox__content picture{display:contents}.lightbox__image{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:min(1150px,100%);max-height:calc(100vh - 9rem);box-shadow:0 28px 80px #0000006b}.lightbox__content p{color:#eff9fbd1;text-align:center;margin:1rem 0 .25rem}.lightbox__content span{color:#daf0f57a;letter-spacing:.16em;font-size:.72rem}.lightbox__close,.lightbox__arrow{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:0;transition:opacity .18s,transform .18s}.lightbox__close:hover,.lightbox__close:focus-visible,.lightbox__arrow:hover,.lightbox__arrow:focus-visible{opacity:1;outline:none;transform:scale(1.08)}.lightbox__close{font-size:2rem;position:absolute;top:1rem;right:1.4rem}.lightbox__arrow{font-size:2rem}@media (width<=900px){.rain-stage{min-height:700px}.character-wrap,.eye-drop-layer{width:min(75vw,620px);bottom:-8%;left:43%}.hero-title{width:43vw;top:8%;right:4%}.hero-title p{letter-spacing:.15em}.drop-card{border-radius:25px 31px 27px 29px;justify-content:flex-start;width:auto;min-height:0;max-height:48vh;padding:1.2rem 1.35rem;inset:auto 4vw 2.5vh;overflow-y:auto}.drop-card h2{font-size:clamp(2.4rem,10vw,4rem)}.drop-card h3{margin-bottom:.8rem}.drop-card>p:not(.drop-card__eyebrow){font-size:.9rem;line-height:1.7}.drop-card button{margin-top:1rem}.story-section,.story-section:nth-child(2n){grid-template-columns:1fr;min-height:0;padding:5rem 0}.story-section:nth-child(2n) .story-copy,.story-section:nth-child(2n) .photo-grid{grid-area:auto/1}.story-copy{max-width:680px;position:relative;top:auto}.story-ripple--one{width:75vw;height:75vw}.story-ripple--two{width:102vw;height:102vw}.story-hero__drop{width:70vw;height:70vw}}@media (width<=600px){.rain-stage{min-height:660px}.character-wrap,.eye-drop-layer{width:94vw;max-width:530px;bottom:5%;left:45%}.hero-title{width:47vw;top:4.5%;right:5%}.hero-title p{margin-top:.15rem;font-size:.72rem;line-height:1.6}.hero-title span,.signature{display:none}.raindrop--button{transform:translate(-50%,-50%)scale(.78)}.raindrop--button:hover,.raindrop--button:focus-visible,.raindrop--button.is-active{transform:translate(-50%,-50%)scale(.9)}.drop-card{max-height:50vh;bottom:1rem}.drop-card__eyebrow,.drop-card h3{display:none}.story-nav{top:.65rem;left:.65rem;right:.65rem}.story-nav>span{display:none}.nav-pill{padding:.62rem .78rem;font-size:.78rem}.story-hero{padding-inline:1.5rem}.story-hero h1{font-size:clamp(4.5rem,25vw,7rem)}.story-body{width:calc(100% - 2rem)}.story-section{gap:2.2rem}.photo-grid{grid-template-columns:1fr}.photo-grid .photo-reveal:nth-child(3n+2){margin-top:0}.photo-grid .photo-reveal:nth-child(4n){grid-column:auto;width:100%}.photo-card{transform:rotate(0)}.lightbox{grid-template-columns:2rem minmax(0,1fr) 2rem;padding:1rem .35rem}.lightbox__image{max-height:calc(100vh - 10rem)}.lightbox__arrow{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.character-wrap,.eye-drop-layer,.hero-title{transform:translate(-50%)}.hero-title{transform:none}.reveal{opacity:1;transform:none}}