/*
 * Quiet Archive v4
 * A single, deliberate public-site system: wide editorial grids, restrained
 * typography and one recurring focus rail. Loaded after legacy front.css.
 */
:root{
  --qa-bg:#f4f6fb;
  --qa-paper:#fbfcff;
  --qa-ink:#151927;
  --qa-muted:#687087;
  --qa-line:rgba(25,32,55,.12);
  --qa-line-strong:rgba(25,32,55,.22);
  --qa-violet:#695cff;
  --qa-cyan:#66cfe7;
  --qa-shadow:0 18px 48px rgba(31,38,67,.08);
  --qa-shell:min(1680px,calc(100vw - clamp(40px,7vw,144px)));
  --qa-reading:780px;
  --qa-radius:18px;
  --bg:var(--qa-bg);
  --surface:var(--qa-paper);
  --text:var(--qa-ink);
  --muted:var(--qa-muted);
  --border:var(--qa-line);
  --accent:var(--qa-violet);
}
html[data-theme="dark"],html.dark{
  --qa-bg:#0d1220;
  --qa-paper:#131a2b;
  --qa-ink:#edf1fb;
  --qa-muted:#98a3ba;
  --qa-line:rgba(220,228,255,.11);
  --qa-line-strong:rgba(220,228,255,.22);
  --qa-shadow:0 22px 58px rgba(0,0,0,.26);
}
html{scroll-padding-top:86px;background:var(--qa-bg)}
body{overflow-x:hidden;background:var(--qa-bg);color:var(--qa-ink);font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.7;text-rendering:optimizeLegibility}
body::before{display:none!important}
a{color:inherit;text-decoration:none}
img,video{max-width:100%}
.container{width:var(--qa-shell)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
.reveal,.reveal.in,.fade-up,.fade-up.in{opacity:1!important;transform:none!important;filter:none!important}
.optical-kicker,.section-track,.hero-index,.project-overline,.project-section-mark>span,.project-related-head>span,.project-comments-head>span,.toc-eyebrow{font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--qa-violet)}
.optical-kicker::before,.section-track::before{content:"";display:inline-block;width:18px;height:1px;margin:0 9px 3px 0;background:var(--qa-violet)}
.empty,.search-empty,.links-empty{border:1px dashed var(--qa-line-strong)!important;border-radius:16px!important;background:transparent!important;color:var(--qa-muted)!important;box-shadow:none!important}
:focus-visible{outline:3px solid color-mix(in srgb,var(--qa-violet) 45%,transparent)!important;outline-offset:3px}

