@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#e9e9df;--ink:#243c32;--muted:#667369;--line:#b9c1b4;--accent:#c4d556;--panel:#dce2d3;--paper:#f4f3e9;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dark{--bg:#17271f;--ink:#e9e9df;--muted:#b0bbae;--line:#425446;--panel:#283d2e;--paper:#23372a;color-scheme:dark}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #8f9e32;outline-offset:5px}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700;letter-spacing:1px}.brand-icon{font-size:43px;line-height:1}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:1.2px;margin-top:5px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.header nav>a{border-bottom:1px solid transparent;padding:7px 0}.header nav>a:hover{border-color:var(--ink)}.theme-toggle{background:none;border:1px solid var(--line);border-radius:50%;height:32px;width:32px;font-size:21px;display:grid;place-content:center}.hero{padding-top:26px}.eyebrow,.section-label,.count,.coordinate,.art-corner,.art-bottom,.tag,.back-top{font:11px/1.6 ui-monospace,Consolas,'Noto Sans SC',monospace;letter-spacing:1.4px}.eyebrow{display:flex;justify-content:space-between}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b8c28;margin-right:9px;box-shadow:0 0 0 4px #8f9e3216}.hero-heading{display:flex;align-items:center;justify-content:space-between;padding:35px 0 22px}.hero h1{display:flex;align-items:center;font-size:clamp(120px,20vw,290px);letter-spacing:-.075em;line-height:1.15;margin:0 0 0 -8px;font-weight:900}.asterisk{font-size:.54em;margin-left:7vw;color:#81953d;display:inline-block;font-weight:400;transition:transform .9s}.hero-heading:hover .asterisk{transform:rotate(80deg)}.vertical-note{writing-mode:vertical-rl;font-size:11px;letter-spacing:5px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 0 46px}.hero-bottom>p{font-size:15px;line-height:2;margin:0}.round-link{display:flex;gap:26px;align-items:center;font-size:13px}.round-link small{font:9px/2 ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.circle-arrow{border:1px solid var(--line);border-radius:50%;width:48px;height:48px;display:grid;place-content:center;font-size:22px;transition:background .2s}.round-link:hover .circle-arrow{background:var(--accent);color:#243c32}.coordinate{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:9px}.section{position:relative;padding-top:82px;padding-bottom:60px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:38px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}h2{font-size:clamp(28px,3.1vw,46px);line-height:1.5;letter-spacing:-1px;font-weight:600;margin:0}.about-text{max-width:415px;padding-right:32px;font-size:14px;line-height:2.1}.about-text p{margin:5px 0 17px}.muted{color:var(--muted)}.station-stamp{display:flex;gap:13px;align-items:center;justify-content:flex-end;margin-top:25px;font:9px/1 monospace;letter-spacing:2px}.station-stamp b{font-size:42px;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:34px}.count{color:var(--muted);font-size:10px}.project{display:block;width:100%;background:none;border:0;text-align:left;padding:0}.project-art{height:365px;overflow:hidden;background:#cdd7bb;position:relative;color:#304b35}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#47603b15 1px,transparent 1px),linear-gradient(90deg,#47603b15 1px,transparent 1px);background-size:38px 38px}.art-corner{position:absolute;left:30px;top:25px;font-size:9px}.art-title{position:absolute;left:7%;top:27%;font-size:57px;font-weight:700;line-height:1.2;letter-spacing:-2px}.art-title>span{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:19px}.orbit{position:absolute;right:10%;top:13%;width:290px;height:290px;border:1px solid #466b3c80;border-radius:50%;transition:transform .8s}.orbit-one{transform:rotate(-25deg) scaleX(.4)}.orbit-two{transform:rotate(35deg) scaleX(.4)}.orbit-three{transform:rotate(90deg) scaleX(.4)}.planet{position:absolute;right:calc(10% + 128px);top:calc(13% + 128px);width:34px;height:34px;border-radius:50%;background:#435e3a;box-shadow:0 0 0 9px #cdd7bb}.art-bottom{position:absolute;bottom:24px;left:30px;font-size:9px}.project:hover .orbit-one{transform:rotate(0deg) scaleX(.4)}.project:hover .orbit-two{transform:rotate(70deg) scaleX(.4)}.project-info{display:flex;justify-content:space-between;align-items:center;padding:23px 0 0}.tag{font-size:10px;color:var(--muted);letter-spacing:1px}h3{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:8px 0}.project-info p,.note p{font-size:13px;color:var(--muted);margin:7px 0;line-height:1.8}.project-arrow{font-size:29px;font-weight:400;transition:transform .2s}.project:hover .project-arrow,.note:hover .project-arrow{transform:translate(3px,-3px)}.note{display:grid;grid-template-columns:160px 1fr 36px;width:100%;text-align:left;padding:28px 0;background:none;border:0;border-top:1px solid var(--line);align-items:center}.note time{font:11px ui-monospace,monospace;color:var(--muted)}.note h3{font-size:22px}.outro{padding:80px 0 65px;position:relative}.outro>p{font-size:clamp(34px,4vw,58px);line-height:1.5;letter-spacing:-2px;margin:24px 0 0}.outro>p>span{color:#81953d}.back-top{position:absolute;right:0;bottom:72px}footer{border-top:1px solid var(--line);padding:23px 0 27px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}dialog{position:fixed;background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(620px,calc(100% - 32px));padding:55px 45px;max-height:85vh;overflow:auto}dialog::backdrop{background:#10251dbb;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin:24px 0}dialog p{font-size:14px;line-height:2.1}dialog .lead{font-size:18px}dialog .close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:30px;padding:0 9px}dl{font-size:13px;margin:28px 0 0}dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;gap:20px}dd{margin:0}.draft-note{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:11px;color:var(--muted)}.skip{position:fixed;top:-60px;left:10px;background:var(--ink);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero h1{font-size:290px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:23px 0}.brand{font-size:14px;gap:8px}.brand-icon{font-size:32px}.brand small{font-size:7px;letter-spacing:.5px}.header nav{gap:16px;font-size:12px}.theme-toggle{height:27px;width:27px;font-size:18px}.hero{padding-top:23px}.hero>.eyebrow{font-size:9px;letter-spacing:.5px}.hero-heading{padding-top:45px;padding-bottom:30px}.hero h1{font-size:28vw;letter-spacing:-.09em;margin-left:-4px}.asterisk{margin-left:5vw;font-size:.48em}.vertical-note{font-size:9px;letter-spacing:3px}.hero-bottom{align-items:flex-start;gap:15px;padding-bottom:33px}.hero-bottom>p{font-size:12px}.round-link{gap:10px;font-size:11px}.round-link small{display:none}.circle-arrow{width:34px;height:34px;font-size:17px}.coordinate{font-size:8px;letter-spacing:.5px}.section{padding-top:50px;padding-bottom:38px}.section-label{margin-bottom:28px;font-size:10px}.about-content{grid-template-columns:1fr;gap:22px}.about-text{font-size:13px;padding:0;max-width:none}.station-stamp{margin-top:12px}.section-heading{margin-bottom:25px;gap:15px}.section-heading h2{font-size:25px}.count{font-size:8px}.project-art{height:300px}.art-corner,.art-bottom{left:18px;font-size:7px}.art-title{font-size:40px;top:28%;left:7%;z-index:1}.art-title>span{font-size:8px;letter-spacing:1px}.orbit{width:210px;height:210px;right:-30px;top:45px}.planet{right:58px;top:133px;width:34px;height:34px}.project-info h3{font-size:20px}.project-info p{font-size:12px;max-width:260px}.note{grid-template-columns:1fr 25px;gap:14px}.note time{grid-column:1/-1}.note h3{font-size:19px}.note p{font-size:12px}.outro{padding-top:55px;padding-bottom:86px}.outro>p{font-size:36px}.back-top{bottom:32px}footer{flex-wrap:wrap;font-size:9px;gap:14px}footer>span:last-child{margin-left:auto}dialog{padding:50px 25px}dialog h2{font-size:29px}}@media(max-width:370px){.header nav{gap:10px}.brand small{display:none}.hero-bottom{display:block}.round-link{margin-top:18px;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}