:root{--bg:#080c12;--surface:#101722;--text:#edf2f7;--muted:#a7b2c1;--line:#26313f;--accent:#9ec5d8;--max:1200px;--gutter:48px;--sans:"Avenir Next","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--bg);color:var(--text);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,summary{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}section:focus,main:focus{outline:none}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p,figure{margin:0}h2,h3{font-weight:500}svg{vertical-align:middle;flex-shrink:0}.wrap{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}.muted{color:var(--muted)}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.13em}.english-label{letter-spacing:.035em;color:var(--muted);font-size:12px}.skip-link{background:var(--text);color:var(--bg);z-index:100;clip-path:inset(50%);padding:12px 20px;position:fixed;top:12px;left:20px;transform:translateY(-180%)}.skip-link:focus{clip-path:none;transform:none}.site-header{border-bottom:1px solid var(--line);z-index:10;align-items:center;height:96px;display:flex;position:relative}.brand{letter-spacing:-1.6px;align-items:baseline;font-size:29px;font-weight:600;line-height:1;display:inline-flex}.brand-dot{background:var(--accent);width:5px;height:5px;margin-left:4px;display:inline-block}.desktop-nav{gap:40px;margin-left:auto;margin-right:72px;display:flex}.desktop-nav a,.header-blog{font-size:14px;transition:color .2s}.desktop-nav a:hover,.header-blog:hover,.footer-bottom a:hover{color:var(--accent)}.header-blog{align-items:center;gap:16px;display:flex}.mobile-menu{display:none}.hero{isolation:isolate;position:relative;overflow:hidden}.hero-inner{z-index:1;flex-direction:column;min-height:min(820px,100svh - 96px);padding-top:40px;display:flex;position:relative}.hero-overline{justify-content:space-between;align-items:center;display:flex}.hero-overline .eyebrow{color:var(--muted)}.hero-chinese{letter-spacing:.36em;font-size:16px}.wordmark{letter-spacing:-.064em;white-space:nowrap;margin:8px 0 32px -.012em;font-size:clamp(100px,17.2vw,248px);font-weight:400;line-height:1.08}.wordmark-period{color:var(--accent)}.hero-copy{max-width:640px;margin-left:34%}.hero-copy h2{letter-spacing:.02em;font-size:clamp(26px,2.55vw,38px);line-height:1.5}.hero-copy p{color:var(--muted);max-width:540px;margin-top:20px;font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:32px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:32px;min-height:48px;padding:12px 22px;font-size:14px;transition:background .2s,border-color .2s;display:inline-flex}.button-primary{background:var(--text);color:var(--bg)}.button-primary:hover{background:var(--accent)}.text-link{align-items:center;gap:16px;font-size:14px;transition:color .2s;display:inline-flex}.text-link:hover{color:var(--accent)}.hero-bottom{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:64px;padding-bottom:32px;display:flex}.scroll-link{align-items:center;gap:16px;font-size:12px;display:flex}.scroll-stroke{background:linear-gradient(var(--line),var(--accent));width:1px;height:32px;position:relative}.scroll-stroke:after{content:"";border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);width:5px;height:5px;position:absolute;bottom:0;left:-2px;transform:rotate(45deg)}.horizon{z-index:0;pointer-events:none;width:100%;height:340px;position:absolute;bottom:-24px;left:0}.horizon svg{width:100%;height:100%}.section{padding-block:120px}.section-label{color:var(--muted);gap:20px;display:flex}.section-label>span{color:var(--accent)}.section-heading{grid-template-columns:34% 1fr;margin-bottom:64px;display:grid}.section-heading h2,.about-copy h2{letter-spacing:.015em;font-size:36px;line-height:1.6}.section-heading>div{justify-content:space-between;align-items:end;gap:32px;display:flex}.section-heading>div>p{color:var(--muted);padding-bottom:4px;font-size:14px;line-height:1.9}.exploration{border-top:1px solid var(--line)}.exploration-row{border-top:1px solid var(--line);grid-template-columns:8% 15% 31% 1fr;align-items:center;gap:0;padding:36px 0;display:grid}.row-number{font:12px var(--mono);color:var(--muted)}.direction-icon{stroke:var(--accent);stroke-width:1px;opacity:.85}.direction-name h3{font-size:23px;line-height:1.4}.direction-name p{margin-top:6px}.direction-description{color:var(--muted);max-width:340px;font-size:16px}.exploration-row:last-child{border-bottom:1px solid var(--line)}.section-note{color:var(--muted);text-align:right;margin-top:24px;font-size:12px}.work-section{background:linear-gradient(180deg,#0e141e,var(--bg));border-block:1px solid var(--line)}.work-heading{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.work-heading h2{margin-top:24px;font-size:36px;line-height:1.5}.work-heading>.english-label{padding-bottom:8px}.project-preview{background:var(--surface);border:1px solid #35404c;border-radius:4px;display:block;position:relative;overflow:hidden}.browser-bar{height:40px;color:var(--muted);font:10px var(--mono);letter-spacing:.1em;border-bottom:1px solid var(--line);background:#131b25;justify-content:space-between;align-items:center;padding-inline:20px;display:flex}.browser-dots{gap:6px;width:48px;display:flex}.browser-dots i{border:1px solid #778393;border-radius:50%;width:5px;height:5px}.browser-bar>svg{width:14px}.project-preview img{aspect-ratio:1280/730;object-fit:cover;object-position:50% 35%;width:100%;height:auto;transition:filter .35s;display:block}.project-preview:hover img{filter:brightness(.94)}.preview-open{background:var(--bg);border:1px solid var(--line);width:48px;height:48px;color:var(--text);border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute;bottom:24px;right:24px}.project-preview:hover .preview-open{background:var(--surface)}figcaption{color:var(--muted);letter-spacing:.025em;margin-top:12px;font-size:11px}.project-info{justify-content:space-between;align-items:center;gap:48px;margin-top:32px;display:flex}.project-category{color:var(--muted);font-family:var(--sans);letter-spacing:.08em;font-size:12px}.project-info h3{margin-top:8px;font-size:36px;line-height:1.5}.project-info h3>span{color:var(--muted);letter-spacing:-.025em;margin-left:24px;font-size:22px;font-weight:400}.project-description{max-width:640px;color:var(--muted);margin-top:16px;font-size:16px}.project-visit{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:12px;display:flex}.project-visit .text-link{border-bottom:1px solid #596b7b;justify-content:space-between;min-width:168px;padding-bottom:8px}.project-visit .english-label{font:11px var(--mono)}.migration-note{color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:20px;font-size:12px}.migration-note a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.migration-note svg{width:12px;height:12px}.about-section{grid-template-columns:34% 1fr;gap:0;padding-block:136px;display:grid}.about-copy>p{max-width:616px;color:var(--muted);margin-top:32px;font-size:17px;line-height:1.9}.about-signature{letter-spacing:.08em;align-items:center;gap:24px;margin-top:40px;font-size:12px;display:flex}.about-signature>span{color:var(--accent);font-size:24px;line-height:1}.site-footer{border-top:1px solid var(--line);padding-top:40px;padding-bottom:32px}.footer-top{align-items:center;gap:24px;display:flex}.footer-top>span{color:var(--muted);letter-spacing:.2em;font-size:13px}.footer-top-link{color:var(--muted);margin-left:auto;font-size:12px}.up-arrow{transform:rotate(-90deg)}.footer-bottom{color:var(--muted);align-items:center;gap:32px;margin-top:40px;font-size:11px;display:flex}.footer-bottom a{align-items:center;gap:8px;display:flex}.footer-bottom svg{width:12px;height:12px}.footer-motto{margin-left:auto}.registration{color:var(--muted);flex-wrap:wrap;gap:24px;margin-top:24px;font-size:11px;display:flex}.registration a{align-items:center;gap:8px;display:inline-flex}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;min-height:100svh;display:flex}.not-found h1{font-size:clamp(28px,5vw,56px);font-weight:400}.not-found>p{color:var(--muted)}@media (min-width:1600px){.hero-inner{padding-top:48px}.wordmark{font-size:248px}.hero-copy{margin-top:8px}}@media (max-width:1100px){:root{--gutter:40px}.hero-inner{min-height:700px}.wordmark{font-size:17vw}.hero-copy{max-width:600px;margin-left:27%}.section-heading{grid-template-columns:27% 1fr}.section-heading>div{display:block}.section-heading>div>p{margin-top:24px}.section-heading>div>p br{display:none}.exploration-row{grid-template-columns:7% 13% 34% 1fr}.about-section{grid-template-columns:27% 1fr}.section-heading h2,.about-copy h2{font-size:32px}.project-description{max-width:560px}.hero-copy h2{font-size:32px}}@media (max-width:767px){:root{--gutter:24px}.site-header{height:80px}.desktop-nav{gap:24px;margin-right:40px}.brand{font-size:27px}.hero-inner{min-height:670px;padding-top:32px}.wordmark{margin-block:24px 40px;font-size:16.6vw}.hero-copy{max-width:510px;margin-left:18%}.hero-copy h2{font-size:28px}.hero-copy p{font-size:16px}.hero-chinese{font-size:14px}.eyebrow{font-size:10px}.hero-bottom{padding-top:72px}.horizon{height:290px}.section{padding-block:80px}.section-heading{grid-template-columns:1fr;gap:32px;margin-bottom:40px}.section-heading>div{align-items:center;display:flex}.section-heading h2,.about-copy h2{font-size:28px}.section-heading>div>p{max-width:220px;margin-top:0;font-size:13px}.exploration-row{grid-template-columns:6% 12% 34% 1fr;padding-block:32px}.direction-icon{width:36px;height:36px}.direction-name h3{font-size:20px}.direction-name p{font-size:10px}.direction-description{font-size:14px}.work-heading h2{font-size:28px}.project-preview img{aspect-ratio:1.5;object-position:center}.project-info{gap:32px}.project-info h3{font-size:30px}.project-info h3>span{margin-left:16px;font-size:18px}.project-description{font-size:15px}.project-visit .text-link{min-width:140px}.about-section{grid-template-columns:1fr;gap:32px}.about-copy{margin-left:18%}.about-copy>p{font-size:16px}.section-note,.work-heading>.english-label{font-size:11px}}@media (max-width:639px){:root{--gutter:20px}.site-header{height:72px}.desktop-nav,.header-blog{display:none}.mobile-menu{margin-left:auto;display:block}.mobile-menu summary{cursor:pointer;align-items:center;gap:16px;padding:10px 0 10px 16px;font-size:12px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.menu-lines{border-top:1px solid var(--text);border-bottom:1px solid var(--text);width:20px;height:10px;position:relative}.mobile-menu[open] .menu-lines{border-color:#0000}.mobile-menu[open] .menu-lines:before,.mobile-menu[open] .menu-lines:after{content:"";background:var(--text);width:20px;height:1px;position:absolute;top:3px;transform:rotate(45deg)}.mobile-menu[open] .menu-lines:after{transform:rotate(-45deg)}.mobile-menu nav{background:var(--surface);border:1px solid var(--line);padding:12px 24px;position:absolute;top:calc(100% - 1px);left:0;right:0;box-shadow:0 24px 48px #0005}.mobile-menu nav a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;font-size:16px;display:flex}.mobile-menu nav a:last-child{color:var(--accent);border:0}.hero-inner{min-height:clamp(640px,100svh - 72px,760px);padding-top:32px}.hero-overline .eyebrow{letter-spacing:.08em;font-size:8px}.hero-chinese{letter-spacing:.22em;font-size:12px}.wordmark{letter-spacing:-.065em;margin:24px 0 44px;font-size:16.4vw;font-weight:400}.hero-copy{max-width:100%;margin-left:0}.hero-copy h2{letter-spacing:.02em;white-space:nowrap;font-size:26px}.hero-copy p{max-width:400px;margin-top:20px;font-size:16px;line-height:1.9}.hero-actions{gap:28px;margin-top:28px}.button{gap:24px;padding-inline:20px}.text-link{gap:12px;font-size:13px}.horizon{width:160%;height:240px;bottom:-12px;left:-40%}.hero-bottom{padding-top:84px;padding-bottom:24px}.hero-bottom>.eyebrow{letter-spacing:.07em;font-size:8px}.scroll-link{font-size:11px}.section{padding-block:72px}.section-heading>div{display:block}.section-heading h2,.about-copy h2{font-size:27px}.section-heading>div>p{max-width:none;margin-top:20px;font-size:14px}.section-heading>div>p br{display:none}.section-heading{margin-bottom:32px}.exploration-row{grid-template-columns:32px 1fr 40px;align-items:start;padding-block:28px}.row-number{padding-top:7px;font-size:11px}.direction-icon{grid-area:1/3;justify-self:end;width:32px;height:32px;margin-top:5px}.direction-name{grid-area:1/2}.direction-name h3{font-size:21px}.direction-name p{margin-top:4px;font-size:11px}.direction-description{grid-area:2/2/auto/4;max-width:280px;margin-top:16px;font-size:15px}.section-note{text-align:left;font-size:11px;line-height:1.8}.work-heading{margin-bottom:32px;display:block}.work-heading h2{margin-top:24px;font-size:27px}.work-heading>.english-label{margin-top:16px;padding:0;display:block}.browser-bar{height:32px;padding-inline:12px;font-size:8px}.browser-dots{gap:4px;width:32px}.browser-dots i{width:4px;height:4px}.project-preview img{aspect-ratio:1.05;object-fit:cover;object-position:50% 40%}.preview-open{width:36px;height:36px;bottom:12px;right:12px}figcaption{font-size:10px}.project-info{margin-top:28px;display:block}.project-info h3{font-size:30px}.project-info h3>span{margin-left:20px;font-size:20px}.project-description{margin-top:16px;font-size:15px;line-height:1.9}.project-visit{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.project-visit .text-link{min-width:114px}.project-visit .english-label{font-size:10px}.migration-note{margin-top:24px;padding-top:16px;font-size:11px;line-height:1.9}.about-section{gap:32px}.about-copy{margin-left:0}.about-copy h2{font-size:25px}.about-copy>p{margin-top:24px;font-size:16px}.about-signature{margin-top:32px}.site-footer{padding-top:32px;padding-bottom:24px}.footer-top{gap:16px}.footer-top>span{font-size:11px}.footer-top-link{gap:8px;font-size:10px}.footer-top-link svg{width:14px}.footer-bottom{flex-wrap:wrap;gap:16px;margin-top:32px;font-size:10px}.footer-motto,.footer-bottom>a{margin-left:auto}.footer-bottom>a~a{margin-left:0}.footer-bottom>a:first-of-type{flex-basis:100%;justify-content:flex-end;margin-top:-2px}.not-found h1{font-size:27px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