/* Navigation */
.nav{position:fixed!important;z-index:80;top:0;right:0;left:0;height:72px;border-bottom:1px solid var(--qa-line)!important;background:color-mix(in srgb,var(--qa-bg) 88%,transparent)!important;color:var(--qa-ink)!important;backdrop-filter:blur(18px) saturate(140%);box-shadow:none!important;transition:background .25s ease,color .25s ease}
.nav .inner{height:72px!important;display:grid!important;grid-template-columns:minmax(250px,1fr) auto minmax(120px,1fr);gap:28px;align-items:center}
.nav .logo{gap:11px!important;min-width:0;color:inherit!important;font-size:15px;font-weight:750;letter-spacing:-.02em}
.nav .logo>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav .dot{width:9px!important;height:9px!important;border-radius:2px!important;transform:rotate(45deg);background:var(--qa-violet)!important;box-shadow:0 0 18px color-mix(in srgb,var(--qa-violet) 48%,transparent)}
.site-logo-img{width:28px!important;height:28px!important;object-fit:contain}
.nav .menu{display:flex!important;align-items:center;justify-content:center;gap:6px!important}
.nav .menu>a:not(.btn){position:relative;padding:10px 13px!important;color:var(--qa-muted)!important;font-size:14px;font-weight:650;border-radius:9px}
.nav .menu>a:not(.btn)::after{position:absolute;right:13px;bottom:4px;left:13px;height:2px;content:"";transform:scaleX(0);background:var(--qa-violet);transition:transform .2s ease}
.nav .menu>a:hover,.nav .menu>a.active{color:var(--qa-ink)!important;background:transparent!important}
.nav .menu>a.active::after{transform:scaleX(1)}
.nav .nav-tools{justify-self:end}
.nav .icon-btn,.nav .nav-toggle{color:var(--qa-ink)!important}
.nav .nav-session-action{height:38px!important;padding:0 16px!important;border:1px solid var(--qa-line-strong)!important;border-radius:999px!important;background:transparent!important;color:var(--qa-ink)!important;box-shadow:none!important}
.page-home .nav:not(.scrolled){border-color:rgba(255,255,255,.18)!important;background:linear-gradient(to bottom,rgba(8,12,20,.45),transparent)!important;color:#fff!important;backdrop-filter:none}
.page-home .nav:not(.scrolled) .menu>a:not(.btn),.page-home .nav:not(.scrolled) .icon-btn{color:rgba(255,255,255,.82)!important}
.page-home .nav:not(.scrolled) .menu>a:hover,.page-home .nav:not(.scrolled) .menu>a.active{color:#fff!important}

/* Shared page heading */
.page-banner{height:330px!important;min-height:0!important;margin:0!important;overflow:hidden;background:#1a2030!important}
.page-banner .bnr-img{width:100%;height:100%!important;object-fit:cover;object-position:center 44%;opacity:.5;filter:saturate(.7) contrast(.9)}
.page-banner::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(12,17,29,.72),rgba(12,17,29,.22) 62%,rgba(12,17,29,.08))}
.page-banner .bnr-inner{z-index:2;width:var(--qa-shell)!important;max-width:none!important;margin:auto!important;padding:128px 0 42px!important;text-align:left!important}
.page-banner h1{margin:0;color:#fff;font-size:clamp(42px,4.3vw,72px)!important;line-height:1.05;letter-spacing:-.06em}
.page-banner p{margin:14px 0 0;color:rgba(255,255,255,.7)!important;font-size:15px!important}
.banner-wave{display:none!important}

/* Home thesis */
.hero-full{height:min(82svh,900px)!important;min-height:620px!important;background:#151a27!important}
.hero-full .bg,.hero-full picture,.hero-full picture img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-full::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(6,10,18,.58) 0%,rgba(8,12,20,.2) 48%,rgba(8,12,20,.06)),linear-gradient(to top,rgba(8,12,20,.55),transparent 48%)}
.hero-focus-copy{z-index:4!important;right:auto!important;bottom:clamp(62px,9vh,110px)!important;left:max(calc((100vw - var(--qa-shell))/2),24px)!important;width:min(900px,80vw)!important;transform:none!important;text-align:left!important}
.hero-index{color:rgba(255,255,255,.7)!important}
.hero-focus-copy h1{max-width:900px;margin:18px 0 8px!important;color:#fff!important;font-size:clamp(54px,7.5vw,128px)!important;line-height:.95!important;letter-spacing:-.075em!important;text-shadow:0 3px 30px rgba(0,0,0,.18)}
.hero-typed{color:rgba(255,255,255,.78)!important;font-size:clamp(16px,1.4vw,22px)!important;letter-spacing:.02em}
.hero-mist{height:24%!important;background:linear-gradient(to top,var(--qa-bg),transparent)!important}
.scroll-down{z-index:5!important;right:max(calc((100vw - var(--qa-shell))/2),24px)!important;bottom:72px!important;color:rgba(255,255,255,.72)!important}
.home-continuum{background:var(--qa-bg)!important}
.home-focus-rail{display:none!important}
.home-section{padding:clamp(64px,7vw,108px) 0!important}
.home-section+.home-section{border-top:1px solid var(--qa-line)}
.home-intro{padding-top:clamp(72px,8vw,120px)!important}
.home-intro-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(20px,2.5vw,42px)!important;align-items:end}
.home-intro-copy{grid-column:1/span 6!important;max-width:720px}
.home-intro-copy h2{margin:18px 0 12px!important;font-size:clamp(42px,4.8vw,76px)!important;line-height:1;letter-spacing:-.06em}
.home-intro-copy p{max-width:560px;margin:0;color:var(--qa-muted);font-size:18px}
.home-index-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px!important}
.home-index-links a{padding:9px 14px!important;border:1px solid var(--qa-line)!important;border-radius:999px!important;color:var(--qa-ink)!important;font-size:13px}
.home-index-links a:hover{border-color:var(--qa-violet)!important;color:var(--qa-violet)!important}
.home-stats{grid-column:8/-1!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:0!important;border-top:1px solid var(--qa-line-strong);border-bottom:1px solid var(--qa-line-strong)}
.home-stats>div{padding:22px 18px!important;border-right:1px solid var(--qa-line)!important}
.home-stats>div:last-child{border-right:0!important}
.home-stats dt{color:var(--qa-muted)!important;font:700 10px/1.2 ui-monospace,monospace!important;letter-spacing:.1em}
.home-stats dd{margin:9px 0 0!important;color:var(--qa-ink)!important;font-size:clamp(24px,2vw,36px)!important;font-weight:750;letter-spacing:-.04em}
.optical-section-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:24px;margin-bottom:34px!important}
.optical-section-head h2{margin:12px 0 0!important;font-size:clamp(34px,3.5vw,58px)!important;line-height:1.06;letter-spacing:-.055em}
.optical-section-head>a{color:var(--qa-muted)!important;font-size:13px;border-bottom:1px solid var(--qa-line-strong)}
.work-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(18px,2vw,32px)!important}
.work-item{grid-column:span 6;display:block!important;min-width:0;color:var(--qa-ink)!important}
.work-item.feature{grid-column:span 8!important}
.work-frame{position:relative;aspect-ratio:16/10!important;margin:0!important;overflow:hidden;border-radius:var(--qa-radius)!important;background:var(--qa-paper)!important;box-shadow:none!important}
.work-frame img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.work-item:hover .work-frame img{transform:scale(1.025)}
.work-frame figcaption{top:16px!important;right:16px!important;bottom:auto!important;left:auto!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.32);border-radius:999px!important;background:rgba(12,16,27,.32)!important;color:#fff!important;font-size:11px;backdrop-filter:blur(12px)}
.work-index-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:18px 2px 0!important;border:0!important}
.work-index-meta h3{margin:0!important;font-size:clamp(22px,2vw,31px)!important;line-height:1.2;letter-spacing:-.04em}
.work-index-meta p{max-width:640px;margin:8px 0 0!important;color:var(--qa-muted)!important;font-size:14px}
.work-facts{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;gap:9px!important;color:var(--qa-muted)!important;font-size:10px!important;white-space:nowrap}
.work-facts span+span::before{content:"/";margin-right:9px;color:var(--qa-line-strong)}
.feature{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;min-height:390px!important;overflow:hidden;border:1px solid var(--qa-line)!important;border-radius:22px!important;background:var(--qa-paper)!important;box-shadow:none!important}
.feature-cover{min-height:390px!important;aspect-ratio:auto!important;overflow:hidden}
.feature-cover img{width:100%;height:100%;object-fit:cover}
.feature-body{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,4vw,72px)!important}
.feature-title{margin:16px 0 12px!important;font-size:clamp(30px,3vw,49px)!important;line-height:1.12;letter-spacing:-.055em}
.feature-sum{max-width:590px;color:var(--qa-muted)!important;font-size:16px!important}
.work-item.feature{display:block!important;min-height:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ed-more{margin-top:26px!important;color:var(--qa-violet)!important;font-size:13px;font-weight:700}
.story-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2vw,30px)!important}
.story{overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.story-cover{aspect-ratio:16/10!important;overflow:hidden;border-radius:14px!important;background:var(--qa-paper)!important}
.story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.story:hover img{transform:scale(1.025)}
.story-body{padding:16px 2px 0!important}
.story-title{margin:8px 0 12px!important;font-size:20px!important;line-height:1.4;letter-spacing:-.025em}
.story-cat{color:var(--qa-violet)!important;font-size:11px!important;font-weight:700}
.ed-meta{display:flex;gap:14px;color:var(--qa-muted)!important;font-size:11px!important}
.skills-wrap{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:26px!important;padding:0!important;border:0!important;background:transparent!important}
.skill{padding:18px 0!important;border-top:1px solid var(--qa-line-strong)!important}
.skill .bar{height:3px!important;background:var(--qa-line)!important}
.skill .bar i{background:linear-gradient(90deg,var(--qa-violet),var(--qa-cyan))!important}
.tag-row{gap:8px!important}.tag-row a{padding:8px 13px!important;border:1px solid var(--qa-line)!important;border-radius:999px!important;background:transparent!important;color:var(--qa-muted)!important;box-shadow:none!important}

/* Works archive */
.works-page{padding-top:72px}
.page-works .works-page{padding-top:0!important}
.works-index{position:relative;min-height:340px!important;padding:0!important;overflow:hidden;background:var(--qa-paper)!important}
.works-index::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,var(--qa-bg) 20%,color-mix(in srgb,var(--qa-bg) 65%,transparent),var(--qa-bg))}
.works-ambient{width:100%;height:100%!important;object-fit:cover;opacity:.18;filter:grayscale(.15) saturate(.7)}
.works-index-inner{position:relative;z-index:2;display:grid!important;grid-template-columns:repeat(12,1fr)!important;align-items:end!important;gap:24px;padding:88px 0 54px!important}
.works-index-inner>div:first-child{grid-column:1/span 7}
.works-index h1{margin:15px 0 8px!important;font-size:clamp(52px,6vw,92px)!important;line-height:.95;letter-spacing:-.07em}
.works-index p{margin:0;color:var(--qa-muted)!important}
.works-index-count{grid-column:10/-1!important;display:flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:12px!important;padding:0!important;border:0!important;text-align:right}
.works-index-count b{font-size:42px!important}.works-index-count span{color:var(--qa-muted)!important;font-size:12px!important}
.works-index .focus-rail{display:none!important}
.works-archive{padding-top:34px!important;padding-bottom:100px!important}
.works-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;padding:14px 0 20px!important;border-bottom:1px solid var(--qa-line)!important}
.filters{display:flex!important;flex-wrap:wrap;gap:6px!important}
.filters a{padding:8px 13px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--qa-muted)!important;font-size:13px}
.filters a:hover,.filters a.active{background:color-mix(in srgb,var(--qa-violet) 10%,transparent)!important;color:var(--qa-violet)!important}
.works-toolbar .search{display:flex!important;width:min(300px,32vw)!important;border-bottom:1px solid var(--qa-line-strong)!important;background:transparent!important}
.works-toolbar .search input{width:100%;height:40px;border:0!important;background:transparent!important;color:var(--qa-ink)!important}
.works-toolbar .search button{border:0;background:transparent;color:var(--qa-violet);font-weight:700}
.works-archive>.work-grid{margin-top:34px}
.works-archive .work-item{grid-column:span 6}
.works-archive .work-grid:has(>.work-item:only-child)::after{grid-column:9/-1;content:"";border-top:1px solid var(--qa-line)}
.works-archive .work-grid:has(>.work-item:only-child)>.work-item{grid-column:1/span 8}
#sentinel{padding:42px 0!important;color:var(--qa-muted)!important;text-align:center!important}

