@font-face{font-family:Manrope;src:url('/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'XY Sans';src:url('/fonts/noto-sans-sc-ui.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'XY Serif';src:url('/fonts/noto-serif-sc-display.woff2') format('woff2');font-weight:400 500;font-display:swap}
:root{color-scheme:dark;--ground:#0c1119;--surface:#121c2a;--ink:#e5eef8;--muted:#a4b3c7;--line:#2b3a4d;--accent:#9ccfff;--font:Manrope,'XY Sans','PingFang SC','Microsoft YaHei',sans-serif;--space:48px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.8 var(--font);-webkit-font-smoothing:antialiased}
body.brand-page{--ground:#0a1920;--surface:#10242c;--ink:#edf2ee;--muted:#a9bfc4;--line:#2c414a;--accent:#d3e5e3}
h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.4}h2{font-size:36px;letter-spacing:-.02em}h3{font-size:20px}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit}a,button,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}svg{display:block;flex-shrink:0}::selection{background:#31536c;color:#fff}
.skip-link{position:fixed;top:12px;left:24px;transform:translateY(-160%);z-index:100;background:var(--ink);color:var(--ground);padding:12px 24px;border-radius:4px}.skip-link:focus{transform:none}
.section,.personal-hero,.collaboration-strip{width:calc(100% - var(--space)*2);max-width:1200px;margin-inline:auto}.section{padding-block:96px;scroll-margin-top:24px}
.section-intro{display:flex;justify-content:space-between;align-items:baseline;gap:32px;margin-bottom:40px}.section-intro>p{max-width:480px;font-size:14px}.arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:12px 24px;background:var(--accent);color:var(--ground);border:1px solid var(--accent);border-radius:4px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#e7f3fc;transform:translateY(-2px)}.button .arrow{transition:transform .2s}.button:hover .arrow{transform:translateX(3px)}
.site-header{min-height:88px;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(var(--space),calc((100% - 1200px)/2));border-bottom:1px solid var(--line);background:var(--ground)}.wordmark{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:650;letter-spacing:-.04em}.wordmark svg{width:28px;height:32px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.wordmark>span{display:flex;align-items:center;gap:16px}.wordmark-note{font-size:12px;letter-spacing:.04em;font-weight:400;color:var(--muted);padding-left:16px;border-left:1px solid var(--line)}#site-nav{display:flex;align-items:center;gap:32px;font-size:14px}#site-nav a{min-height:44px;display:flex;align-items:center;gap:16px;color:var(--muted);transition:color .2s}#site-nav a:hover{color:var(--ink)}#site-nav .nav-action{color:var(--ink);padding-left:24px;border-left:1px solid var(--line)}.nav-toggle{border:1px solid var(--line);border-radius:4px;padding:8px 12px;min-height:44px;background:var(--ground);align-items:center;gap:12px;font-size:14px}.menu-icon{display:grid;gap:6px;width:18px}.menu-icon i{display:block;height:1px;width:18px;background:currentColor;transition:transform .2s}.nav-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero-copy{width:calc(100% - var(--space)*2);max-width:1200px;margin:32px auto 0}.hero-support{font-size:18px;line-height:1.9;margin-top:24px;color:var(--muted)}.hero-copy .button{margin-top:40px}.motion-control{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--ground);color:var(--muted);font-size:12px;white-space:nowrap}.motion-control:hover{color:var(--ink);border-color:var(--accent)}.motion-control:disabled{cursor:default}
.intro-copy p+p{margin-top:24px}.intro-copy .statement{font-size:24px;line-height:1.7;color:var(--ink)}.story-disclosure{margin-top:24px;border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}summary::-webkit-details-marker{display:none}.disclosure-symbol{width:12px;height:12px;position:relative;flex:none}.disclosure-symbol:before,.disclosure-symbol:after{position:absolute;content:'';background:currentColor;top:5px;left:0;width:12px;height:1px}.disclosure-symbol:after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .disclosure-symbol:after{transform:none}.story-disclosure>div{padding:0 0 16px}.story-disclosure p{font-size:14px;line-height:1.9}.story-disclosure time{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.story-disclosure a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}

.personal-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:64px 0}.personal-hero h1{font-size:60px;line-height:1.3;letter-spacing:-.035em}.personal-hero h1 span{display:block}.personal-hero .hero-support{max-width:470px;font-size:16px}.personal-hero .button{margin-top:32px}.hero-facts{display:flex;align-items:center;gap:24px;margin-top:32px;font-size:12px;color:var(--muted)}.hero-facts span{display:flex;align-items:center;gap:8px}.hero-facts strong{font-size:16px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.status-dot,.project-status i{display:inline-block;width:6px;height:6px;flex:none;background:#d6b37f;border-radius:50%}
.relation-board{border:1px solid var(--line);border-radius:8px;background:#101925;overflow:hidden}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);font-size:12px}.board-count{color:var(--muted);font-variant-numeric:tabular-nums}.system-map{height:400px;position:relative}.map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#293d52;stroke-width:1;vector-effect:non-scaling-stroke}.map-lines circle{stroke:#263649}.map-path{stroke:#53738d}.map-cross{stroke:#42566e}.map-pulse{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 400;stroke-dashoffset:405;opacity:0}.motion-ready .map-pulse{opacity:.8;animation:signal 7s linear infinite}.map-pulse:nth-of-type(4){animation-delay:-2s}.map-pulse:nth-of-type(6){animation-delay:-4s}.map-pulse:nth-of-type(8){animation-delay:-5.5s}@keyframes signal{to{stroke-dashoffset:0}}
.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:50%;border:1px solid #5c819e;background:#142438;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.core-symbol{font-size:20px;color:var(--accent);line-height:1}.map-core strong{font-size:24px;font-weight:500;letter-spacing:-.02em}.map-core>span:last-child{font-size:12px;color:#b6c4d5}.map-node{position:absolute;width:144px;min-height:100px;padding:12px;display:grid;grid-template-columns:24px 1fr;align-content:center;align-items:center;gap:4px 8px;transform:translate(-50%,-50%);background:#142031;border:1px solid #344b63;border-radius:4px;transition:border-color .2s,background .2s}.map-node strong{font-size:14px;font-weight:500}.map-node>span{font-size:12px;color:#d6b37f;grid-column:2}.map-node .tool-glyph{width:24px;height:24px;grid-row:1/3;color:var(--accent)}.tool-glyph{width:32px;height:32px;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round;fill:none}.map-node:hover,.map-node:focus-visible{background:#1a2e44;border-color:var(--accent)}.node-0{left:20.3125%;top:21.6667%}.node-1{left:79.6875%;top:21.6667%}.node-2{left:20.3125%;top:78.3333%}.node-3{left:79.6875%;top:78.3333%}.board-note{border-top:1px solid var(--line);padding:12px 24px;font-size:12px}
.collaboration-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px}.collaboration-strip>p{display:flex;align-items:center;gap:24px;font-size:14px}.collaboration-strip>p>span{color:var(--ink)}.collaboration-strip .arrow{width:16px;color:var(--muted)}.projects-section{padding-top:80px}.project-ledger{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:240px 1fr 100px 112px;gap:32px;align-items:center;min-height:128px;border-bottom:1px solid var(--line);padding:24px 0;scroll-margin-top:112px;transition:background .2s}.project-row:target{background:#142235;outline:1px solid #567b9f;outline-offset:8px}.project-identity{display:flex;align-items:center;gap:24px}.project-identity>.tool-glyph{color:var(--accent)}.project-category{font-size:12px;color:var(--muted)}.project-identity h3{font-size:20px}.project-identity h3 a:hover{text-decoration:underline;text-underline-offset:5px}.project-description{font-size:14px;max-width:400px;line-height:1.9}.project-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#d6b37f}.project-link{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px}.project-link:hover{color:var(--accent)}.workspace-note{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.inline-link{color:var(--accent);display:inline-flex;align-items:center;gap:16px;min-height:44px;white-space:nowrap}.inline-link:hover{text-decoration:underline;text-underline-offset:4px}.personal-about{padding-block:64px;display:grid;grid-template-columns:1fr 1fr;gap:96px;border-block:1px solid var(--line)}.personal-about h2{font-size:32px;max-width:430px}.personal-about p+p{margin-top:24px}.personal-about p{font-size:16px;line-height:1.9}
.abilities-list{border-top:1px solid var(--line)}.abilities-list details{border-bottom:1px solid var(--line)}.abilities-list summary{min-height:80px;display:grid;grid-template-columns:1fr 1fr 16px;gap:32px}.ability-name{font-size:20px;font-weight:500}.ability-hint{font-size:14px;color:var(--muted)}.ability-body{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;padding:8px 48px 32px 0}.ability-body>p{font-size:16px}.ability-body dl{margin:0;font-size:14px}.ability-body dl>div+div{margin-top:16px}.ability-body dt{color:var(--ink);margin-bottom:4px}.ability-body dd{margin:0;color:var(--muted)}.ability-links{display:flex;flex-wrap:wrap;gap:16px;grid-column:1/-1;font-size:14px}.ability-links a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;padding-block:8px}
.notes-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:96px}.build-records>article+article{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}.build-records time{display:block;font-family:Manrope,sans-serif;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--muted);margin-bottom:16px}.build-records h3{font-size:20px;margin-bottom:16px}.build-records p{font-size:14px;line-height:1.9}
.site-footer{padding:80px max(var(--space),calc((100% - 1200px)/2)) 24px;border-top:1px solid var(--line);background:var(--surface)}.footer-top{display:flex;justify-content:space-between;gap:64px;margin-bottom:64px}.footer-top h2{font-size:40px;line-height:1.5;margin-bottom:32px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-content:center;font-size:14px}.footer-links a{min-height:44px;display:flex;align-items:center;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.footer-disclosures{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:16px;border-block:1px solid var(--line)}.footer-disclosures details{min-width:0}.footer-disclosures summary{font-size:12px;min-height:44px;color:var(--muted)}.footer-disclosures p{font-size:12px;line-height:1.9;padding:8px 24px 16px 0}.footer-disclosures a{text-decoration:underline;text-underline-offset:4px}.footer-meta{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:24px;font-size:12px;color:var(--muted)}
.motion-ready [data-reveal].arrived{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}.motion-paused *{animation:none!important;transition:none!important}.motion-paused .map-pulse{opacity:0}.page-inactive .map-pulse{animation-play-state:paused}
.personal-hero .hero-copy{width:100%;max-width:none;margin:0;padding:0}.source-note{margin-top:24px;font-size:12px}.abilities-list summary>span:first-child{font-size:20px;font-weight:500}.ability-body>.inline-link,.ability-body>div{grid-column:1/-1}.ability-body>div{display:flex;flex-wrap:wrap;gap:24px}.notes-section>div:first-child>p{margin-top:16px;font-size:14px}
@media(max-width:1100px){:root{--space:32px}#site-nav{gap:24px}#site-nav .nav-action{padding-left:16px}.wordmark-note{display:none}.personal-hero{gap:32px}.personal-hero h1{font-size:48px}.system-map{height:360px}.map-node{width:120px;grid-template-columns:20px 1fr;gap:4px}.map-node .tool-glyph{width:20px;height:20px}.map-core{width:112px;height:112px}.map-core strong{font-size:20px}.project-row{grid-template-columns:200px 1fr 80px 104px;gap:24px}.project-identity{gap:16px}.personal-about,.notes-section{gap:64px}.section-intro{align-items:flex-start}.section-intro>p{max-width:360px}}
@media(max-width:800px){:root{--space:24px}html{scroll-padding-top:96px}.site-header{min-height:80px;flex-wrap:wrap;padding-block:16px}.wordmark-note{display:inline-block}.nav-toggle{display:flex}#site-nav{flex-wrap:wrap;width:100%;gap:8px 24px;padding-top:16px}#site-nav a{padding:8px 0}.site-header.nav-ready #site-nav{display:none}.site-header.nav-ready #site-nav.open{display:flex;flex-direction:column;align-items:stretch;padding:24px 0;gap:0}.site-header.nav-ready #site-nav.open a{padding:16px 0;min-height:56px;border-bottom:1px solid var(--line);color:var(--ink);font-size:18px}#site-nav .nav-action{border-left:0;padding-left:0}.site-header:has(#site-nav.open){position:fixed;inset:0 0 auto;background:var(--ground);max-height:100svh;overflow:auto}.menu-open{overflow:hidden}.section{padding-block:64px}h2{font-size:32px}.section-intro{display:block;margin-bottom:32px}.section-intro>p{margin-top:16px;max-width:560px}.hero-copy{margin-top:32px}.intro-copy{max-width:560px}.intro-copy .statement{font-size:20px}.personal-hero{padding-block:48px;gap:40px;grid-template-columns:1fr}.personal-hero h1{font-size:48px}.personal-hero .hero-support{max-width:560px}.relation-board{max-width:640px;width:100%;margin:auto}.system-map{height:400px}.map-node{width:144px;grid-template-columns:24px 1fr;gap:4px 8px}.map-node .tool-glyph{width:24px;height:24px}.map-core{width:128px;height:128px}.map-core strong{font-size:24px}.collaboration-strip{gap:16px}.collaboration-strip>p{gap:16px;font-size:12px}.project-row{grid-template-columns:1fr 120px;gap:16px 32px;padding-block:24px}.project-description{grid-row:2;grid-column:1;max-width:480px}.project-status{grid-row:1;grid-column:2;justify-self:end}.project-link{grid-row:2;grid-column:2;justify-self:end}.personal-about{grid-template-columns:1fr;gap:24px}.personal-about h2{max-width:none;font-size:32px}.ability-body{grid-template-columns:1fr;padding-right:0;gap:24px}.abilities-list summary{grid-template-columns:1fr 1fr 12px;gap:24px}.ability-hint{font-size:12px}.notes-section{grid-template-columns:1fr;gap:32px}.site-footer{padding-top:64px}.footer-top h2{font-size:32px}.footer-links{gap:8px 24px}.footer-top{gap:32px}.footer-disclosures{gap:32px}}
@media(max-width:480px){:root{--space:24px}body{font-size:14px}.wordmark{font-size:20px;gap:8px}.wordmark svg{width:24px;height:28px}.wordmark>span{gap:12px}.wordmark-note{padding-left:12px;font-size:12px}.site-header{gap:12px}.nav-toggle{font-size:12px;padding:8px;gap:8px}.section{padding-block:48px}h2{font-size:28px}.hero-copy{margin-top:0;padding-top:176px}.hero-copy .button{margin-top:32px}.intro-copy .statement{font-size:18px}.intro-copy p+p{margin-top:24px}.personal-hero{padding-block:40px;gap:40px}.personal-hero h1{font-size:36px;line-height:1.4}.personal-hero .hero-support{font-size:14px;margin-top:24px;line-height:1.9}.hero-facts{font-size:12px;gap:24px;margin-top:24px}.relation-board{border-radius:4px}.board-heading{padding:12px 16px;font-size:12px;gap:8px}.system-map{height:340px}.map-node{width:112px;min-height:92px;grid-template-columns:1fr;text-align:center;justify-items:center;padding:8px;gap:2px}.map-node strong{font-size:14px}.map-node .tool-glyph{width:20px;height:20px;grid-row:auto}.map-node>span{grid-column:1;font-size:12px}.map-core{width:104px;height:104px;gap:4px}.map-core strong{font-size:20px}.map-core>span:last-child{font-size:12px}.core-symbol{font-size:16px}.board-note{font-size:12px;padding:12px 16px}.collaboration-strip{padding-block:16px;flex-wrap:wrap;gap:8px}.collaboration-strip>p{gap:12px;justify-content:space-between;flex:1;white-space:nowrap}.collaboration-strip .motion-control{margin-left:auto}.project-row{grid-template-columns:1fr 88px;gap:8px 16px;padding-block:24px}.project-identity{gap:16px}.project-identity>.tool-glyph{width:24px;height:24px}.project-identity h3{font-size:18px}.project-category{font-size:12px}.project-description{grid-column:1/-1;padding-top:8px;font-size:14px}.project-status{font-size:12px}.project-link{grid-row:3;grid-column:1/-1;justify-self:start;font-size:12px}.project-link .arrow{width:16px}.workspace-note{display:block;font-size:12px}.workspace-note .inline-link{margin-top:8px}.personal-about h2{font-size:28px}.personal-about p{font-size:14px}.abilities-list summary{grid-template-columns:1fr 12px;gap:4px 16px;padding-block:16px;min-height:80px}.ability-name{font-size:18px}.ability-hint{grid-row:2;font-size:12px}.abilities-list summary .disclosure-symbol{grid-column:2;grid-row:1/3}.ability-body{padding-bottom:24px}.ability-body>p,.ability-body dl{font-size:14px}.ability-links{font-size:12px;gap:8px 16px}.build-records h3{font-size:18px}.site-footer{padding-top:48px}.footer-top{display:block;margin-bottom:32px}.footer-top h2{font-size:28px;margin-bottom:24px}.footer-links{margin-top:32px;grid-template-columns:1fr 1fr;gap:0 32px}.footer-disclosures{display:block;padding-block:12px}.footer-disclosures details+details{border-top:1px solid var(--line)}.footer-meta{display:block;font-size:12px;padding-top:24px}.footer-meta>span{display:block}.footer-meta>span+span{margin-top:8px}}
@media(max-width:360px){:root{--space:16px}.personal-hero h1{font-size:32px}.system-map{height:320px}.map-node{width:96px}.map-core{width:96px;height:96px}.map-core strong{font-size:18px}.hero-facts{gap:16px}.collaboration-strip>p{gap:8px;font-size:12px}}
.wordmark-names{display:flex;flex-direction:column;gap:2px}.wordmark-chinese{font-size:20px;line-height:1.4;letter-spacing:.06em;font-weight:500}.wordmark-english{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;letter-spacing:.02em}.wordmark-english .wordmark-note{margin:0;font-size:11px;letter-spacing:0}
@media(max-width:800px){.wordmark-chinese{font-size:18px}.wordmark-english{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.map-pulse{opacity:0!important}}

/* Brand editorial: the horizon opens into a collection of real notes. */
.brand-page{--paper:#dce9e3;--paper-ink:#142d33;--brand-display:'XY Serif','Songti SC','SimSun',serif;--art-panel:#17323b;--art-wire:#779ba0;--art-highlight:#b6e7d6;--art-grid:#26454d}
.brand-page p{color:inherit}
.brand-page .site-header{position:relative;background:var(--ground);border-bottom:0}
.brand-page .site-header:has(#site-nav.open){position:fixed}
.brand-page .button{border-radius:0}
.horizon-view{position:relative;overflow:hidden;height:clamp(280px,46svh,500px);background:var(--surface)}
.horizon-view>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 49%}
.horizon-view .motion-control{position:absolute;right:var(--space);bottom:20px;color:var(--ink);background:var(--ground);border-color:var(--muted);font-size:13px}
.horizon-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.horizon-orbit ellipse{stroke:var(--accent);stroke-width:.8;opacity:.52}
.horizon-orbit circle{fill:var(--accent)}
.horizon-orbit .orbit-trace{stroke-width:2;stroke-dasharray:4 96;stroke-linecap:round;opacity:1}
.motion-ready .horizon-orbit .orbit-trace{animation:orbit-trace 18s linear infinite}
.page-inactive .horizon-orbit .orbit-trace{animation-play-state:paused}
@keyframes orbit-trace{to{stroke-dashoffset:-100}}
.masthead-copy,.brand-essay,.brand-future{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(24px,5vw,80px)}
.masthead-copy{padding-block:clamp(32px,5vw,68px) clamp(60px,8vw,116px);align-items:end}
.masthead-copy h1{grid-column:2;grid-row:1;font:400 clamp(50px,6vw,90px)/1.1 var(--brand-display);letter-spacing:-.05em}
.masthead-copy h1 span{display:block}
.masthead-lead{grid-column:1;grid-row:1;max-width:360px}
.masthead-lead p{font-size:clamp(16px,1.45vw,20px);line-height:1.65}
.masthead-lead .button{margin-top:24px}
.brand-paper{background:var(--paper);color:var(--paper-ink);--accent:#23525a;--art-panel:#eaf2ec;--art-wire:#60817e;--art-highlight:#1f625d;--art-grid:#b4cec5}
.brand-page main h2{font:400 clamp(32px,4.1vw,58px)/1.22 var(--brand-display);letter-spacing:-.04em}
.brand-essay,.brand-future{padding-block:clamp(72px,9vw,136px)}
.brand-essay{row-gap:clamp(20px,3vw,44px);align-items:start}
.brand-page .brand-essay h2{font-size:clamp(28px,3.4vw,46px)}
.brand-essay .essay-copy{grid-column:2;grid-row:1/3}
.essay-art{grid-column:1;margin:0;max-width:400px}
.essay-copy{max-width:670px;font-size:clamp(16px,1.4vw,19px)}
.essay-copy p+p{margin-top:20px}
.essay-copy .statement{font-size:clamp(21px,2.25vw,32px);line-height:1.45}
.brand-page .source-note{font-size:13px;line-height:1.65;opacity:.8}
.brand-archive{padding-top:clamp(72px,9vw,136px);padding-bottom:0}
.brand-archive header,.brand-fieldwork header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}
.brand-archive header p,.brand-fieldwork header p{max-width:350px}
.brand-art{display:block;width:100%;height:auto}
.brand-art :is(.art-grid,.art-wire,.art-panel,.art-highlight){stroke-linecap:round;stroke-linejoin:round}
.art-grid{stroke:var(--art-grid);stroke-width:1}
.art-wire,.art-panel{stroke:var(--art-wire);stroke-width:1.5}
.art-panel{fill:var(--art-panel)}
.art-highlight{stroke:var(--art-highlight);stroke-width:2.2}
.art-dot{fill:var(--art-highlight)}
.art-dashed{stroke-dasharray:4 5}
.art-label{fill:currentColor;font:600 16px var(--font)}
.art-flow{stroke-dasharray:9 91;opacity:0}
.motion-ready [data-diagram].arrived .art-flow{animation:brand-flow 4s ease-in-out 2}
.motion-ready [data-diagram].arrived .art-return{animation-delay:1.3s}
.page-inactive [data-diagram] .art-flow{animation-play-state:paused}
@keyframes brand-flow{0%{opacity:0}15%,80%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
.archive-diagram,.network-figure{display:grid;justify-items:center;margin:0;padding:clamp(16px,4vw,48px);background:var(--surface)}
.archive-diagram{margin-bottom:16px}
.archive-diagram .brand-art{max-width:840px}
.archive-diagram figcaption{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,840px);margin-top:12px}
.archive-diagram strong{display:block;margin-bottom:4px;color:var(--art-highlight)}
.archive-pages{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);background:var(--surface)}
.archive-summary,.archive-sources{padding:clamp(24px,4vw,56px)}
.archive-summary{background:var(--paper);color:var(--paper-ink)}
.archive-summary blockquote{margin:24px 0 0;font:400 clamp(25px,3vw,42px)/1.5 var(--brand-display);letter-spacing:-.035em;text-wrap:balance}
.archive-sources h3{margin:0 0 8px}
.question-row{border-bottom:1px solid var(--line)}
.question-row summary{min-height:64px;font-size:16px}
.question-row>p{padding:0 0 22px;font-size:16px}
.question-row .inline-link{display:table;margin-top:12px}
.brand-fieldwork{padding-block:clamp(76px,9vw,136px)}
.fieldwork-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:clamp(16px,2.6vw,36px)}
.fieldwork-grid article:nth-child(2){margin-top:32px}
.fieldwork-grid .brand-art{background:var(--surface)}
.fieldwork-grid article div{padding-top:18px}
.fieldwork-grid h3{font-size:clamp(19px,2vw,27px)}
.fieldwork-grid p{margin:8px 0 10px}
.network-figure{grid-column:1/-1}
.network-figure .brand-art{max-width:650px}
.network-figure .art-label{font-size:20px}
.network-figure figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:4px;font-size:14px}
.network-examples{grid-column:2}
.brand-future .question-row:first-of-type{margin-top:20px}
.brand-page .site-footer{max-width:none;width:100%;padding-inline:max(var(--space),calc((100% - 1200px)/2));background:var(--surface)}
.brand-page .footer-top h2{font:400 clamp(30px,5.3vw,70px)/1.22 var(--brand-display);letter-spacing:-.045em}
@media(max-width:800px){
  .horizon-view{height:clamp(235px,40svh,340px)}
  .horizon-view>img{object-position:58% 47%}
  .masthead-copy,.brand-essay,.brand-future{grid-template-columns:1fr}
  .masthead-copy h1,.masthead-lead{grid-column:auto;grid-row:auto}
  .brand-essay .essay-copy,.essay-art,.network-examples{grid-column:auto;grid-row:auto}
  .masthead-copy h1{font-size:clamp(44px,8vw,64px)}
  .masthead-lead{max-width:500px}
  .brand-archive header,.brand-fieldwork header{display:grid;gap:12px}
  .fieldwork-grid{grid-template-columns:1fr;gap:36px}
  .fieldwork-grid article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
  .fieldwork-grid article:nth-child(2){margin:0}
  .fieldwork-grid article div{padding:0}
}
@media(max-width:520px){
  .horizon-view{height:clamp(220px,32svh,300px)}
  .horizon-orbit{width:150%;left:-31%}
  .archive-pages,.fieldwork-grid article{grid-template-columns:1fr}
  .archive-diagram figcaption{grid-template-columns:1fr;gap:12px}
  .archive-diagram .art-label{display:none}
  .network-figure .art-label{font-size:23px}
  .network-figure figcaption{justify-content:flex-start;font-size:13px}
}