:root{--ink:#172e30;--purple:#5144b9;--gold:#f2d998;--muted:#687476;--line:#dee3e1;--paper:#fff;--soft:#f5f5f0;--sans:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"Cascadia Code","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}img{display:block;max-width:100%;height:auto}p{margin:0}::selection{background:#e4defc;color:var(--ink)}.section-shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.wordmark{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-weight:700;font-size:23px;line-height:1}.brand-pixel{width:13px;height:13px;background:var(--purple);box-shadow:-5px 5px 0 var(--gold)}.wordmark-studio{display:block;margin-top:7px;font-size:9px;letter-spacing:.43em;font-weight:400}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:2px;background:var(--purple);transition:width .2s}.site-header nav a:hover:after,.site-header nav a[aria-current="location"]:after{width:100%}.header-note{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.menu-toggle{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.04fr;gap:30px;position:relative;padding-top:72px;padding-bottom:78px;align-items:center}.eyebrow{font:11px var(--mono);letter-spacing:.09em;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gold)}h1{font-size:clamp(47px,5.2vw,74px);letter-spacing:-.06em;line-height:1.25;font-weight:600;margin:28px 0 25px}.underline-word{position:relative;isolation:isolate}.underline-word:after{content:"";position:absolute;z-index:-1;left:3px;right:0;height:10px;bottom:4px;background:var(--gold)}.intro{color:var(--muted);font-size:16px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:32px;padding:16px 20px;font-size:14px;border:1px solid transparent;border-radius:3px;transition:transform .18s,background .18s}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#284c4d;transform:translateY(-2px)}.text-link{background:none;border:0;padding:7px 0;display:inline-flex;align-items:center;gap:13px;font-size:13px;border-bottom:1px solid #b9c3c0}.text-link:hover{color:var(--purple);border-color:var(--purple)}.hero-status{display:flex;align-items:center;gap:11px;margin-top:36px}.status-light{width:7px;height:7px;border-radius:50%;background:#6f8195;box-shadow:0 0 0 5px #f1f3f4}.hero-status p{display:flex;gap:13px;font-size:11px}.hero-status strong{font-weight:500}.hero-status p>span{color:var(--muted)}.brand-art{margin:0;align-self:center;padding-top:10px}.logo-open{display:block;padding:0;border:0;background:white;position:relative;width:100%;border-radius:5px}.logo-open img{width:100%;max-height:425px;object-fit:contain}.image-zoom{position:absolute;right:10px;bottom:8px;background:#fff;border:1px solid var(--line);padding:7px 9px;font-size:10px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.image-zoom span{margin-left:14px}.logo-open:hover .image-zoom,.logo-open:focus-visible .image-zoom{opacity:1;transform:none}.brand-art figcaption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin:22px 12px 0;font:9px var(--mono);letter-spacing:.02em;color:var(--muted);gap:15px}.brand-art figcaption a{color:var(--ink)}.hero-bottom{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.05em;color:var(--muted)}.hero-bottom a{font-family:var(--sans);font-size:11px;letter-spacing:0}.hero-bottom a span{margin-left:15px}
.work-section{background:var(--ink);color:#f7f6ed;overflow:hidden}.work-inner{display:grid;grid-template-columns:1fr 1.5fr .9fr;gap:44px;padding-block:64px 72px;align-items:start}.section-label{font:11px var(--mono);letter-spacing:.12em;white-space:nowrap;display:flex;gap:18px;color:var(--muted);line-height:1.8}.section-label>span{color:var(--purple)}.light-label,.light-label>span{color:#afc0bb}.work-tag{display:inline-block;font-size:11px;color:var(--gold);border:1px solid #607268;padding:5px 12px;border-radius:20px;margin-bottom:21px}h2{font-size:34px;line-height:1.45;letter-spacing:-.035em;font-weight:500;margin:0 0 22px}.work-copy>p:not(.work-tag){font-size:14px;color:#b7c5c0;line-height:1.95}.light-link{display:inline-flex;gap:33px;align-items:center;margin-top:30px;padding-bottom:8px;border-bottom:1px solid #5b706c;font-size:12px}.light-link:hover{color:var(--gold)}.work-aside{padding-top:56px}.waiting-mark{display:flex;gap:5px;align-items:flex-end;height:44px;margin-bottom:26px}.waiting-mark i{display:block;width:16px;height:16px;background:#5c48bf}.waiting-mark i:nth-child(2){height:28px;background:#9b89d9}.waiting-mark i:nth-child(3){height:38px;background:var(--gold)}.waiting-mark i:nth-child(4){height:13px;background:#a6b4a9}.work-aside>span{font:10px var(--mono);color:#c8cdbd;letter-spacing:.12em}.work-aside>p{font-size:13px;margin:13px 0 26px;color:#d4dcd5}.work-rule{height:1px;background:#415957;margin-bottom:17px}.work-aside small{color:#9aaea7;font-size:11px}
.about-section{padding-block:100px;display:grid;grid-template-columns:1fr 1.5fr .9fr;gap:44px;align-items:start}.about-main{max-width:480px}.about-lead{font-size:18px;line-height:1.95;letter-spacing:.015em}.about-lead span{white-space:nowrap;font-family:Georgia,serif}.about-main>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin-top:22px}.brand-note{border-left:1px solid var(--line);padding-left:25px}.note-date{font:10px var(--mono);color:var(--muted);letter-spacing:.12em}.brand-note h3{font-size:16px;font-weight:500;line-height:1.65;margin:18px 0 10px}.brand-note>p{font-size:13px;color:var(--muted);line-height:1.95;margin-bottom:15px}.brand-note .text-link{font-size:12px;gap:15px}
.team-section{background:var(--soft);border-top:1px solid #e8e9e3;border-bottom:1px solid #e8e9e3}.team-inner{display:grid;grid-template-columns:1fr 1.8fr;gap:100px;padding-block:80px 88px}.team-intro h2{margin-top:29px}.team-intro>p{font-size:14px;line-height:1.95;color:var(--muted)}.people-list{list-style:none;margin:0;padding:0}.people-list li{border-bottom:1px solid #d9ded6}.people-list li:first-child{border-top:1px solid #d9ded6}.people-list a{display:grid;grid-template-columns:minmax(140px,1fr) minmax(135px,1fr) 20px;gap:15px;align-items:center;padding:20px 0;transition:color .2s}.person-name{font-family:var(--mono);font-size:15px;letter-spacing:-.035em}.person-role{font-size:12px;color:var(--muted)}.external-arrow{font-size:16px;color:#879589;transition:transform .2s}.people-list a:hover{color:var(--purple)}.people-list a:hover .external-arrow{transform:translate(3px,-3px);color:var(--purple)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:45px}.footer-name{font:23px Georgia,serif;font-weight:600}.site-footer>div>p{font-size:11px;color:var(--muted);margin-top:9px}.footer-meta{display:flex;flex-direction:column;gap:8px;text-align:right;font-size:11px;color:var(--muted);margin-left:auto}.footer-meta>span:last-child{font:9px var(--mono);letter-spacing:.11em}.back-top{border:1px solid var(--line);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:20px}.back-top:hover{background:var(--soft)}.logo-dialog{border:0;padding:26px;width:min(860px,calc(100% - 40px));max-height:92dvh;border-radius:7px;color:var(--ink);overflow:auto;box-shadow:0 15px 90px #10262f35}.logo-dialog::backdrop{background:#10262faf;backdrop-filter:blur(6px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-toolbar h2{font:21px Georgia,serif;margin:0 0 5px}.dialog-toolbar p{font-size:11px;color:var(--muted)}.dialog-close{border:1px solid var(--line);background:white;padding:9px 12px;border-radius:3px;font-size:12px}.dialog-close span{font-size:19px;line-height:1;margin-left:15px}.logo-dialog>img{width:100%;margin-top:18px;object-fit:contain;max-height:calc(92dvh - 110px)}body:has(.logo-dialog[open]){overflow:hidden}
@media(min-width:1550px){.hero{min-height:710px}.logo-open img{max-height:455px}}
@media(max-width:1050px){.section-shell{width:calc(100% - 64px)}.site-header{padding-inline:32px}.header-note{display:none}.hero{min-height:600px;gap:12px;padding-top:60px}.hero-actions{gap:18px}.button{padding:14px 15px;gap:20px}.hero-status p{flex-direction:column;gap:5px}.brand-art figcaption{flex-direction:column;gap:8px}.work-inner,.about-section{grid-template-columns:1fr 1.4fr;gap:38px}.work-inner>.section-label,.about-section>.section-label{grid-column:1/-1}.work-aside{padding-top:20px}.about-main{max-width:none}.team-inner{gap:55px;grid-template-columns:.9fr 1.5fr}.person-name{font-size:14px}.people-list a{grid-template-columns:1fr 1fr 15px;gap:10px}.person-role{font-size:11px}}
@media(max-width:700px){html{scroll-padding-top:85px}.section-shell{width:calc(100% - 40px)}.site-header{height:75px;padding-inline:20px}.wordmark{font-size:21px}.wordmark-studio{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;padding:8px 10px;font-size:12px;border-radius:3px}.menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.site-header nav{display:none;position:absolute;left:0;right:0;top:74px;background:white;border-bottom:1px solid var(--line);padding:17px 22px;gap:18px;flex-direction:column}.site-header nav.is-open{display:flex}.site-header nav a{padding:10px 0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:auto;padding-top:42px;padding-bottom:70px}.eyebrow{font-size:10px}h1{font-size:clamp(43px,10.5vw,64px);line-height:1.22;margin-block:23px}.intro{font-size:14px}.hero-actions{gap:25px;margin-top:23px}.hero-actions .text-link{font-size:12px}.hero-status{margin-top:25px}.hero-status p{flex-direction:row;gap:10px;font-size:10px}.brand-art{width:100%;max-width:470px;align-self:center;padding-top:0}.logo-open img{max-height:340px}.image-zoom{opacity:1;transform:none;right:0;bottom:0}.brand-art figcaption{font-size:8px;flex-direction:row;margin:12px 0 0;gap:10px}.hero-bottom{bottom:20px;font-size:8px}.hero-bottom a{font-size:10px}.work-inner{display:block;padding-block:40px 45px}.work-inner>.section-label{margin-bottom:30px}.work-copy h2{font-size:31px}.work-copy>p:not(.work-tag){font-size:13px}.work-aside{display:none}.about-section{display:block;padding-block:56px}.about-section>.section-label{margin-bottom:28px}.about-main h2{font-size:29px}.about-lead{font-size:17px}.brand-note{margin-top:35px;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.brand-note h3{margin-top:13px}.brand-note>p{max-width:400px}.team-inner{display:block;padding-block:48px 52px}.team-intro h2{font-size:29px;margin-top:24px;margin-bottom:15px}.team-intro>p br{display:none}.people-list{margin-top:28px}.people-list a{grid-template-columns:1fr minmax(115px,1fr) 15px;padding:18px 0}.person-name{font-size:13px}.person-role{font-size:11px;text-align:right}.site-footer{flex-wrap:wrap;gap:27px;padding-block:32px}.footer-meta{text-align:left;margin-left:0;order:3;width:100%;font-size:10px}.back-top{margin-left:auto}.logo-dialog{padding:18px;width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}