@font-face{font-family:DM;src:url('assets/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Playfair;src:url('assets/playfair.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Playfair;src:url('assets/playfair-italic.woff2') format('woff2');font-style:italic;font-weight:400 900;font-display:swap}
@font-face{font-family:Space;src:url('assets/space.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:DM,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:7px}img{display:block;max-width:100%}figure{margin:0}h1,h2,p{margin:0}em{font-weight:inherit}::selection{background:#e88964;color:#101e2a}.skip-link{position:fixed;z-index:50;top:8px;left:10px;transform:translateY(-150%);padding:12px 20px;background:#fff;color:#111}.skip-link:focus{transform:none}.site-header{height:108px;position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5.3vw}.wordmark{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.08em;font-weight:600}.wordmark small{display:block;font-weight:400;font-size:13px;letter-spacing:.2em;margin-top:7px}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}.motion-toggle{display:flex;gap:10px;align-items:center;padding:12px 0;border:0;background:none;font-size:13px}.motion-icon{width:15px;height:15px;border:1px solid currentColor;border-radius:50%;position:relative}.motion-icon:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;top:5px;left:5px}.motion-toggle[aria-pressed=false] .motion-icon:after{width:5px;height:1px;left:4px;top:6px}.hero{min-height:810px;height:100svh;max-height:1200px;position:relative;overflow:hidden;padding:190px 5.3vw 100px}.light-field,.grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grain{z-index:2;opacity:.025;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z' opacity='.6'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:500;line-height:1.6}.hero-caption{font-size:16px;line-height:1.95;letter-spacing:.07em}.hero-art{position:absolute;z-index:2;transform:translate3d(0,0,0);will-change:transform}.hero-art img{height:100%;width:100%;object-fit:contain;position:relative;z-index:2}.hero-bottom{position:absolute;bottom:33px;left:5.3vw;right:5.3vw;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.09em}.section-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;padding-bottom:25px;border-bottom:1px solid currentColor}.scroll-note:before{content:'';display:inline-block;height:27px;width:1px;background:currentColor;vertical-align:middle;margin-right:15px;opacity:.5}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5.3vw;font-size:12px;letter-spacing:.06em;border-top:1px solid}button,a{touch-action:manipulation}section[id]{scroll-margin-top:20px}.charlotte{background:#101e2a;color:#f3eadc;--accent:#e6815e;--dim:#b7c0c3;transition:background .7s,color .7s}.charlotte .hero{background:radial-gradient(ellipse at 68% 65%,#223d50 0,transparent 63%)}.flower-mark{font-size:40px;line-height:1;font-weight:400;color:var(--accent)}.charlotte .hero-copy{max-width:740px}.charlotte h1{font-family:Playfair,Georgia,'Songti SC',serif;font-weight:500;font-size:clamp(95px,10.65vw,164px);line-height:.98;letter-spacing:-.055em;margin:45px 0 32px}.charlotte h1 em{font-style:italic;color:var(--accent);letter-spacing:-.065em}.charlotte .hero-caption{color:var(--dim)}.round-link{display:flex;align-items:center;gap:25px;margin-top:30px;font-size:14px;letter-spacing:.05em;width:fit-content}.round-link-line{display:block;width:65px;height:1px;background:currentColor;transition:width .3s}.round-link:hover .round-link-line{width:95px}.charlotte .hero-art{width:54%;height:83%;right:1.5%;top:11%}.art-orbit{width:80%;height:75%;border:1px solid #e2e8ec21;position:absolute;border-radius:50%;top:13%;left:9%;transform:rotate(-20deg)}.art-note{position:absolute;z-index:3;right:5.3vw;bottom:120px;font-size:12px;line-height:1.8;color:var(--dim);display:flex;gap:14px}.tiny-rule{width:32px;height:1px;background:var(--accent);margin-top:9px}.palette-control{display:flex;gap:24px}.palette-choice{border:0;background:none;padding:8px 0;display:flex;align-items:center;gap:9px;font-size:12px;opacity:.55}.palette-choice.active{opacity:1}.palette-choice i{width:12px;height:12px;display:block;border-radius:50%;background:#688ea9}.palette-choice[data-palette=dawn] i{background:#e8ae7f}.palette-choice.active i{outline:1px solid currentColor;outline-offset:3px}.garden-section{padding:95px 8vw 60px;background:#f1eadd;color:#1b3138}.garden-section .section-kicker{border-color:#1b313826}.garden-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:12vw;margin-top:75px;align-items:center}.garden-layout h2{font-family:'Songti SC','Noto Serif CJK SC',serif;font-size:clamp(42px,4.8vw,70px);font-weight:400;line-height:1.4;letter-spacing:.1em}.garden-layout h2 em{color:#b4563e;font-style:normal}.notes-intro{font-size:18px;line-height:1.8}.note-buttons{display:flex;margin-top:36px;border-bottom:1px solid #1b313830}.note-button{border:0;background:transparent;text-align:left;flex:1;display:flex;align-items:center;gap:14px;padding:20px 0;font-size:18px;opacity:.48;border-bottom:1px solid transparent}.note-button span{font-family:DM,sans-serif;font-size:12px}.note-button.active{opacity:1;border-color:#1b3138}.note-english{font-family:Playfair,Georgia,serif;font-style:italic;font-size:31px;margin:34px 0 20px;line-height:1.3}.note-body{font-size:16px;line-height:2;color:#526166;min-height:64px}.handwritten{font-family:Playfair,Georgia,serif;font-style:italic;font-size:clamp(24px,3.3vw,48px);text-align:right;color:#ac694f;margin-top:65px}.letter-section{position:relative;overflow:hidden;padding:100px 8vw 105px;min-height:525px}.letter-section h2{font-family:'Songti SC',serif;font-size:clamp(38px,4.4vw,64px);font-weight:400;line-height:1.45;margin:26px 0 18px;letter-spacing:.09em}.letter-section h2 em{font-style:normal;color:var(--accent)}.letter-section p{line-height:1.9;color:var(--dim);font-size:16px}.letter-section a{display:inline-block;font-size:14px;margin-top:30px;border-bottom:1px solid #9eb0ba;padding-bottom:6px}.letter-mark{font-size:350px;position:absolute;right:10vw;top:72px;color:var(--accent);font-weight:100;line-height:1}.charlotte footer{border-color:#c6d3d322;color:var(--dim)}.charlotte[data-palette=dawn]{background:#3d2637;--accent:#f3b784;--dim:#d8c5d1}.charlotte[data-palette=dawn] .hero{background:radial-gradient(ellipse at 68% 65%,#62444f 0,transparent 63%)}.hugo{background:#f6ecb5;color:#253fc8;--sky:#c2deed;--sky-ink:#273e99;--star:#f6a132;--sky-accent:#fff6cf}.hugo .site-header{color:#2639a6}.hugo .wordmark{font-family:Space,DM,sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em}.hugo .wordmark small{font-family:DM,sans-serif}.hugo-mark{display:grid;place-items:center;background:#2e58dc;color:#fff2ba;border-radius:15px;width:46px;height:46px;font-size:32px;letter-spacing:-.08em;padding-right:3px;transform:rotate(-7deg)}.hugo .hero{min-height:830px;max-height:1100px;padding-top:190px}.hugo .hero-copy{width:64%;max-width:980px}.hugo h1{font-family:Space,DM,sans-serif;font-size:clamp(80px,8.4vw,130px);letter-spacing:-.07em;font-weight:600;line-height:1.08;margin:35px 0 31px;white-space:nowrap}.hugo h1 span{color:#2b52dc}.hugo .hero-caption{color:#485777}.play-link{display:inline-flex;align-items:center;gap:16px;border-radius:100px;padding:18px 24px;background:#2e58dc;color:#fff8d9;margin-top:28px;font-size:14px;box-shadow:0 3px 0 #142b8e;transition:transform .2s}.play-link:hover{transform:translateY(-3px)}.button-star{font-size:23px;line-height:1}.hugo .hero-art{width:54%;height:81%;right:-1%;top:16%}.island-backdrop{width:90%;height:80%;position:absolute;left:4%;top:8%;border-radius:48% 52% 46% 54%;background:#bfdaee;transform:rotate(-16deg)}.island-orbit{position:absolute;left:1%;top:10%;width:94%;height:85%;border-radius:50%;transform:rotate(23deg);border:1px solid #344ece40}.world-stamp{position:absolute;right:5.8vw;top:150px;z-index:3;display:flex;align-items:center;gap:9px;font-family:Space,sans-serif;font-size:12px;line-height:1.3;letter-spacing:.1em;transform:rotate(10deg)}.world-stamp span{font-size:38px}.hugo .hero-bottom{color:#4c5982}.playground-section{padding:75px 6vw 80px;background:#faf8ef;color:#273db2}.playground-section .section-kicker{border-color:#273db22e}.play-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;margin:54px 0 46px}.play-heading h2{font-size:clamp(36px,4.3vw,64px);letter-spacing:.05em;line-height:1.35;font-weight:500}.play-heading em{color:#de7d37;font-style:normal}.play-heading p{font-size:16px;line-height:1.9;color:#56617b}.sky-controls{display:flex;gap:10px;margin-top:24px}.sky-choice{background:none;border:1px solid #263eb42a;padding:11px 22px;border-radius:30px;font-size:14px;color:#526487}.sky-choice.active{background:#2e58dc;color:#fff8dc;border-color:#2e58dc}.star-playground{position:relative;overflow:hidden;min-height:450px;border-radius:40px;background:var(--sky);color:var(--sky-ink);transition:background .5s,color .5s;touch-action:pan-y}.star-field{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.playground-words{position:absolute;top:65px;left:5vw;font-family:Space,DM,sans-serif;font-size:clamp(50px,6.1vw,89px);line-height:1.12;letter-spacing:-.07em;pointer-events:none;font-weight:500;opacity:.78}.playground-words em{font-family:Playfair,Georgia,serif;font-weight:400;letter-spacing:-.04em}.playground-footer{position:absolute;left:5vw;right:4vw;bottom:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;pointer-events:none}.star-button{border:0;border-radius:50px;background:var(--sky-accent);color:#263eb4;padding:18px 25px;display:flex;align-items:center;gap:12px;pointer-events:auto;box-shadow:0 2px 0 #3c53822a}.star-button span{font-size:25px;line-height:1}.hugo[data-sky=sunset]{--sky:#eeb59e;--sky-ink:#633656;--star:#8c56aa;--sky-accent:#fff3cf}.hugo[data-sky=night]{--sky:#182760;--sky-ink:#f2e1bb;--star:#ffe5a4;--sky-accent:#fff1bd}.hugo-letter{padding:95px 8vw 90px;text-align:center;background:#d4e4d1;position:relative}.hugo-letter h2{font-size:clamp(42px,5vw,72px);line-height:1.4;font-weight:500;letter-spacing:.06em;margin:30px 0 24px}.hugo-letter h2 span{color:#467666}.hugo-letter p{font-size:16px;line-height:1.9;color:#46615e}.love-note{display:block;font-family:Playfair,Georgia,serif;font-size:30px;font-style:italic;color:#527b6a;margin-top:30px}.hugo-letter a{display:block;width:fit-content;margin:25px auto 0;border-bottom:1px solid #445cb2;padding-bottom:6px;font-size:14px}.hugo footer{border-color:#3147b029;color:#4d5c85}.hugo ::selection{background:#2e58dc;color:#fff2ae}body.is-paused .hero-art{will-change:auto}.hero-art img{filter:drop-shadow(0 20px 26px #020d1838)}
.portrait-block img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:47% 47% 2px 2px}.portrait-block figcaption{font-size:12px;letter-spacing:.14em;margin-top:18px;text-align:center}.garden-notes h2{font-size:clamp(36px,3.6vw,52px);line-height:1.35;letter-spacing:.05em;margin-bottom:27px}.garden-layout{gap:9vw;grid-template-columns:1fr 1fr;align-items:center}.garden-notes .notes-intro{font-size:16px}.garden-notes .note-buttons{margin-top:22px}.garden-notes .note-english{font-size:27px}.note-button{opacity:.72}.note-button.active{opacity:1}.hugo-letter-layout{display:grid;grid-template-columns:.8fr 1fr;max-width:1050px;margin:auto;gap:7vw;align-items:center;text-align:left}.child-character img{width:100%;height:450px;object-fit:contain}.hugo-letter a{margin-left:0}.hugo .hugo-letter h2{font-size:clamp(38px,4.4vw,60px)}.motion-toggle,.palette-choice{font-size:14px}.palette-choice{padding:12px 0}.motion-toggle{padding:15px 0}
@media(min-width:1600px){.site-header,.hero{padding-left:max(5.3vw,calc((100vw - 1500px)/2));padding-right:max(5.3vw,calc((100vw - 1500px)/2))}.hero-bottom{left:max(5.3vw,calc((100vw - 1500px)/2));right:max(5.3vw,calc((100vw - 1500px)/2))}}
@media(max-width:1100px){.charlotte .hero-art{right:-4%;width:61%;height:76%;top:18%}.charlotte h1{font-size:clamp(95px,12vw,140px)}.charlotte .hero-caption{max-width:260px}.hugo h1{font-size:9.1vw}.hugo .hero-art{right:-5%;width:63%;top:25%;height:68%}.hugo .hero-copy{width:80%}.world-stamp{right:6vw;top:140px}.garden-layout{gap:7vw}.letter-mark{font-size:290px;right:7vw}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:88px;padding:0 6vw}.site-header nav{display:none}.wordmark{font-size:12px;gap:9px}.wordmark small{font-size:12px;margin-top:5px}.flower-mark{font-size:32px}.motion-toggle{font-size:12px}.hero{height:auto;min-height:960px;max-height:none;padding:130px 6vw 50px}.eyebrow{font-size:12px;letter-spacing:.12em}.hero-caption{font-size:15px;line-height:1.8}.charlotte .hero-copy{max-width:100%;}.charlotte h1{font-size:clamp(78px,19vw,120px);margin:23px 0 22px;line-height:1.01}.charlotte .hero-art{width:89%;height:510px;right:-1%;top:398px}.charlotte .hero-caption{max-width:none}.round-link{margin-top:20px;font-size:14px}.art-note{bottom:110px;left:6vw;right:auto;font-size:12px}.art-orbit{width:85%;left:6%;height:68%;top:20%}.hero-bottom{left:6vw;right:6vw;bottom:24px;font-size:12px;gap:12px}.scroll-note{display:none}.palette-control{gap:20px}.garden-section{padding:55px 7vw 40px}.section-kicker{font-size:12px;gap:25px;line-height:1.5}.section-kicker span:last-child{max-width:160px;text-align:right}.garden-layout{grid-template-columns:1fr;gap:37px;margin-top:38px}.garden-layout h2{font-size:43px;line-height:1.4;letter-spacing:.07em}.notes-intro{font-size:17px}.note-buttons{margin-top:20px}.note-button{font-size:17px;padding:17px 0}.note-english{font-size:29px;margin-top:28px}.handwritten{font-size:25px;text-align:left;margin-top:38px}.letter-section{padding:65px 7vw 75px;min-height:470px}.letter-section h2{font-size:42px;line-height:1.4;position:relative;z-index:2}.letter-section p{font-size:15px}.letter-mark{font-size:190px;right:-23px;top:165px;opacity:.22}.letter-section a{position:relative;z-index:2}.charlotte footer,footer{padding:26px 6vw;flex-wrap:wrap;font-size:12px;row-gap:13px}footer span:nth-child(2){display:none}.hugo .site-header{height:88px}.hugo .wordmark{font-size:14px}.hugo-mark{width:39px;height:39px;font-size:29px;border-radius:12px}.hugo .hero{min-height:945px;padding:130px 6vw 50px;max-height:none}.hugo .hero-copy{width:100%;max-width:100%}.hugo h1{font-size:clamp(52px,12.4vw,83px);margin:24px 0;line-height:1.08;letter-spacing:-.07em}.hugo .hero-caption{font-size:15px}.play-link{padding:15px 20px;margin-top:22px}.hugo .hero-art{width:102%;height:470px;top:430px;right:-5%}.island-backdrop{width:89%;height:78%;left:5%;top:9%}.world-stamp{display:none}.hugo .hero-bottom{gap:20px}.hero-small-note{font-size:12px;letter-spacing:0}.playground-section{padding:54px 6vw 50px}.play-heading{display:block;margin:36px 0 26px}.play-heading h2{font-size:38px;line-height:1.4;margin-bottom:24px}.play-heading p{font-size:15px}.sky-controls{gap:10px;margin-top:20px}.sky-choice{padding:10px 20px}.star-playground{border-radius:26px;min-height:430px}.playground-words{font-size:clamp(43px,11vw,68px);left:6vw;top:48px}.playground-footer{left:6vw;right:6vw;bottom:25px;display:block;font-size:13px}.star-button{margin-top:18px;padding:15px 20px;font-size:14px}.hugo-letter{padding:65px 6vw}.hugo-letter h2{font-size:41px;letter-spacing:.03em}.hugo-letter p{font-size:15px}.love-note{font-size:28px}}
@media(max-width:760px){.garden-layout{grid-template-columns:1fr;gap:32px}.portrait-block{max-width:420px}.garden-notes h2{font-size:38px}.hugo-letter-layout{grid-template-columns:1fr;gap:30px;text-align:center}.child-character img{height:310px}.hugo-letter a{margin-left:auto}.motion-toggle{font-size:14px}.palette-choice{font-size:14px}}
@media(max-width:360px){.hero{min-height:900px}.charlotte .hero-art{top:375px;height:455px}.hugo .hero{min-height:890px}.hugo .hero-art{top:410px;height:430px}.hero-small-note{max-width:145px;text-align:right}.motion-toggle{gap:6px}.wordmark{gap:7px}}
.hugo .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5vw;align-items:center;height:auto;min-height:100svh;max-height:none;padding-top:150px;padding-bottom:100px}.hugo .hero-copy{width:100%;max-width:none}.hugo .astronaut-art{position:relative;width:100%;height:auto;aspect-ratio:1230/1278;max-height:none;right:auto;top:auto}.astronaut-backdrop{width:91%;height:86%;position:absolute;left:5%;top:7%;border-radius:50%;background:#bcd9ea;transform:rotate(-12deg)}.astronaut-orbit{position:absolute;left:2%;top:4%;width:96%;height:91%;border-radius:50%;transform:rotate(17deg);border:1px solid #344ece40}.hugo h1{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:761px){.hugo .hero{gap:4vw}}
@media(max-width:760px){.hugo .hero{grid-template-columns:minmax(0,1fr);gap:0;height:auto;min-height:0;padding-top:130px;padding-bottom:72px}.hugo .astronaut-art{margin:28px 0 22px}.hugo .hero-bottom{bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{will-change:auto}}