/* Article archive */
.blog-layout{display:grid!important;width:var(--qa-shell)!important;max-width:none!important;grid-template-columns:260px minmax(0,1fr)!important;gap:clamp(40px,5vw,84px)!important;margin:0 auto!important;padding:58px 0 110px!important}
.blog-main{min-width:0!important}
.sidebar{position:sticky!important;top:104px!important;align-self:start!important;display:grid!important;gap:0!important}
.sidebar-card{padding:22px 0!important;border:0!important;border-bottom:1px solid var(--qa-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
.author-card .ava{width:62px!important;height:62px!important;margin:0 0 16px!important;border:0!important;border-radius:14px!important;object-fit:cover}
.author-card .name{margin:0!important;font-size:18px!important}.author-card .sign{margin:6px 0!important;color:var(--qa-muted)!important;font-size:12px!important}
.author-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin-top:20px!important}
.author-stats .s{align-items:flex-start!important;border-right:1px solid var(--qa-line)}.author-stats .s:last-child{border:0}
.author-stats .num{font-size:20px!important}.author-stats .lbl{font-size:10px!important;color:var(--qa-muted)!important}
.side-title{font-size:12px!important;font-weight:750}.side-search{display:flex!important;margin-top:10px;border-bottom:1px solid var(--qa-line-strong)!important}.side-search input{height:38px;border:0!important;background:transparent!important}.side-search button{border:0!important;background:transparent!important;color:var(--qa-violet)!important}
.tag-cloud{gap:6px!important;margin-top:12px!important}.tag-cloud a{padding:5px 9px!important;border:1px solid var(--qa-line)!important;border-radius:999px!important;background:transparent!important;color:var(--qa-muted)!important;font-size:11px!important}
.post-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(18px,2vw,30px)!important}
.post-card{overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.post-card .cover{display:block;aspect-ratio:16/10!important;overflow:hidden;border-radius:14px!important;background:var(--qa-paper)!important}
.post-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.post-card:hover .cover img{transform:scale(1.025)}
.post-card .pc-body{padding:16px 2px 6px!important}
.pc-date{color:var(--qa-muted)!important;font-size:10px!important}.pc-title{margin:8px 0!important;font-size:19px!important;line-height:1.4;letter-spacing:-.025em}.pc-sum{margin:0 0 14px!important;color:var(--qa-muted)!important;font-size:13px!important}.pc-meta{display:flex!important;gap:12px!important;color:var(--qa-muted)!important;font-size:10px!important}.pc-cat{margin-left:auto!important;color:var(--qa-violet)!important}

/* Article reading */
.article-detail-page{overflow-x:hidden!important}
.article-page{width:min(1320px,calc(100vw - clamp(32px,8vw,140px)))!important;padding-top:124px!important;padding-bottom:110px!important}
.article-page>.back-link{display:inline-flex;margin:0 0 34px!important;color:var(--qa-muted)!important;font-size:13px}
.article-hero{max-width:920px!important;margin:0 auto 46px!important;text-align:left!important}
.article-kicker{display:inline-block!important;margin:0 0 22px!important;color:var(--qa-violet)!important;font-size:13px!important}
.article-title{margin:0!important;font-size:clamp(42px,5vw,74px)!important;line-height:1.08!important;letter-spacing:-.06em!important}
.byline{justify-content:flex-start!important;margin-top:28px!important}.byline-ava{width:44px!important;height:44px!important}.byline-info{align-items:flex-start!important}.byline-meta{color:var(--qa-muted)!important;font-size:12px!important}
.article-tags{justify-content:flex-start!important;margin-top:20px!important}.article-tags .chip{padding:6px 10px!important;border:1px solid var(--qa-line)!important;border-radius:999px!important;background:transparent!important;color:var(--qa-muted)!important}
.article-cover{display:block!important;width:100%!important;max-height:min(64vh,720px)!important;margin:0 auto 68px!important;border-radius:22px!important;object-fit:cover!important;box-shadow:none!important}
.article-layout{display:grid!important;grid-template-columns:minmax(0,var(--qa-reading)) 260px!important;justify-content:center!important;gap:72px!important;align-items:start}
.article-body{min-width:0!important}.article-aside{position:sticky!important;top:102px!important;width:auto!important}
.article-toc{padding:0 0 0 20px!important;border:0!important;border-left:1px solid var(--qa-line-strong)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.article-toc::before,.article-toc::after{display:none!important}.toc-head{padding:0 0 14px!important;border:0!important}.toc-title{font-size:15px!important}.article-toc nav{max-height:56vh!important;padding:0!important}.article-toc a{padding:7px 0 7px 14px!important;border-radius:0!important;color:var(--qa-muted)!important;font-size:12px!important}.article-toc a.active{background:transparent!important;color:var(--qa-violet)!important;font-weight:700}.article-toc a.active::before{left:-24px!important;width:7px!important;height:7px!important;border-radius:2px!important;transform:rotate(45deg)!important;background:var(--qa-violet)!important}
.prose{font-size:17px!important;line-height:1.9!important}.prose h2{margin:2.3em 0 .8em!important;font-size:34px!important;letter-spacing:-.04em}.prose h3{margin:1.8em 0 .7em!important;font-size:25px!important}.prose img{border-radius:12px!important}.prose pre{border-radius:14px!important}.prose blockquote{border-left:3px solid var(--qa-violet)!important;background:color-mix(in srgb,var(--qa-violet) 6%,transparent)!important}
.colophon{margin:72px 0 38px!important}.work-nav{gap:12px!important}.work-nav a{padding:22px!important;border:1px solid var(--qa-line)!important;border-radius:14px!important;background:transparent!important}.related-block{margin-top:64px!important}.related-grid{grid-template-columns:repeat(2,1fr)!important}.related-card{border:1px solid var(--qa-line)!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important}

/* Work visual story */
.work-story{background:var(--qa-bg)!important}
.project-poster{height:clamp(560px,68svh,820px)!important;min-height:0!important;margin-top:72px!important;background:#111625!important}
.project-poster-media,.project-poster-media picture,.project-poster-media img{width:100%;height:100%!important}.project-poster-media img{object-fit:cover!important;object-position:center!important}
.project-poster-shade{background:linear-gradient(90deg,rgba(7,10,18,.58),rgba(7,10,18,.08) 60%),linear-gradient(to top,rgba(7,10,18,.46),transparent 50%)!important}
.project-poster-inner{width:var(--qa-shell)!important;max-width:none!important;padding:44px 0 50px!important}
.project-back{top:38px!important;color:rgba(255,255,255,.82)!important}.project-poster-copy{max-width:900px!important;margin-top:auto!important;margin-bottom:18px!important}.project-poster-copy h1{margin:15px 0!important;color:#fff!important;font-size:clamp(58px,7vw,112px)!important;line-height:.95!important;letter-spacing:-.075em!important}.project-overline{color:rgba(255,255,255,.7)!important}
.project-poster-foot{padding-top:18px!important;border-top:1px solid rgba(255,255,255,.24)!important;color:rgba(255,255,255,.65)!important}
.project-canvas{width:var(--qa-shell)!important;max-width:none!important;margin:auto!important;padding:0!important}
.project-intro{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(20px,3vw,52px)!important;padding:clamp(72px,8vw,128px) 0!important;border-bottom:1px solid var(--qa-line)!important}
.project-section-mark{grid-column:1/span 3!important}.project-section-mark h2{margin:13px 0!important;font-size:clamp(30px,3.2vw,50px)!important;line-height:1.08;letter-spacing:-.05em}.project-intro-copy{grid-column:4/span 6!important}.project-lead{margin:0!important;font-size:clamp(28px,3vw,48px)!important;line-height:1.35!important;letter-spacing:-.045em!important}.project-facts{grid-column:10/-1!important;margin:0!important}.project-facts>div{padding:14px 0!important;border-top:1px solid var(--qa-line)!important}.project-facts dt{font-size:9px!important;color:var(--qa-muted)!important}.project-facts dd{margin-top:5px!important;font-size:12px!important}
.project-story-section{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(20px,3vw,52px)!important;padding:clamp(76px,8vw,128px) 0!important;border-bottom:1px solid var(--qa-line)!important}
.project-section-mark--sticky{grid-column:1/span 3!important;position:sticky!important;top:106px!important;align-self:start!important}.project-section-mark p{max-width:230px;color:var(--qa-muted)!important;font-size:13px!important}
.project-media-flow{grid-column:4/-1!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(14px,1.5vw,24px)!important}
.project-shot{min-width:0;margin:0!important}.project-shot--full{grid-column:1/-1!important}.project-shot--wide{grid-column:span 8!important}.project-shot--half{grid-column:span 6!important}.project-shot--portrait{grid-column:span 4!important}.project-shot--inline{grid-column:3/span 8!important}
.project-shot-frame{overflow:hidden;border-radius:14px!important;background:var(--qa-paper)!important;box-shadow:none!important}.project-shot-frame>img{display:block;width:100%;height:100%;min-height:260px;max-height:760px;object-fit:cover!important;object-position:var(--focal-x) var(--focal-y)}
.project-shot--full .project-shot-frame>img{aspect-ratio:16/9}.project-shot--wide .project-shot-frame>img{aspect-ratio:16/10}.project-shot--half .project-shot-frame>img{aspect-ratio:4/3}.project-shot--portrait .project-shot-frame>img{aspect-ratio:3/4}
.project-shot figcaption{padding:10px 2px 0!important;color:var(--qa-muted)!important;font-size:12px!important}
.project-notes-body{grid-column:4/-1!important;max-width:900px}.project-copy{font-size:17px!important}.resource-row{border-color:var(--qa-line)!important;background:transparent!important}
.project-footer-nav,.project-related,.project-comments{width:var(--qa-shell)!important;max-width:none!important;margin-inline:auto!important}.project-footer-nav{padding:72px 0!important}.project-footer-nav a{padding:24px 0!important;border-top:1px solid var(--qa-line)!important;background:transparent!important}.project-related{padding:80px 0!important}.project-related-grid{grid-template-columns:repeat(3,1fr)!important}.project-related-item figure{border-radius:14px!important}.project-comments{display:grid!important;grid-template-columns:3fr 9fr!important;gap:52px;padding:80px 0 120px!important;border-top:1px solid var(--qa-line)!important}.project-comments-head h2{font-size:38px!important}
.archive-player{border-radius:14px!important;background:#080b12!important}.archive-player-controls{background:linear-gradient(transparent,rgba(0,0,0,.86))!important}

/* Links, timeline, search */
.links-archive-hero{height:330px!important;min-height:0!important;margin-top:0!important;background:#151a27!important}.links-archive-hero img{height:100%!important;object-fit:cover!important;object-position:center 42%!important;opacity:.5}.links-archive-shade{background:linear-gradient(90deg,rgba(9,13,22,.72),rgba(9,13,22,.18))!important}.links-archive-title{align-items:flex-start!important;justify-content:flex-end!important;padding:0 0 48px!important;text-align:left!important}.links-archive-title h1{font-size:clamp(44px,5vw,76px)!important;letter-spacing:-.06em}.links-archive-title>span{display:none!important}.links-archive-title p{color:rgba(255,255,255,.72)!important}
.links-directory{min-height:0!important;padding:72px 0 110px!important}.links-directory-head{display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;margin-bottom:40px!important;padding-bottom:30px!important;border-bottom:1px solid var(--qa-line)!important}.links-directory-head h2{font-size:42px!important}.links-directory-head p{max-width:600px!important;color:var(--qa-muted)!important}
.links-directory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.directory-card{min-height:150px!important;padding:22px!important;border:1px solid var(--qa-line)!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important}.directory-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--qa-violet) 45%,var(--qa-line))!important}.directory-logo{width:58px!important;height:58px!important;border-radius:13px!important}.directory-copy strong{font-size:18px!important}.directory-copy p{margin-top:10px!important;color:var(--qa-muted)!important;font-size:12px!important}
.page-timeline .container[style]{width:min(1080px,calc(100vw - 48px))!important;max-width:none!important;padding:72px 0 110px!important}.timeline{padding-left:0!important}.timeline::before{left:118px!important;background:var(--qa-line-strong)!important}.tl-item{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:38px!important;padding:0 0 52px!important}.tl-item::before{left:113px!important;width:11px!important;height:11px!important;border-radius:2px!important;transform:rotate(45deg)!important;background:var(--qa-violet)!important}.tl-item .date{grid-column:1;color:var(--qa-muted)!important;font-size:11px!important}.tl-item h3,.tl-item p,.tl-item a{grid-column:2}.tl-item h3{margin:0!important;font-size:26px!important}
.search-page{padding:140px 0 110px!important}.search-intro{max-width:850px!important;margin-bottom:36px!important}.search-intro p{color:var(--qa-violet)!important}.search-intro h1{margin:10px 0!important;font-size:clamp(42px,5vw,72px)!important;letter-spacing:-.06em}.global-search-form{padding:22px!important;border:1px solid var(--qa-line)!important;border-radius:16px!important;background:var(--qa-paper)!important;box-shadow:none!important}.global-search-form>div{display:flex!important}.global-search-form input{height:54px!important;background:transparent!important}.global-search-form nav a.active{color:var(--qa-violet)!important}.search-results{margin-top:48px!important}.search-group{margin-bottom:48px!important}.search-group>header{border-bottom:1px solid var(--qa-line)!important}.search-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:0 32px!important}.search-list>a{padding:24px 0!important;border-bottom:1px solid var(--qa-line)!important;background:transparent!important}.search-list strong{font-size:20px!important}

/* Auth and footer */
.auth-page,.login-page{background:var(--qa-bg)!important}.auth-card{border:1px solid var(--qa-line)!important;background:var(--qa-paper)!important;box-shadow:var(--qa-shadow)!important}
.footer{padding:38px 0!important;border-top:1px solid var(--qa-line)!important;background:var(--qa-bg)!important}.footer .container{display:flex!important;align-items:center;justify-content:space-between;gap:20px}.footer-seal{display:none!important}.footer p{margin:0!important;font-size:12px!important}.footer .muted{color:var(--qa-muted)!important}
.fab-stack{right:22px!important;bottom:22px!important}.fab{width:42px!important;height:42px!important;border:1px solid var(--qa-line)!important;border-radius:50%!important;background:color-mix(in srgb,var(--qa-paper) 88%,transparent)!important;color:var(--qa-ink)!important;box-shadow:var(--qa-shadow)!important;backdrop-filter:blur(12px)}

@media(max-width:1180px){
  :root{--qa-shell:calc(100vw - 56px)}
  .nav .inner{grid-template-columns:1fr auto}.nav .menu{position:fixed}.home-intro-copy{grid-column:1/span 7!important}.home-stats{grid-column:8/-1!important;grid-template-columns:repeat(2,1fr)!important}.post-grid{grid-template-columns:repeat(2,1fr)!important}.blog-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:42px!important}.project-intro-copy{grid-column:4/span 7!important}.project-facts{grid-column:11/-1!important}.article-layout{grid-template-columns:minmax(0,740px) 230px!important;gap:42px!important}.links-directory-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:860px){
  .page-works #main-content{padding-top:64px!important}
  :root{--qa-shell:calc(100vw - 36px)}
  .nav{height:64px}.nav .inner{height:64px!important}.nav .logo{font-size:14px}.hero-full{height:78svh!important;min-height:560px!important}.hero-focus-copy{bottom:76px!important}.hero-focus-copy h1{font-size:clamp(48px,12vw,84px)!important}.scroll-down{display:none!important}.home-section{padding:62px 0!important}.home-intro-copy{grid-column:1/-1!important}.home-stats{grid-column:1/-1!important;margin-top:28px!important}.work-item,.work-item.feature,.works-archive .work-item{grid-column:span 12!important}.works-archive .work-grid:has(>.work-item:only-child)>.work-item{grid-column:1/-1!important}.works-archive .work-grid:has(>.work-item:only-child)::after{display:none}.feature{grid-template-columns:1fr!important}.feature-cover{min-height:0!important;aspect-ratio:16/10!important}.story-grid{grid-template-columns:repeat(2,1fr)!important}.skills-wrap{grid-template-columns:1fr!important}.works-index{min-height:280px!important}.works-index-inner{padding:74px 0 38px!important}.works-index-inner>div:first-child{grid-column:1/span 9}.works-index-count{grid-column:10/-1!important}.works-toolbar{align-items:stretch!important;flex-direction:column!important}.works-toolbar .search{width:100%!important}.blog-layout{grid-template-columns:1fr!important;padding-top:38px!important}.sidebar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.author-card{grid-row:span 2}.article-page{padding-top:104px!important}.article-layout{grid-template-columns:1fr!important}.article-aside{display:none!important}.article-hero{margin-left:0!important}.project-poster{height:60svh!important;min-height:480px!important;margin-top:64px!important}.project-intro,.project-story-section{grid-template-columns:repeat(8,1fr)!important}.project-section-mark,.project-section-mark--sticky{grid-column:1/span 2!important;position:static!important}.project-intro-copy,.project-media-flow,.project-notes-body{grid-column:3/-1!important}.project-facts{grid-column:3/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px}.project-comments{grid-template-columns:1fr!important}.links-directory-grid{grid-template-columns:repeat(2,1fr)!important}.search-list{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  :root{--qa-shell:calc(100vw - 28px)}
  body{font-size:15px}.hero-full{height:72svh!important;min-height:520px!important}.hero-focus-copy{left:18px!important;width:calc(100vw - 36px)!important}.hero-index{font-size:9px!important}.home-stats{grid-template-columns:repeat(2,1fr)!important}.home-stats>div:nth-child(2){border-right:0!important}.home-stats>div:nth-child(-n+2){border-bottom:1px solid var(--qa-line)}.optical-section-head{align-items:flex-start!important}.story-grid,.post-grid,.links-directory-grid{grid-template-columns:1fr!important}.work-index-meta{grid-template-columns:1fr!important}.work-facts{justify-content:flex-start!important}.feature{border-radius:16px!important}.feature-body{padding:26px!important}.page-banner{height:260px!important}.page-banner .bnr-inner{padding-top:108px!important}.page-banner h1{font-size:42px!important}.works-index-inner>div:first-child{grid-column:1/span 9}.works-index h1{font-size:56px!important}.works-index-count b{font-size:32px!important}.sidebar{grid-template-columns:1fr!important}.article-page{width:calc(100vw - 28px)!important}.article-title{font-size:clamp(38px,11vw,54px)!important}.article-cover{margin-bottom:42px!important;border-radius:14px!important}.prose{font-size:16px!important}.related-grid{grid-template-columns:1fr!important}.project-poster{height:58svh!important;min-height:440px!important}.project-poster-inner{padding-bottom:28px!important}.project-poster-copy h1{font-size:clamp(48px,14vw,76px)!important}.project-poster-foot>span:not(:last-child){display:none!important}.project-intro,.project-story-section{display:block!important;padding:62px 0!important}.project-section-mark,.project-section-mark--sticky{margin-bottom:30px}.project-lead{font-size:28px!important}.project-facts{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:34px!important}.project-media-flow{display:grid!important;grid-template-columns:1fr!important}.project-shot{grid-column:1!important}.project-shot-frame>img{min-height:0!important;max-height:none!important}.project-shot--full .project-shot-frame>img,.project-shot--wide .project-shot-frame>img,.project-shot--half .project-shot-frame>img{aspect-ratio:4/3}.project-shot--portrait .project-shot-frame>img{aspect-ratio:3/4}.project-footer-nav{padding:48px 0!important}.project-related-grid{grid-template-columns:1fr!important}.project-comments{padding:56px 0 90px!important}.links-directory-head{grid-template-columns:1fr!important}.links-directory{padding-top:48px!important}.timeline::before{left:5px!important}.tl-item{display:block!important;padding-left:32px!important}.tl-item::before{left:0!important}.tl-item .date{margin-bottom:7px!important}.footer .container{align-items:flex-start!important;flex-direction:column!important}.fab-stack{right:14px!important;bottom:14px!important}
}

/* Density correction: keep the archive spacious without turning every entry into a full screen. */
:root{--qa-shell:min(1840px,calc(100vw - clamp(32px,5vw,112px)))}
body{line-height:1.65}
.hero-full{height:min(76svh,820px)!important;min-height:540px!important}
.hero-focus-copy{bottom:clamp(52px,8vh,88px)!important;width:min(1100px,calc(100vw - 64px))!important}
.hero-focus-copy h1{max-width:1100px!important;font-size:clamp(48px,5.2vw,84px)!important;line-height:1.08!important;letter-spacing:-.055em!important;text-wrap:balance}
.home-section{padding:clamp(52px,5vw,76px) 0!important}
.optical-section-head{margin-bottom:28px!important}
.optical-section-head h2{font-size:clamp(30px,2.8vw,44px)!important;line-height:1.08!important}
.home-intro-copy h2{font-size:clamp(36px,3.7vw,56px)!important;line-height:1.1!important}
.home-intro-copy p{font-size:16px!important;line-height:1.75!important}

/* The legacy stylesheet makes every story span four columns. Reset it for the v4 three-column grid. */
.story{grid-column:auto!important}
.story-title{font-size:18px!important;line-height:1.48!important}
.story-sum{line-height:1.72!important}
.work-item.feature{grid-column:span 6!important}
.feature{min-height:0!important}
.feature-cover{min-height:0!important;aspect-ratio:16/10!important}
.feature-body{padding:clamp(26px,3vw,46px)!important}
.feature-title{font-size:clamp(26px,2.5vw,38px)!important;line-height:1.2!important}

.works-index{min-height:250px!important}
.works-index-inner{padding:82px 0 42px!important}
.works-index h1{font-size:clamp(44px,4.6vw,68px)!important;line-height:1.03!important}
.works-archive{padding-top:26px!important}
.works-archive>.work-grid{margin-top:26px!important}
.works-archive .work-item{grid-column:span 4!important}
.works-archive .work-grid:has(>.work-item:only-child)::after{display:none!important}
.works-archive .work-grid:has(>.work-item:only-child)>.work-item{grid-column:span 5!important}
.work-index-meta h3{font-size:clamp(20px,1.7vw,25px)!important;line-height:1.28!important}
.work-index-cover{aspect-ratio:16/10!important}

.page-banner{height:280px!important}
.page-banner h1{font-size:clamp(42px,4vw,58px)!important}
.links-archive-hero{height:280px!important}
.links-archive-title h1{font-size:clamp(40px,4vw,58px)!important}
.links-directory{padding:56px 0 82px!important}
.links-directory-head{margin-bottom:28px!important;padding-bottom:22px!important}
.links-directory-head h2{font-size:34px!important}
.directory-card{min-height:122px!important;padding:18px!important}
.directory-logo{width:50px!important;height:50px!important}
.directory-copy strong{font-size:16px!important}.directory-copy p{line-height:1.6!important}
.tl-item{padding-bottom:38px!important}.tl-item h3{font-size:22px!important;line-height:1.4!important}.tl-item p{line-height:1.75!important}
.search-page{padding:108px 0 82px!important}.search-intro h1{font-size:clamp(38px,4vw,56px)!important}

@media(max-width:1180px){
  :root{--qa-shell:calc(100vw - 48px)}
  .works-archive .work-item{grid-column:span 6!important}
  .works-archive .work-grid:has(>.work-item:only-child)>.work-item{grid-column:span 7!important}
}
@media(max-width:860px){
  :root{--qa-shell:calc(100vw - 36px)}
  .hero-full{height:72svh!important;min-height:500px!important}
  .hero-focus-copy{bottom:58px!important;width:calc(100vw - 44px)!important}
  .hero-focus-copy h1{font-size:clamp(42px,8.6vw,68px)!important;line-height:1.1!important}
  .home-section{padding:48px 0!important}
  .story-grid,.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .story{grid-column:auto!important}
  .work-item.feature,.works-archive .work-item{grid-column:span 6!important}
  .works-archive .work-grid:has(>.work-item:only-child)>.work-item{grid-column:span 8!important}
}
@media(max-width:680px){
  :root{--qa-shell:calc(100vw - 28px)}
  .hero-full{height:68svh!important;min-height:460px!important}
  .hero-focus-copy{left:18px!important;width:calc(100vw - 36px)!important}
  .hero-focus-copy h1{font-size:clamp(38px,12vw,58px)!important;line-height:1.12!important;letter-spacing:-.045em!important}
  .story-grid,.post-grid{grid-template-columns:1fr!important}
  .work-item.feature,.works-archive .work-item,.works-archive .work-grid:has(>.work-item:only-child)>.work-item{grid-column:1/-1!important}
  .works-index{min-height:210px!important}.works-index-inner{padding:72px 0 28px!important}.works-index h1{font-size:46px!important}
  .page-banner,.links-archive-hero{height:230px!important}
}

/* Archive headings: configured imagery stays visible and carries the page identity. */
.works-index>picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.works-index--image{min-height:340px!important;background:#101522!important}
.works-index--image .works-ambient{width:100%;height:100%!important;opacity:.72!important;filter:saturate(.82) contrast(.92)!important;object-fit:cover!important;object-position:center!important}
.works-index--image::after{background:linear-gradient(90deg,rgba(9,13,22,.82) 0%,rgba(9,13,22,.46) 54%,rgba(9,13,22,.18) 100%)!important}
.works-index--image h1{color:#fff!important}.works-index--image p,.works-index--image .works-index-count span{color:rgba(255,255,255,.72)!important}
.works-index--image .optical-kicker{color:#b9b0ff!important}.works-index--image .works-index-count b{color:#fff!important}

/* Search is a focused utility, not a landing-page card. */
.search-page{width:min(1180px,calc(100vw - 48px))!important;padding:116px 0 86px!important}
.search-intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)!important;align-items:end!important;gap:36px!important;max-width:none!important;margin-bottom:32px!important;padding-bottom:26px!important;border-bottom:1px solid var(--qa-line)!important}
.search-intro p{grid-column:1;margin:0 0 8px!important;font-size:11px!important}.search-intro h1{grid-column:1;margin:0!important;font-size:clamp(36px,4vw,56px)!important;line-height:1.08!important}.search-intro>span{grid-column:2;grid-row:1/3;align-self:end;color:var(--qa-muted);font-size:14px;line-height:1.75}
.global-search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;padding:0 0 22px!important;border:0!important;border-bottom:1px solid var(--qa-line)!important;border-radius:0!important;background:transparent!important}
.global-search-form .search-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.global-search-form input{height:48px!important;padding-inline:16px!important;border:1px solid var(--qa-line-strong)!important;border-radius:10px!important;background:var(--qa-paper)!important}
.global-search-form button{height:48px!important;padding-inline:22px!important;box-shadow:none!important}
.global-search-form nav{display:flex!important;gap:3px!important;margin:0!important}.global-search-form nav a{padding:8px 11px!important;border-radius:8px!important;font-size:12px!important}
.search-results{margin-top:30px!important;padding-top:0!important}.search-empty{min-height:0!important;padding:34px 0!important;border:0!important;border-radius:0!important;text-align:left!important}.search-empty h2{font-size:22px!important}.search-empty p{margin-bottom:0!important}
.search-group{margin-bottom:40px!important}.search-group>header{padding-bottom:10px!important}.search-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 34px!important;border-top:0!important}.search-list>a{grid-template-columns:74px minmax(0,1fr) auto!important;gap:12px!important;padding:18px 0!important}.search-list>a p{grid-column:2/-1!important}.search-list strong{font-size:17px!important;line-height:1.45!important}

/* Timeline: year anchors plus a readable event rail. */
.timeline-archive{width:min(1180px,calc(100vw - 48px))!important;padding:62px 0 96px!important}
.timeline-intro{display:grid;grid-template-columns:1fr minmax(300px,.65fr);align-items:end;gap:40px;margin-bottom:42px;padding-bottom:26px;border-bottom:1px solid var(--qa-line)}
.timeline-intro span{color:var(--qa-violet);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.1em}.timeline-intro h2{margin:8px 0 0;font-size:clamp(30px,3vw,44px);line-height:1.1}.timeline-intro p{margin:0;color:var(--qa-muted);font-size:14px;line-height:1.75}
.timeline-archive .timeline{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;padding:0!important}
.timeline-archive .timeline::before{left:173px!important;top:14px!important;bottom:14px!important;width:1px!important;background:var(--qa-line-strong)!important}
.timeline-year{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:48px;padding:22px 0 12px}.timeline-year b{font-size:24px;letter-spacing:-.04em}.timeline-year span{align-self:center;color:var(--qa-muted);font:700 9px/1 ui-monospace,monospace;letter-spacing:.16em}
.timeline-archive .tl-item{position:relative;grid-column:1/-1;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:48px!important;padding:16px 0 34px!important}
.timeline-archive .tl-item::before{left:168px!important;top:22px!important;width:11px!important;height:11px!important;border:3px solid var(--qa-bg)!important;border-radius:3px!important;background:var(--qa-violet)!important;box-shadow:0 0 0 1px var(--qa-violet)!important}
.timeline-archive .tl-item .date{grid-column:1!important;padding-top:2px;color:var(--qa-muted)!important;font:650 12px/1.4 ui-monospace,monospace!important}
.timeline-event-copy{grid-column:2;max-width:780px;padding:0 0 28px;border-bottom:1px solid var(--qa-line)}.timeline-event-copy header{display:flex;align-items:center;gap:10px}.timeline-event-copy h3{margin:0!important;font-size:22px!important;line-height:1.35!important}.timeline-icon{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--qa-line);border-radius:8px;background:var(--qa-paper)}.timeline-event-copy p{margin:12px 0 0;color:var(--qa-muted);font-size:15px;line-height:1.85}.timeline-event-copy a{display:inline-flex;margin-top:14px;color:var(--qa-violet);font-size:12px;font-weight:700}.timeline-empty{padding:52px 0;border-bottom:1px solid var(--qa-line)}

