:root{color-scheme:light;--paper:#faf6ef;--ink:#493b31;--muted:#74675c;--accent:#98603d;--line:#ded4c6;--serif:Georgia,"Noto Serif TC","Songti TC","Yu Mincho",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}select{font:inherit}a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;gap:32px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:600 23px/1.2 var(--serif);letter-spacing:-.6px}.brand img{border-radius:12px}.brand small{display:block;font:10px/1.8 system-ui,sans-serif;letter-spacing:3px;margin-top:4px}.header nav{margin-left:auto;display:flex;gap:32px;font-size:13px}.language{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:24px}.language select{color:var(--ink);background:transparent;border:0;font-size:13px;max-width:145px;min-height:40px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-block:85px 100px;min-height:660px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(38px,4.1vw,57px)/1.5 var(--serif);letter-spacing:1px;margin-bottom:24px}.accent{color:var(--accent)}.lead{max-width:420px;font-size:16px;color:var(--muted);line-height:2.1;margin-bottom:30px}.button{display:inline-flex;gap:40px;align-items:center;background:var(--ink);color:var(--paper);border-radius:5px;padding:13px 23px;font-size:14px}.button:hover{background:var(--accent);color:white}.hero-note{font-size:11px;color:var(--muted);margin:17px 0 0}.scene{position:relative;height:480px;isolation:isolate;min-width:0}.sun{position:absolute;width:80%;aspect-ratio:1;top:45px;left:10%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6ead3,#ecdbc0);z-index:-2}.orbit{position:absolute;inset:12px 0 35px;border:1px solid #dbccb5;border-radius:50%;z-index:-1}.story{position:absolute;width:76%;padding:24px;background:#fffcf7;border:1px solid #e5dbcd;border-radius:8px;box-shadow:0 18px 40px #64503a0d}.story-one{top:30px;left:4%;transform:rotate(-6deg)}.story-two{top:265px;right:2%;transform:rotate(5deg)}.story-top{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-bottom:17px}.dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ba8857}.dot.sage{background:#80917e}.moon{margin-left:auto;font-size:19px}.story p{font:15px/1.95 var(--serif);margin-bottom:0}.echo{position:absolute;top:230px;left:48%;font:45px/1 var(--serif);color:#a87849;transform:rotate(-20deg)}.spark{position:absolute;right:0;top:70px;font-size:42px;color:#ac8657}.scene-caption{position:absolute;bottom:-36px;left:0;width:100%;text-align:center;font-size:10px;color:var(--muted)}.about{padding:76px 0 82px;background:#f0e9df;border-block:1px solid #e9e0d3}.section-heading{text-align:center;max-width:650px;margin:0 auto 48px}h2{font:500 clamp(27px,3vw,37px)/1.6 var(--serif);margin-bottom:18px}.section-heading>p:last-child{font-size:14px;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.features article{position:relative;min-width:0}.feature-icon{display:block;font:35px/1.3 var(--serif);color:var(--accent);margin-bottom:24px}.number{position:absolute;top:10px;right:0;font-size:11px;color:var(--muted)}h3{font:500 20px/1.6 var(--serif);margin-bottom:12px}.features p{font-size:14px;line-height:1.95;color:var(--muted);margin:0}.coming{padding-block:76px;text-align:center}.little-star{font-size:36px;color:var(--accent)}.coming .eyebrow{margin-top:12px}.coming>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:580px;margin-inline:auto}.platforms{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:30px 0}.platform{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid var(--line);border-radius:9px;background:#f0e9df;padding:13px 24px;min-width:195px}.platform span{display:block;font-size:12px}.platform strong{display:block;font-size:16px;font-weight:500}.text-link{display:inline-block;border-bottom:1px solid var(--accent);font-size:13px;padding-bottom:4px}.footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding-block:35px 25px;border-top:1px solid var(--line)}.footer-brand{font:23px var(--serif)}.footer p{font-size:11px;color:var(--muted);margin-top:8px}.footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;max-width:530px;font-size:12px}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;background:white;padding:10px;z-index:10}
@media(min-width:761px){html[lang=en] h1{font-size:46px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:24px}.features{gap:25px}.header{gap:20px}.header nav{gap:18px}.story{padding:20px;width:84%}.story p{font-size:14px}.scene{height:530px}.story-two{top:300px}.echo{top:260px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:18px;gap:12px;flex-wrap:wrap}.brand{font-size:21px}.brand small{font-size:9px}.header nav{order:3;width:100%;margin:0;justify-content:center;border-top:1px solid var(--line);padding-top:13px}.language{margin-left:auto;padding-left:12px}.hero{grid-template-columns:1fr;padding-block:48px 65px;gap:35px;min-height:0}.hero-copy{text-align:center}.hero-copy .eyebrow{font-size:11px;letter-spacing:1px}h1{font-size:clamp(33px,7vw,49px)}.lead{margin-inline:auto;font-size:15px;max-width:450px}.scene{width:min(100%,440px);margin:0 auto;height:510px}.sun{top:70px}.orbit{inset:15px 5px 40px}.story{width:85%;padding:20px}.story-one{left:3%}.story-two{right:3%;top:290px}.spark{right:0}.scene-caption{bottom:-28px;font-size:9px}.echo{top:252px}.about{padding-block:55px}.section-heading{margin-bottom:35px}.features{grid-template-columns:1fr;gap:30px}.features article{padding-bottom:25px;border-bottom:1px solid #dcd1c1}.features article:last-child{border:0;padding-bottom:0}.feature-icon{margin-bottom:12px}.coming{padding-block:50px}.coming h2{font-size:26px}.footer{grid-template-columns:1fr;gap:20px}.footer nav{justify-content:flex-start}.footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Let translated story text determine card height at every viewport size. */
.scene{display:grid;grid-template-rows:auto 60px auto auto;align-content:center;height:auto;min-height:480px;padding-top:25px;row-gap:0}
.story{position:relative;top:auto;left:auto;right:auto;width:80%}
.story-one{margin-left:4%}.story-two{margin-left:auto;margin-right:3%}
.echo{position:relative;top:auto;left:auto;justify-self:center;align-self:center}
.scene-caption{position:relative;bottom:auto;margin-top:32px}.sun{max-height:85%}
@media(max-width:1000px){.story{width:86%}.scene{min-height:510px}}
@media(max-width:760px){.scene{min-height:0}.story{width:85%}.scene-caption{margin-top:30px}}