@charset "UTF-8";
:root{--paper:#f4f5ef;--ink:#182f2d;--mint:#a9edcf;--muted:#718079;--line:#d9ded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}button{font:inherit;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2b9470;outline-offset:5px}::selection{background:var(--mint)}.shell{width:min(1140px,calc(100% - 80px));margin:auto}.site-header{height:98px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.logo{display:flex;align-items:center;gap:10px}.logo img{border-radius:12px}.logo>span{font-size:25px;font-weight:800;line-height:1.2;letter-spacing:2px}.logo small{font-size:8px;letter-spacing:2px;display:block;margin-top:4px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#65746a}.site-header nav a:hover,.site-header nav .current{color:var(--ink)}.current{border-bottom:1px solid;padding-bottom:3px}.small-button{border:1px solid #a6b5a6;border-radius:30px;padding:9px 19px;background:transparent;font-size:12px}.small-button span{margin-left:12px}.intro{text-align:center;position:relative;padding:65px 0 67px}.kicker{font-size:10px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:9px}.kicker>span{width:7px;height:7px;border-radius:50%;background:#43836a}.intro h1{font-size:clamp(55px,6.2vw,84px);line-height:1.2;letter-spacing:-4px;margin:28px 0 27px;font-weight:750}.highlight{position:relative;display:inline-block}.highlight svg{width:100%;height:17px;position:absolute;bottom:-7px;left:0;stroke:#68a88b;stroke-width:3;fill:none}.intro p{color:var(--muted);font-size:14px;line-height:1.95}.intro-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px;font-size:13px}.solid-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--ink);color:white;border:0;border-radius:30px;padding:15px 25px;font-size:13px}.solid-button span{font-size:20px;line-height:1}.intro-actions a{border-bottom:1px solid #aab7a8;padding-bottom:4px}.intro-actions a span{margin-left:10px}.side-note{position:absolute;left:5px;top:50%;font-size:9px;letter-spacing:1.8px;text-align:left;line-height:2;color:#8b988b}.tiny-orbit{position:absolute;right:18px;top:41%;width:85px;height:85px;border:1px solid #d1dacb;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-20deg)}.tiny-orbit:before{content:"";width:100px;height:35px;position:absolute;border:1px solid #a9c5af;border-radius:50%;transform:rotate(25deg)}.tiny-orbit span{font-size:38px;color:#719b7f}.connection{background:#182f2d;color:#fff;border-radius:16px;padding:24px 32px 17px;overflow:hidden}.connection-top,.connection-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:1.5px;color:#a0b7aa}.connection-top i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px;vertical-align:middle}.connection-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:35px 25px}.orbit-visual{height:300px;position:relative;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;border:1px solid #92ba9a30;border-radius:50%;width:265px;height:265px}.orbit.two{width:340px;height:130px;transform:rotate(-30deg);border-color:#bce4c948}.orbit.three{width:340px;height:130px;transform:rotate(35deg)}.core{width:123px;height:123px;display:flex;align-items:center;justify-content:center;border:1px solid #80af9840;border-radius:31px;background:#24443c;box-shadow:0 0 80px #a9edcf17;transform:rotate(-8deg)}.core img{width:74px;height:74px}.satellite{display:flex;align-items:center;gap:8px;background:#28443c;border:1px solid #638572;border-radius:10px;position:absolute;padding:9px 14px;font-size:20px;box-shadow:0 10px 30px #0002}.satellite small{font-size:8px;letter-spacing:1px;color:#c1d8c7}.sat-a{left:12%;top:24%;transform:rotate(-8deg)}.sat-b{right:4%;bottom:22%;transform:rotate(8deg)}.sat-c{top:10%;right:15%;color:var(--mint);padding:5px 13px}.orbit-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);position:absolute}.dot-a{bottom:17%;left:26%}.dot-b{top:32%;right:18%;width:5px;height:5px}.overline{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#6f8d79}.connection-copy .overline{color:var(--mint);font-size:9px}.connection-copy h2{font-size:33px;line-height:1.45;margin:14px 0 18px;letter-spacing:-1px}.connection-copy p{color:#a8beb1;font-size:12px;line-height:2}.platforms{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}.platforms span{font-size:9px;border:1px solid #ffffff26;padding:3px 10px;border-radius:20px;color:#c7d8ce}.connection-copy a{font-size:12px;color:var(--mint)}.connection-copy a span{margin-left:20px}.connection-bottom{border-top:1px solid #ffffff16;padding-top:15px;font-size:8px;color:#86a292}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:36px;line-height:1.45;letter-spacing:-1px;margin:15px 0 0}.section-heading p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:3px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.story-art{height:220px;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art-work{background:#e0e6d8}.calendar{background:#f9faf3;border:1px solid #a8b8a1;width:210px;border-radius:6px;transform:rotate(-8deg);padding:17px;box-shadow:10px 15px 0 #b8c7ac45}.calendar>div:first-child{font-size:7px;letter-spacing:1px;border-bottom:1px solid #d7e0ce;padding-bottom:9px}.calendar>div:first-child span{float:right}.calendar b{font-size:19px;display:block;margin:14px 0 12px}.calendar i{display:block;height:4px;background:#dbe2d4;width:85%;margin:8px 0}.calendar i+i{width:60%}.calendar-row{display:flex;gap:5px;margin-top:16px}.calendar-row span{background:#dde9d4;font-size:6px;padding:5px 7px;border-radius:2px}.art-sticker{position:absolute;right:22px;bottom:12px;font-size:53px;color:#6d8e65;transform:rotate(8deg)}.art-learn{background:#e9e2d3}.book{position:relative;width:128px;height:161px;background:#ec9e68;border:1px solid #b8845d;border-left:7px solid #cb8154;transform:rotate(10deg);border-radius:2px 5px 5px 2px;box-shadow:8px 10px 12px #503c2614;padding:15px}.book small{font-size:20px;font-weight:750;line-height:1.1;letter-spacing:-1px;display:block;color:#614e37}.book>span{font-size:40px;line-height:1.2;color:#704d31}.book i{display:block;font-style:normal;font-size:6px;color:#805a3e}.book-back{position:absolute;transform:rotate(-12deg) translateX(-16px);background:#8d9e7a;border-color:#708366;border-left-color:#708366}.spark{position:absolute;top:20px;right:36px;font-size:40px;color:#8e8864}.art-life{background:#dce7e1}.player{background:#f3f7f1;border:1px solid #b4c8ba;border-radius:9px;width:203px;padding:12px;transform:rotate(-6deg);box-shadow:10px 12px 0 #99b3a42b}.player-picture{height:95px;border-radius:4px;background:linear-gradient(150deg,#3c7465,#b5ccb1);display:flex;align-items:center;justify-content:center;font-size:28px;color:#ecf9e8}.player>span{font-size:6px;letter-spacing:1px;display:block;margin:12px 0 8px}.progress{height:3px;background:#d4dfd1;position:relative}.progress:before{content:"";position:absolute;inset:0 50% 0 0;background:#6e9a7a}.music{position:absolute;right:24px;top:15px;font-size:45px;color:#5f8e77;transform:rotate(12deg)}.story-title{border-bottom:1px solid var(--line);padding:20px 0 15px}.story-title>span{font-size:9px;letter-spacing:1.5px;color:#7c9081}.story h3{font-size:18px;letter-spacing:-.3px;margin:7px 0 0}.story p{font-size:12px;color:var(--muted);line-height:1.9;margin:15px 0 0}.manifesto{background:#dce7d9;overflow:hidden}.manifesto-inner{padding:65px 0;position:relative}.manifesto h2{font-size:62px;line-height:1.3;letter-spacing:-2px;position:relative;z-index:1;margin:20px 0 30px}.manifesto h2 span{color:#6b9274}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;position:relative;z-index:1}.manifesto-bottom p{font-size:13px;color:#617b65;line-height:1.9;margin:0}.outline-link{font-size:12px;padding:12px 21px;border:1px solid #8ea88b;border-radius:30px;background:#dce7d9}.outline-link span{margin-left:22px}.large-star{position:absolute;right:65px;top:10px;font-size:320px;line-height:1.2;color:#b6ccae;font-family:Georgia,serif;transform:rotate(-15deg)}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.entry{background:#e7eadf;border:1px solid #d6decd;padding:30px;border-radius:10px;transition:transform .2s}.entry:hover{transform:translateY(-4px)}.entry-top{font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center;color:#65806b}.entry-top b{font-size:26px;font-weight:400;line-height:1}.entry h3{font-size:26px;margin:28px 0 12px;letter-spacing:-1px}.entry p{font-size:12px;color:#748572;margin-bottom:30px}.entry-link{font-size:11px;border-top:1px solid #b5c5b15c;display:block;padding-top:19px}.dark-entry{background:#213c34;color:#eff7eb;border-color:#213c34}.dark-entry .entry-top{color:#a8d8b6}.dark-entry p{color:#a3b8a6}.questions{padding-bottom:85px;display:grid;grid-template-columns:1fr 1.7fr;column-gap:75px}.questions>.overline{grid-row:1/4;padding-top:20px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";font-size:20px;line-height:1.3;color:#698675}.questions details[open] summary:after{content:"−"}.questions details p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:0}.closing{padding:44px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.closing h2{font-size:43px;line-height:1.3;margin-top:18px}.closing .solid-button{background:#d5e7cd;color:#284734}footer{border-top:1px solid var(--line);padding:30px 0 22px}.footer-top{display:flex;align-items:center;gap:25px}.footer-top .logo>span{font-size:20px}.footer-top p{font-size:11px;color:#8d998a}.footer-top nav{margin-left:auto;display:flex;gap:25px;font-size:11px;color:#677b69}.footer-bottom{margin-top:28px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#98a08f}
@media(max-width:1000px){.shell{width:calc(100% - 48px)}.intro h1{font-size:70px}.side-note{font-size:8px}.connection-content{gap:20px;padding:25px 0}.connection-copy h2{font-size:29px}.orbit-visual{transform:scale(.85)}.story-grid{gap:18px}.story-art{height:200px}.calendar{width:180px}.story h3{font-size:16px}.section{padding:70px 0}.questions{column-gap:40px}.site-header nav{gap:20px}.large-star{right:20px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:auto;flex-wrap:wrap;padding:20px 0 15px;gap:20px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px}.logo>span{font-size:23px}.intro{padding:45px 0 48px}.kicker{font-size:8px;letter-spacing:1px}.intro h1{font-size:56px;letter-spacing:-3px;margin:25px 0}.intro p{font-size:13px}.side-note,.tiny-orbit{display:none}.intro-actions{gap:22px;font-size:12px}.solid-button{padding:14px 22px;gap:22px;font-size:12px}.connection{padding:20px 22px 15px;border-radius:12px}.connection-top{font-size:7px;letter-spacing:.8px}.connection-top>span:last-child{font-size:8px;letter-spacing:0}.connection-content{grid-template-columns:1fr;gap:0;padding:0}.orbit-visual{height:260px;transform:scale(.9);width:100%;max-width:380px;margin:auto}.orbit.one{width:240px;height:240px}.orbit.two,.orbit.three{width:300px}.sat-a{left:0}.sat-b{right:-5px}.connection-copy{padding:5px 4px 26px}.connection-copy h2{font-size:29px;margin-top:12px}.connection-copy p{font-size:12px}.platforms{gap:6px;margin:20px 0}.platforms span{font-size:8px;padding:3px 9px}.connection-bottom{font-size:7px;letter-spacing:0;gap:10px}.connection-bottom>span:nth-child(2){font-size:6px;letter-spacing:.5px}.section{padding:60px 0}.section-heading{display:block;margin-bottom:28px}h2{font-size:30px}.section-heading p{font-size:12px;margin:18px 0 0}.overline{font-size:9px;letter-spacing:1.4px}.story-grid{grid-template-columns:1fr;gap:35px}.story-art{height:240px}.calendar{width:220px}.calendar b{font-size:23px}.story h3{font-size:20px}.story-title{padding-top:16px}.story p{margin-top:13px;font-size:13px}.art-sticker{right:40px;bottom:22px}.book{width:145px;height:177px;padding:18px}.book small{font-size:24px}.book>span{font-size:45px}.player{width:220px}.player-picture{height:110px}.manifesto-inner{padding:42px 0}.manifesto h2{font-size:46px;margin:22px 0;letter-spacing:-2px}.large-star{font-size:205px;right:-50px;top:15px;opacity:.6}.manifesto-bottom{display:block}.manifesto-bottom p{font-size:12px}.outline-link{display:inline-block;margin-top:24px;font-size:11px;padding:11px 17px}.entry-grid{grid-template-columns:1fr;gap:16px}.entry{padding:26px}.entry h3{font-size:25px;margin-top:25px}.questions{display:block;padding-bottom:50px}.questions>.overline{display:block;margin-bottom:10px;padding-top:0}.questions summary{font-size:13px}.closing{padding:35px 0;gap:20px}.closing h2{font-size:32px}.closing .overline{font-size:7px;letter-spacing:.8px}.closing .solid-button{padding:13px 18px;gap:14px;white-space:nowrap}.footer-top{flex-wrap:wrap;gap:12px 20px}.footer-top p{font-size:10px}.footer-top nav{margin-left:0;width:100%;margin-top:13px;gap:25px;font-size:11px}.footer-bottom{display:block;font-size:9px}.footer-bottom span{display:block;margin-top:7px}}@media(max-width:370px){.intro h1{font-size:49px}.connection{padding-left:17px;padding-right:17px}.orbit-visual{transform:scale(.8)}.platforms{gap:4px}.platforms span{padding:3px 7px}.closing{display:block}.closing .solid-button{margin-top:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entry{transition:none}}
@media(max-width:760px){.intro h1{font-size:clamp(39px,12vw,56px)}}
