@charset "UTF-8";
:root{color-scheme:dark;--bg:#060b10;--ink:#e8eee9;--dim:#9bafae;--accent:#c4ecad;--blue:#83d5dc;--line:#cfdfdb2b;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{color:#071011;background:var(--accent)}[hidden]{display:none!important}button{background:none}h1,h2,p{margin:0}.universe{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#060b10}.scene-fallback{position:absolute;inset:0;background:linear-gradient(90deg,#060b10d0,#060b1040),url('/assets/flow.webp') 65% center/cover;opacity:.65;transition:opacity 2s}.scene-ready .scene-fallback{opacity:.1}#universe-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 2s}.scene-ready #universe-canvas{opacity:1}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#3b7a8118,transparent 60%),linear-gradient(100deg,#050b0f60,transparent 65%);mix-blend-mode:screen}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px #0006;background:linear-gradient(0deg,#060b1060,transparent 35%)}.grain{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.023;background-image:none;background-repeat:repeat}.header{position:absolute;z-index:15;top:0;left:0;right:0;padding:34px 4.2%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:13px;font-size:23px;letter-spacing:3px;font-weight:600;line-height:1.2}.brand-mark{font-size:46px;font-weight:300;color:var(--accent)}.wordmark small{display:block;font-size:9px;font-weight:400;letter-spacing:1.8px;margin-top:7px;color:#a6bab8}.header nav{display:flex;align-items:center;gap:34px;border:1px solid #b9ddd344;border-radius:50px;padding:12px 28px;background:#060c1180;backdrop-filter:blur(14px);box-shadow:0 5px 30px #80cbc90c}.header nav a{font-size:14px;color:#d3dcd7;position:relative}.header nav a:hover{color:var(--accent)}.header nav span{margin-left:10px}.chapter{position:relative;padding:100px 8%;min-height:100svh}.hero{height:100svh;min-height:790px;padding-top:152px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font-family:Consolas,monospace;letter-spacing:1.2px;color:#829e9b;font-size:11px}.coordinates{font-size:11px}.hero-copy{position:relative;z-index:1;margin-top:68px;width:60%;max-width:850px}.eyebrow{font-size:14px;letter-spacing:2px;color:#b6cbc1}.small-cross{margin-right:14px;color:var(--accent)}h1{font-size:clamp(56px,6.1vw,94px);font-weight:400;letter-spacing:-4px;line-height:1.28;margin:23px 0}h1>span{color:#d4e1d8}.intro{font-size:16px;color:#a4b9b5;line-height:1.9;letter-spacing:2px}.circle-link{display:inline-flex;align-items:center;gap:20px;text-align:left;margin-top:30px}.circle-arrow{width:58px;height:58px;border:1px solid #bddec76b;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:27px;font-weight:200;transition:background .35s,transform .35s,color .35s}.circle-link>span:last-child{font-size:14px;letter-spacing:1px}.circle-link small{display:block;font:10px Consolas,monospace;color:#8aaba3;letter-spacing:2px;margin-top:6px}.circle-link:hover .circle-arrow{background:var(--accent);color:#07100e;transform:rotate(8deg)}.object-label{position:absolute;right:9%;top:53%;display:flex;align-items:center;gap:15px;font:10px Consolas,monospace;color:#99b9ae;letter-spacing:1px;pointer-events:none}.object-label strong{display:block;font-size:12px;font-weight:400;margin-top:10px;letter-spacing:2px;color:#b1c9bc}.label-line{width:44px;height:1px;background:#95b4a660}.hero-foot{position:absolute;bottom:80px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:end}.hero-name{font-size:clamp(60px,10vw,158px);font-weight:250;letter-spacing:-.075em;line-height:.85;color:#d7e1d3;opacity:.92}.scroll-note{font-size:12px;color:#9fb4a6;display:flex;align-items:center;gap:14px;letter-spacing:1px}.scroll-track{width:1px;height:46px;background:#a9ceba33;position:relative;overflow:hidden}.scroll-track:after{content:"";position:absolute;top:-15px;left:0;width:1px;height:15px;background:var(--accent);animation:scrolldot 2.5s ease-in-out infinite}@keyframes scrolldot{to{transform:translateY(70px)}}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:#9bb4aa;font:12px Consolas,monospace;letter-spacing:1.5px}.section-top>span:last-child{font-family:inherit;letter-spacing:2px}.explore{padding-top:120px;padding-bottom:125px;background:linear-gradient(180deg,transparent,#050b0fcc 38%,#050b0fee 75%,transparent)}.section-title{margin-top:76px}.section-title h2{font-size:clamp(44px,5vw,74px);font-weight:400;letter-spacing:-2px;line-height:1.3;margin-top:23px}.serif{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:400;color:var(--accent)}.section-title>p:last-child{font-size:16px;color:#8fa99f;margin-top:23px}.experiment-list{margin-top:65px}.experiment{width:100%;display:grid;grid-template-columns:62px 1fr 1fr 40px;align-items:center;padding:32px 10px 32px 0;border-top:1px solid var(--line);text-align:left;position:relative;transition:padding .4s,background .4s}.experiment:last-child{border-bottom:1px solid var(--line)}.experiment:hover{padding-left:18px;background:linear-gradient(90deg,#aacdaf0a,transparent)}.experiment-number{font:12px Consolas,monospace;color:#77958b;align-self:start;margin-top:10px}.experiment-name{font-size:34px;letter-spacing:-1px;font-weight:350}.experiment-name small{font:11px Consolas,monospace;color:#8faaa0;display:block;margin-top:8px;letter-spacing:1px}.experiment-description{color:#9bb1a7;font-size:14px;padding-left:18px}.experiment-description time{font:24px Consolas,monospace;letter-spacing:2px;display:block;color:#c5dacc}.experiment-description>span{font-size:11px;margin-top:5px;display:block}.experiment-arrow{font-size:30px;font-weight:200;color:#b7cdbf;transition:transform .3s}.experiment:hover .experiment-arrow{transform:translate(4px,-4px);color:var(--accent)}.section-end{display:flex;justify-content:space-between;gap:15px;margin-top:26px;font-size:12px;color:#829d92}.section-end span{font:11px Consolas,monospace;letter-spacing:1px}.about{padding-top:110px;padding-bottom:120px;min-height:115svh;background:linear-gradient(90deg,transparent,#040b0d90)}.about-content{margin:100px 0 0 42%;position:relative}.about h2{font-size:clamp(45px,5.6vw,86px);line-height:1.4;font-weight:400;letter-spacing:-3px;margin-top:24px}.outline-text{color:transparent;-webkit-text-stroke:1px #a3c4b4}.about-bottom{display:flex;gap:32px;margin-top:46px}.about-symbol{font-size:49px;color:var(--accent);font-weight:200;line-height:1.3}.about-bottom p{font-size:16px;line-height:1.9;color:#c1cfc6;margin-bottom:20px}.about-bottom p+p{color:#8fa89c}.interests{display:flex;gap:20px;margin-top:26px}.interests span{font-size:12px;color:#aec5b6;border-bottom:1px solid #a9ccb33b;padding-bottom:6px}.connect{padding-top:100px;min-height:105svh;display:flex;flex-direction:column;background:linear-gradient(180deg,transparent,#040b0b65)}.connect-center{margin:auto 0;text-align:center;padding:100px 0 120px}.connect-center .eyebrow{font-size:14px}.connect h2{font-size:clamp(60px,8vw,126px);line-height:1.2;letter-spacing:-5px;font-weight:350;margin-top:32px}.connect .circle-link{margin-top:46px}.connect footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#91a697;letter-spacing:1px;border-top:1px solid var(--line);padding-top:26px;margin-bottom:34px}.connect footer a{font-size:12px}.experience-controls{position:fixed;bottom:25px;left:4.2%;z-index:20;display:flex;align-items:center;gap:18px;border:1px solid #adc9b02a;background:#071016bd;backdrop-filter:blur(18px);border-radius:30px;padding:11px 18px;color:#adbdaf}.experience-controls>button{display:flex;gap:9px;align-items:center;font-size:12px;padding:4px 0}.audio-bars{display:flex;align-items:center;gap:2px;height:14px}.audio-bars i{display:block;width:2px;height:3px;background:var(--accent);transition:height .3s}.audio-on .audio-bars i{animation:equalizer .8s infinite alternate}.audio-on .audio-bars i:nth-child(2){animation-delay:.3s}.audio-on .audio-bars i:nth-child(3){animation-delay:.6s}.audio-on .audio-bars i:nth-child(4){animation-delay:.1s}@keyframes equalizer{to{height:13px}}.control-divider{width:1px;height:14px;background:#ffffff20}.motion-symbol{color:var(--accent);font-size:13px}.theme-switcher{display:flex;gap:8px;border-left:1px solid #ffffff20;padding-left:15px}.theme-switcher button{height:14px;width:14px;border:3px solid #091119;border-radius:50%;padding:0;outline:1px solid transparent}.theme-switcher button[aria-pressed=true]{outline-color:#c6d3c4}.theme-switcher button[data-theme-choice=nebula]{background:#a4d5ec}.theme-switcher button[data-theme-choice=aurora]{background:#aeddad}.theme-switcher button[data-theme-choice=sunset]{background:#eebda1}.chapter-nav{position:fixed;z-index:15;right:3.3%;top:44%;display:flex;flex-direction:column;gap:13px}.chapter-nav a{display:flex;align-items:center;justify-content:end;width:35px;height:26px;position:relative}.chapter-nav a:after{content:"";width:4px;height:4px;background:#a9c2b270;border-radius:50%;transition:height .3s,background .3s}.chapter-nav a[aria-current]:after{height:24px;border-radius:4px;background:var(--accent)}.chapter-nav a span{font:10px Consolas,monospace;position:absolute;right:15px;color:#a4b9a7;opacity:0;transition:opacity .3s}.chapter-nav a[aria-current] span,.chapter-nav a:hover span{opacity:1}[data-theme=aurora]{--accent:#a9ecc7;--blue:#8cddba}[data-theme=sunset]{--accent:#edc49f;--blue:#e7a9ad}.toast{position:fixed;z-index:70;bottom:95px;left:50%;transform:translate(-50%,10px);padding:13px 24px;border:1px solid #bddac44d;border-radius:30px;background:#0b171bec;backdrop-filter:blur(16px);color:#d4e0d2;font-size:14px;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;width:max-content;max-width:calc(100% - 40px)}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{position:fixed;background:#0b171bed;backdrop-filter:blur(30px);border:1px solid #a7c5b554;color:var(--ink);border-radius:8px;text-align:center;width:min(540px,calc(100% - 40px));padding:55px 32px;box-shadow:0 20px 140px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:30px;color:#a7c7b6;width:42px;height:42px}dialog h2{font-size:44px;font-weight:350;line-height:1.4;letter-spacing:-2px;margin:28px 0}#dialog-clock{display:block;font:54px Consolas,monospace;color:var(--accent);letter-spacing:-2px}#dialog-date{font-size:14px;color:#9cbbaa;margin-top:12px}.moment-message{font-size:16px;margin:30px 0;color:#c0d5c6}.dialog-footer{font-size:12px;color:#8aa998;letter-spacing:2px}.immersive-bar{position:fixed;z-index:50;inset:auto 0 45px;display:flex;flex-direction:column;align-items:center;gap:24px}.immersive-bar p{color:#a9c7b4;font-size:14px;letter-spacing:3px}.immersive-bar button{padding:12px 25px;border:1px solid #c6e9cc77;border-radius:50px;background:#0b171ba0;backdrop-filter:blur(10px);font-size:14px}.immersive-bar button span{margin-left:26px}.immersive{overflow:hidden}.immersive main,.immersive .header,.immersive .experience-controls,.immersive .chapter-nav{visibility:hidden}.immersive .atmosphere{opacity:.25}.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--accent);color:#05130b;padding:10px 20px}.skip:focus{top:10px}.noscript-note{padding:20px 8%;font-size:14px;color:#b8cbb9}
@media(min-width:1700px){.hero-copy{margin-top:110px}.hero-foot{bottom:95px}}
@media(max-width:1000px){.hero{min-height:800px}.hero-copy{width:80%;margin-top:80px}.object-label{right:8%;top:58%}.hero-name{font-size:110px}.experiment{grid-template-columns:45px 1.2fr 1fr 30px}.experiment-name{font-size:28px}.about-content{margin-left:30%}.about h2{font-size:62px}.chapter{padding-left:7%;padding-right:7%}.hero-foot{left:7%;right:7%}}
@media(max-width:700px){html{scroll-padding-top:30px}.header{padding:24px 22px;gap:20px}.wordmark{font-size:18px;letter-spacing:2px;gap:8px}.brand-mark{font-size:34px}.wordmark small{font-size:8px;letter-spacing:.2px}.header nav{padding:9px 15px;gap:16px}.header nav a{font-size:12px}.header nav a:nth-child(2){display:none}.header nav span{display:none}.chapter{padding:85px 24px}.hero{height:100svh;min-height:760px;padding-top:124px}.hero-topline{font-size:9px;letter-spacing:.5px}.coordinates{display:none}.hero-copy{margin-top:65px;width:100%}.eyebrow{font-size:13px;letter-spacing:1px}h1{font-size:59px;letter-spacing:-3px;margin-top:21px}.intro{font-size:15px;letter-spacing:1px;line-height:1.9}.circle-link{gap:15px;margin-top:26px}.circle-arrow{height:48px;width:48px;font-size:25px}.circle-link>span:last-child{font-size:13px}.circle-link small{font-size:9px;letter-spacing:1px}.hero-foot{bottom:104px;left:24px;right:24px;display:block}.hero-name{font-size:clamp(65px,17vw,110px);letter-spacing:-.06em}.scroll-note{position:absolute;right:0;top:-75px;font-size:11px;gap:9px}.scroll-track{height:32px}.object-label{display:none}.chapter-nav{right:7px;top:45%;gap:10px}.chapter-nav a span{display:none}.chapter-nav a{width:13px;height:22px}.chapter-nav a:after{width:3px}.chapter-nav a[aria-current]:after{height:19px}.section-top{font-size:10px;letter-spacing:.5px;padding-top:18px;gap:12px}.section-top>span:last-child{letter-spacing:1px}.section-title{margin-top:62px}.section-title h2{font-size:47px;letter-spacing:-2px}.section-title>p:last-child{font-size:14px;line-height:1.9;max-width:250px}.experiment-list{margin-top:50px}.experiment{grid-template-columns:32px 1fr 26px;padding:26px 0}.experiment-name{font-size:27px}.experiment-name small{font-size:10px;letter-spacing:.3px}.experiment-description{display:none}.experiment-arrow{font-size:26px}.experiment-number{font-size:11px}.section-end{font-size:12px;display:block}.section-end span{display:block;margin-top:12px;font-size:10px}.about{min-height:105svh;padding-top:60px}.about-content{margin:90px 0 0 10px}.about h2{font-size:56px;letter-spacing:-3px}.about-bottom{gap:18px;margin-top:35px}.about-symbol{font-size:35px}.about-bottom p{font-size:14px;line-height:2}.interests{margin-top:20px}.connect{min-height:90svh;padding-bottom:110px}.connect-center{padding:95px 0 100px}.connect-center .eyebrow{font-size:12px;letter-spacing:.3px}.connect h2{font-size:65px;letter-spacing:-4px;margin-top:30px}.connect .circle-link{margin-top:35px}.connect footer{font-size:10px;letter-spacing:0;gap:10px;flex-wrap:wrap;margin-bottom:0}.connect footer>span:nth-child(2){display:none}.connect footer a{font-size:11px}.experience-controls{bottom:18px;left:50%;transform:translateX(-50%);width:max-content;padding:9px 13px;gap:12px}.experience-controls>button{font-size:11px;gap:7px}.theme-switcher{padding-left:11px;gap:7px}.theme-switcher button{height:15px;width:15px}.audio-bars{gap:2px}.grain{opacity:.018}dialog{padding:44px 24px}dialog h2{font-size:38px}#dialog-clock{font-size:44px}.immersive-bar p{font-size:12px;letter-spacing:1px}.vignette{box-shadow:inset 0 0 90px #0005}}
@media(max-width:360px){.header{padding-inline:18px}.wordmark{font-size:16px}.header nav{gap:12px;padding:9px 13px}.chapter{padding-inline:20px}h1{font-size:53px}.about h2{font-size:48px}.about-content{margin-left:0}.about-bottom{gap:12px}.about-bottom p{font-size:13px}.connect h2{font-size:57px}.hero-name{font-size:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The identity is typographic; the artwork is a live abstract installation. */
.brand-mark{font-size:30px;font-style:italic;letter-spacing:-6px;margin-right:5px}.hero-name{font-weight:200}.scene-ready .scene-fallback{opacity:.12}.section-title h2 .serif{color:var(--ink)}
.wordmark small,.hero-topline,.coordinates,.circle-link small,.experiment-name small,.experiment-description>span,.section-end span,.connect footer,.connect footer a{font-size:12px}
@media(max-width:700px){.wordmark small{font-size:9px;letter-spacing:.6px}.hero-topline{font-size:11px}.brand-mark{font-size:25px}.experience-controls>button{font-size:12px}.hero-copy{margin-top:54px}h1{font-size:clamp(48px,12vw,67px)}.hero-name{font-size:clamp(58px,17vw,110px)}.header nav a{font-size:14px}.experiment-name small{font-size:11px}.connect h2{font-size:clamp(49px,13vw,68px)}.about-bottom p,.section-title>p:last-child{font-size:16px}.about-symbol{display:none}}
body{isolation:isolate}