/* A quiet global scrollbar keeps position feedback without the native grey rail. */
html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--qa-violet) 42%,var(--qa-muted)) transparent}
html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--qa-violet) 42%,var(--qa-muted));background-clip:padding-box}html::-webkit-scrollbar-thumb:hover{background:var(--qa-violet);background-clip:padding-box}

/* Mobile navigation is a self-contained archive index, never a transparent hero overlay. */
.nav-menu-backdrop{display:none}
.nav-menu-backdrop[hidden]{display:none!important}
@media(max-width:860px){
  .nav-menu-backdrop:not([hidden]){position:fixed;z-index:78;inset:64px 0 0;display:block;background:rgba(7,10,18,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  .nav .menu,.page-home .nav--hero:not(.scrolled) .menu{position:fixed!important;z-index:82!important;top:76px!important;right:12px!important;bottom:auto!important;left:12px!important;display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;max-height:calc(100dvh - 88px);gap:8px!important;margin:0!important;padding:16px!important;overflow:auto;border:1px solid var(--qa-line-strong)!important;border-radius:18px!important;background:var(--qa-paper)!important;color:var(--qa-ink)!important;box-shadow:0 24px 70px rgba(7,10,18,.24)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important;overscroll-behavior:contain}
  .nav .menu.open,.page-home .nav--hero:not(.scrolled) .menu.open{display:grid!important;animation:qaMenuIn .2s cubic-bezier(.2,.7,.2,1)!important}
  .nav .menu::before{grid-column:1/-1;display:block;padding:0 2px 7px;color:var(--qa-muted);content:"站点导航";font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
  .nav .menu>a:not(.btn),.page-home .nav--hero:not(.scrolled) .menu.open>a:not(.btn){position:relative;display:flex!important;min-height:52px;align-items:center;padding:0 14px 0 29px!important;border:1px solid var(--qa-line)!important;border-radius:12px!important;background:transparent!important;color:var(--qa-ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important}
  .nav .menu>a:not(.btn)::before{position:absolute;left:14px;width:6px;height:6px;border:1px solid var(--qa-line-strong);border-radius:2px;content:"";transform:rotate(45deg)}
  .nav .menu>a:not(.btn)::after{display:none!important}
  .nav .menu>a:not(.btn):hover,.nav .menu>a:not(.btn):focus-visible{border-color:color-mix(in srgb,var(--qa-violet) 42%,var(--qa-line))!important;background:color-mix(in srgb,var(--qa-violet) 5%,var(--qa-paper))!important;color:var(--qa-violet)!important}
  .nav .menu>a:not(.btn).active,.page-home .nav--hero:not(.scrolled) .menu.open>a:not(.btn).active{border-color:color-mix(in srgb,var(--qa-violet) 34%,var(--qa-line))!important;background:color-mix(in srgb,var(--qa-violet) 9%,var(--qa-paper))!important;color:var(--qa-violet)!important}
  .nav .menu>a:not(.btn).active::before{border-color:var(--qa-violet);background:var(--qa-violet);box-shadow:0 0 12px color-mix(in srgb,var(--qa-violet) 45%,transparent)}
  .nav .menu .nav-session-action,.page-home .nav--hero:not(.scrolled) .menu.open .nav-session-action{grid-column:1/-1;display:flex!important;min-height:46px!important;align-items:center;justify-content:center;margin:4px 0 0!important;border:1px solid var(--qa-line-strong)!important;border-radius:12px!important;background:var(--qa-ink)!important;color:var(--qa-paper)!important;font-size:14px!important;font-weight:750!important}
  .nav .menu .nav-user-name{grid-column:1/-1;padding:8px 2px;color:var(--qa-muted);font-size:12px}
  .nav .menu .nav-user-form{grid-column:1/-1;margin:0}
  .nav .menu .nav-user-form .nav-session-action{width:100%}
  @keyframes qaMenuIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
}

@media(max-width:760px){
  .search-page,.timeline-archive{width:calc(100vw - 28px)!important;padding-top:88px!important}
  .search-intro,.timeline-intro{grid-template-columns:1fr!important;gap:12px!important}.search-intro>span{grid-column:1;grid-row:auto}.global-search-form{grid-template-columns:1fr!important}.global-search-form nav{overflow:auto!important}.search-list{grid-template-columns:1fr!important}
  .timeline-archive .timeline{grid-template-columns:72px minmax(0,1fr)!important}.timeline-archive .timeline::before{left:84px!important}.timeline-year{grid-template-columns:72px 1fr;gap:26px}.timeline-archive .tl-item{grid-template-columns:72px minmax(0,1fr)!important;gap:26px!important}.timeline-archive .tl-item::before{left:79px!important}.timeline-event-copy h3{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.work-frame img,.story-cover img,.post-card .cover img{transition:none!important}.nav .menu.open{animation:none!important}}

/* Homepage selected works share one visual baseline. Importance is scoped here to
   retire the older 8/4 featured-card split without changing the works archive. */
.page-home .ed-works .work-item,
.page-home .ed-works .work-item.feature{
  grid-column:span 6!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-rows:auto 1fr;
}
.page-home .ed-works .work-frame{
  width:100%;
  height:auto!important;
  aspect-ratio:16/10!important;
}
.page-home .ed-works .work-index-meta{
  height:100%;
  align-content:start;
}
.page-home .ed-works .work-index-meta p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.page-home .ed-works .work-item:only-child{
  grid-column:span 8!important;
}
@media(max-width:680px){
  .page-home .ed-works .work-item,
  .page-home .ed-works .work-item.feature,
  .page-home .ed-works .work-item:only-child{grid-column:1/-1!important}
}

/* Homepage curation: selected work stays stable while new publishing keeps moving. */
.home-curation-section .curation-group--featured+.curation-group--recent{
  margin-top:clamp(52px,6vw,88px);
  padding-top:clamp(34px,4vw,58px);
  border-top:1px solid var(--qa-line);
}
.optical-section-head--sub{margin-bottom:clamp(22px,3vw,38px)!important}
.optical-section-head--sub h2{font-size:clamp(28px,3vw,42px)!important}
.page-home .ed-works .home-featured-work-grid .work-item{grid-column:span 6!important}
.page-home .ed-works .home-recent-work-grid .work-item{grid-column:span 3!important}
.page-home .ed-works .home-recent-work-grid .work-item:only-child{grid-column:span 6!important}
.home-recent-work-grid .work-index-meta{grid-template-columns:1fr!important;gap:8px!important;padding-top:14px!important}
.home-recent-work-grid .work-index-meta h3{font-size:clamp(17px,1.3vw,21px)!important}
.home-recent-work-grid .work-index-meta p{font-size:12px!important;line-height:1.65!important}
.home-recent-work-grid .work-facts{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important}
.work-frame,.story-cover,.post-card .cover{position:relative}
.curation-badge{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:0 10px;
  border:1px solid color-mix(in srgb,#fff 38%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--qa-violet) 88%,#111827);
  color:#fff;
  box-shadow:0 8px 24px color-mix(in srgb,var(--qa-violet) 24%,transparent);
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
}
@media(max-width:1100px){
  .page-home .ed-works .home-recent-work-grid .work-item{grid-column:span 6!important}
}
@media(max-width:680px){
  .page-home .ed-works .home-featured-work-grid .work-item,
  .page-home .ed-works .home-recent-work-grid .work-item,
  .page-home .ed-works .home-recent-work-grid .work-item:only-child{grid-column:1/-1!important}
  .curation-badge{top:10px;left:10px;min-height:24px;padding-inline:9px}
}