/* Personal homepage: restrained technical portfolio, variance 6 / motion 3 / density 4.
   Layers: navigation 100; modal 200. Surfaces 12px; controls 6px; logos retain identity. */
:root{--bg:#f8f9fb;--bg-soft:#eef1f5;--card:#fcfcfd;--ink:#18212e;--ink-2:#505d6f;--ink-3:#5b697b;--line:#d5dce5;--accent:#2360a5;--accent-ink:#205b9d;--radius:12px;--radius-sm:8px;--maxw:1200px;--nav-bg:#f8f9fbf5;color-scheme:light}
:root[data-theme="dark"]{--bg:#131922;--bg-soft:#1d2633;--card:#19222f;--ink:#edf1f7;--ink-2:#b6c2d2;--ink-3:#a0b0c5;--line:#354356;--accent:#91bfff;--accent-ink:#a6cbff;--nav-bg:#131922f5;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#131922;--bg-soft:#1d2633;--card:#19222f;--ink:#edf1f7;--ink-2:#b6c2d2;--ink-3:#a0b0c5;--line:#354356;--accent:#91bfff;--accent-ink:#a6cbff;--nav-bg:#131922f5;color-scheme:dark}}
html{scroll-behavior:auto}body{overflow-x:clip}button,a,input,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}button:active,.hero-action:active{transform:translateY(1px)}[hidden]{display:none!important}
.nav{background:var(--nav-bg);border-bottom:1px solid var(--line);backdrop-filter:none}.nav.scrolled{border-color:var(--line)}.nav-inner{height:72px;padding:0 32px;gap:24px}.nav-logo{white-space:nowrap;font-size:19px}.nav-links{gap:24px}.nav-links a{font-size:13px;font-weight:500;color:var(--ink-2);padding:12px 0}.nav-links a:hover{color:var(--accent-ink)}.nav-tools{display:flex;align-items:center;gap:8px}.theme-toggle,.menu-toggle,.lang-toggle{font:500 12px var(--font);padding:10px 9px;min-height:42px;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;white-space:nowrap;color:var(--ink-2)}.theme-toggle:hover,.menu-toggle:hover{background:var(--bg-soft)}.menu-toggle{display:none}.lang-sep{color:var(--ink-3)}section{scroll-margin-top:104px}
.hero{min-height:0;padding:150px 32px 70px;overflow:visible}.hero-content{max-width:1136px;grid-template-columns:1fr 1.08fr;gap:66px;align-items:center;text-align:left}.hero-org{font-size:14px;letter-spacing:.02em;margin-bottom:22px}.hero-name{font-size:clamp(48px,5.7vw,72px);line-height:1.12;font-weight:650;letter-spacing:-.05em;margin-bottom:25px}.hero-tagline{font-size:clamp(21px,2.1vw,27px);font-weight:550;line-height:1.55;letter-spacing:-.02em;margin-bottom:20px}.hero-bio{font-size:15px;line-height:1.9;max-width:490px;margin:0}.hero-org,.hero-name,.hero-tagline,.hero-bio,.hero-photo{opacity:1;animation:none;transform:none}.hero-photo{max-width:none}.hero-photo img{aspect-ratio:4/3;height:auto;border-radius:12px;object-position:58% 45%;box-shadow:none;border:1px solid var(--line)}.hero-photo figcaption{font-size:12px;color:var(--ink-3);margin-top:12px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:6px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:600;white-space:nowrap;transition:transform .18s}.hero-action.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.stats{padding:0 32px}.stats-inner{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:transparent;display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:left;min-width:0;padding:26px 0 28px 28px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat-value{font-size:30px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;margin-top:8px;color:var(--ink-2)}
.thesis,.writing,.about,.portfolio,.news,.contact{padding-left:32px;padding-right:32px}.thesis,.writing,.news{padding-top:104px}.section-title{text-align:left;font-size:clamp(29px,3.7vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.25}.section-sub{text-align:left;max-width:690px;line-height:1.8;color:var(--ink-2)}.thesis-lead{margin:20px 0 0;max-width:820px;text-align:left;font-size:20px;line-height:1.8;font-weight:400;color:var(--ink-2)}.thesis-grid{grid-template-columns:1fr 1.1fr;gap:0 50px;margin-top:42px}.thesis-card{border:0;border-top:1px solid var(--line);background:none;border-radius:0;padding:26px 0}.thesis-card:nth-child(2){grid-column:2;grid-row:1 / span 2}.thesis-card:hover{transform:none;box-shadow:none}.thesis-num{display:none}.thesis-card h3{font-size:19px;margin-bottom:16px}.thesis-card p{font-size:15px;line-height:1.9}.beliefs{max-width:none;display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:44px;padding:35px 0;border-top:1px solid var(--line)}.beliefs-title{text-align:left;font-size:15px;letter-spacing:0;color:var(--ink);margin:0}.belief-list{display:grid;grid-template-columns:1fr 1fr;gap:26px}.belief-list li{font-size:18px;font-weight:450;padding:0;border:0;line-height:1.7}.belief-list li::before{display:none}
.ai-monitor-home{padding:92px 32px 20px}.monitor-heading .section-title,.monitor-heading .section-sub{text-align:left}.monitor-kicker{display:none}.monitor-all{color:var(--accent-ink);font-weight:550;padding:12px 0}.monitor-primary{gap:20px}.monitor-secondary{gap:20px}.monitor-tile,.monitor-tile.primary,.monitor-storage{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.monitor-tile.primary{background:var(--bg-soft)}.monitor-tile:hover{border-color:var(--accent);transform:none}.monitor-number,.primary .monitor-number{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:550}.monitor-label{color:var(--ink-2);font-size:13px}.monitor-detail,.monitor-stamp,.monitor-storage .footnote,.monitor-storage .history-hover,.monitor-storage summary{color:var(--ink-3);font-size:12px}.monitor-storage select{background:var(--bg-soft);color:var(--ink);border-color:var(--line)}.monitor-storage .chart-label{fill:var(--ink-2)}.monitor-storage .chart-gridline{stroke:var(--line)}.monitor-storage td,.monitor-storage th{border-color:var(--line)}.monitor-stamp.error{color:var(--ink-2)}
.founders{max-width:var(--maxw);margin:92px auto 0;padding:48px 32px;background:var(--bg-soft);border-radius:12px}.founders-grid{grid-template-columns:1fr;gap:0;margin-top:30px}.founder-card{display:grid;grid-template-columns:240px 1fr;gap:30px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:25px 0}.founder-card h3{font-size:18px;margin:0}.founder-card p{font-size:15px;line-height:1.8}.founder-card:hover{transform:none;box-shadow:none}.writing-grid{gap:24px}.essay-card{border-color:var(--line);border-radius:12px;box-shadow:none}.essay-card:hover{box-shadow:none;transform:translateY(-2px)}.essay-cover-text{background:var(--bg-soft)}.about{margin-top:100px;padding-top:50px;padding-bottom:60px}.about-grid{gap:70px}.block-label{color:var(--ink);font-size:18px;letter-spacing:0;text-transform:none}.edu-list li{font-size:17px;font-weight:450;line-height:1.8;padding:12px 0;border:0}.pub-list li{border:0;padding:12px 0}.pub-meta{font-style:normal;color:var(--ink-3)}
.portfolio{padding-top:50px;padding-bottom:10px}.portfolio-head{text-align:left;margin-bottom:42px}.portfolio-highlight{text-align:left;max-width:850px;margin:16px 0 0;line-height:1.85}.segmented{border-radius:8px;margin-top:26px}.seg-btn{border-radius:6px;min-height:44px}.seg-thumb{border-radius:6px;box-shadow:none}.sector-head h3{font-size:22px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);padding:24px;border-radius:12px;opacity:1;transform:none;animation:none}.card:hover{box-shadow:none;border-color:var(--accent);transform:translateY(-2px)}.card-icon{width:44px;height:44px;border-radius:8px}.card-name{font-size:18px}.card-loc{color:var(--ink-3)}.tag{border-radius:4px;padding:4px 7px;font-size:11px;color:var(--ink-2)}.card-site{opacity:1;color:var(--ink-3)}.zone{border-color:var(--line)}.chip{background:var(--bg-soft);border-color:var(--line);color:var(--ink)}.cake-layer{background:var(--bg-soft);border:1px solid var(--line);box-shadow:none;color:var(--ink);opacity:1;transform:none;animation:none}.cake-layer::after,.rdot::after{display:none}.cake-layer:hover{transform:none;box-shadow:none;border-color:var(--accent)}.cake-label{color:var(--ink);text-shadow:none}.cake .chip,.cake .chip:hover{background:var(--card)}.cake .zone-num{background:var(--accent);color:var(--bg);box-shadow:none}.rdot,.zone-num{color:var(--bg);border-color:var(--card);box-shadow:none}
.news{padding-bottom:70px}.news-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 4px 14px;margin:25px -4px 20px;scrollbar-width:thin}.nf{border-radius:6px;flex:none;min-height:42px;font-size:13px;background:var(--bg-soft);color:var(--ink-2)}.nf.is-on{background:var(--ink);color:var(--bg)}.news-list{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.news-item{grid-template-columns:1fr auto;gap:12px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.news-item:hover{background:none}.news-date{grid-column:2;grid-row:1;font-size:12px;color:var(--ink-3)}.news-co{grid-column:1;grid-row:1;font-size:14px;min-height:28px}.news-text{grid-column:1 / -1;font-size:15px;line-height:1.85;color:var(--ink-2)}.news-src{grid-column:1 / -1;justify-self:start;color:var(--accent-ink);font-size:12px;white-space:normal;overflow-wrap:anywhere}.news-morewrap{text-align:left;margin-top:28px}.news-more{border-radius:6px;min-height:44px;color:var(--ink);font-weight:500}.news-empty{grid-column:1 / -1}.contact{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;padding-top:60px;padding-bottom:60px}.contact-title{font-size:32px}.contact-desc{margin:0;font-size:15px}.contact-cards{grid-column:2;grid-row:1 / span 2;align-self:center;justify-content:flex-end;margin:0}.contact-card{background:transparent;border:0;border-radius:0;padding:0;min-width:0}.contact-card:hover{transform:none;box-shadow:none}.contact-card .cc-value{font-size:19px;overflow-wrap:anywhere}.footer{max-width:1136px;margin:auto;text-align:left;padding:25px 0;color:var(--ink-3)}
.modal-card{max-height:calc(100dvh - 44px);overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:none}.modal-close{background:var(--bg-soft);color:var(--ink);z-index:1}.modal-meta,.modal-summary{color:var(--ink-2)}.modal-news{border-color:var(--line)}.modal-news-item{display:grid;grid-template-columns:1fr;gap:5px;padding:12px 0}.modal-news-item .news-src{grid-column:1}.modal-news-item .news-text{grid-column:1}.modal-news-item .news-date{grid-column:1;grid-row:auto}.modal-link{color:var(--accent-ink)}
@media(max-width:1050px){.nav-inner{gap:16px}.nav-links{gap:15px}.hero-content{gap:35px}.hero-name{font-size:58px}.hero-tagline{font-size:23px}}
@media(max-width:900px){.nav-inner{height:68px;padding:0 22px}.menu-toggle{display:block}.nav-tools{margin-left:auto}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:16px 22px 24px;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px 24px}.nav-links.is-open{display:grid}.nav-links a{font-size:16px;padding:12px 0}.hero{padding-top:120px}.hero-content{grid-template-columns:1fr 1fr;text-align:left}.hero-bio{font-size:14px}.hero-photo{margin:0}.hero-name{font-size:49px}.hero-tagline{font-size:20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{gap:10px}.hero-action{padding:11px 13px;font-size:13px}}
@media(max-width:767px){section{scroll-margin-top:88px}.hero{padding:110px 22px 38px}.hero-content{grid-template-columns:1fr;gap:32px;max-width:none}.hero-org{margin-bottom:16px}.hero-name{font-size:48px;margin-bottom:20px}.hero-tagline{font-size:22px;max-width:520px;margin-bottom:16px}.hero-bio{font-size:15px;margin:0;max-width:100%}.hero-photo{max-width:none}.hero-photo img{aspect-ratio:16/10}.hero-actions{margin-top:24px}.stats{padding:0 22px}.stats-inner{grid-template-columns:1fr 1fr}.stat{padding:22px 0 22px 22px}.stat:nth-child(3){padding-left:0;border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat-value{font-size:26px}.thesis,.writing,.news,.ai-monitor-home{padding:65px 22px 0}.thesis-lead{font-size:18px}.thesis-grid{grid-template-columns:1fr;gap:0;margin-top:28px}.thesis-card:nth-child(2){grid-column:auto;grid-row:auto}.beliefs{grid-template-columns:1fr;gap:24px;margin-top:16px}.belief-list{grid-template-columns:1fr;gap:18px}.belief-list li{font-size:18px}.monitor-primary,.monitor-secondary{grid-template-columns:1fr;gap:12px}.monitor-tile,.monitor-tile.primary,.monitor-storage{padding:20px}.monitor-heading{display:block}.founders{margin:65px 22px 0;padding:28px 22px}.founder-card{grid-template-columns:1fr;gap:12px;padding:24px 0}.founder-card:last-child{padding-bottom:0}.about{margin:64px 22px 0;padding:36px 0}.about-grid{gap:32px;grid-template-columns:1fr}.portfolio{padding:45px 22px 0}.portfolio-head{margin-bottom:32px}.portfolio-highlight{font-size:14px}.seg-btn{padding:9px 16px;font-size:13px}.card-grid{grid-template-columns:1fr;gap:12px}.card{padding:20px 20px 20px 86px;min-height:142px}.card-icon{position:absolute;left:20px;top:24px}.card-name{padding-right:24px}.card-site{top:16px;right:12px}.sector-head h3{font-size:20px}.news-list{grid-template-columns:1fr;gap:0}.news-item{padding:24px 0}.news-co{max-width:100%;font-size:14px}.news-text{font-size:15px}.contact{display:block;padding:42px 22px;margin-top:60px}.contact-desc{margin-top:15px}.contact-cards{justify-content:flex-start;margin-top:28px}.footer{margin:0 22px;padding:24px 0}.modal-overlay{padding:12px}.modal-card{padding:30px 22px;max-height:calc(100dvh - 24px)}.modal-photo{margin:-30px -22px 0}.time-row .card-grid{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card,.cake-layer{opacity:1;transform:none}}
/* Keep focus available immediately when the dialog becomes visible. */
.modal-overlay{transition:opacity .18s var(--ease)}
.nav{background:var(--bg)}
.monitor-spark path{stroke:var(--accent)}
@media(max-width:360px){.nav-inner{padding:0 16px;gap:8px}.nav-logo{font-size:16px}.nav-tools{gap:5px}.theme-toggle,.menu-toggle,.lang-toggle{font-size:11px;padding:9px 6px}.hero-name{font-size:43px}}
/* Series retain coloured checkboxes/lines; text uses the readable body colour. */
.monitor-storage label span,.monitor-storage div[style*="color:"]{color:var(--ink-2)!important}