:root{--paper:#ffffff;--ink:#151515;--muted:#59616d;--line:#d9d9d9;--lime:#e8eeff;--green:#2855d9;--accent:#2855d9}body{background:var(--paper)}.site-header{display:flex;align-items:center;gap:24px;position:relative;z-index:30}.site-header .brand{font-size:29px}.site-header .brand span{font-size:9px;letter-spacing:.08em}.site-header nav{margin-left:auto;display:flex;gap:27px;font-size:13px}.site-header nav a:nth-child(3){display:block}.site-header a:hover,.row-read,.menu-secondary a:hover{color:var(--accent)}.menu-toggle{display:none;background:#121212;color:white;border:0;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:16px;height:1px;background:currentColor}.site-header #language{font-size:12px;background:none;border:0;cursor:pointer;padding:10px}.site-header a[aria-current=page]{color:var(--accent)}.career-proof{background:#f0f0f0}.career-proof>a{background:transparent}.career-map{background:#f0f0f0;color:#202124}.career-map>a,.career-map h3{color:#202124}.career-map .map-top,.career-map p,.career-map .map-number,.career-map .map-bottom{color:#535b64}.career-map .map-star{color:#2855d9}.career-map>a,.career-map .map-bottom{border-color:#ccd0d5}.career-map>a:hover h3,.career-map>a:hover>span:last-child{color:#2149c2}.career-map>a:focus-visible{outline:2px solid #2855d9;outline-offset:4px}.hiring-label i{background:var(--accent)}.open-source,.about{background:#f4f4f4}.pr-list b,.time-row .role{color:#3159a9}.section{padding-top:80px;padding-bottom:80px}.section-title h2{font-weight:400;letter-spacing:-.04em;font-size:clamp(30px,4vw,54px)}.editorial-feature{background:var(--paper)}.editorial-browser{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:5%;margin-top:35px}.editorial-list{min-width:0}.editorial-row{display:block;position:relative;padding:27px 38px 30px 0;border-top:1px solid var(--line);text-decoration:none}.editorial-row:last-child{border-bottom:1px solid var(--line)}.editorial-meta{display:flex;justify-content:space-between;gap:15px;font:10px/1.8 monospace;letter-spacing:.035em;color:var(--muted)}.editorial-row h3{font-size:clamp(23px,2.6vw,35px);font-weight:400;line-height:1.5;letter-spacing:-.035em;margin:24px 0 18px}.editorial-arrow{position:absolute;right:0;top:76px;font-size:29px;font-weight:300;transition:transform .18s,color .18s}.editorial-row:hover .editorial-arrow,.editorial-row.is-active .editorial-arrow{color:var(--accent);transform:translate(3px,-3px)}.row-read{font-size:11px}.editorial-preview{min-width:0}.preview-sticky{position:sticky;top:30px;padding:0 0 20px}.preview-label,.preview-hint{font:10px/1.8 monospace;color:var(--muted)}.preview-label{display:block;margin-bottom:18px}.preview-art{padding:25px;background:#101010;color:#f5f5f5;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.preview-art>span{font:9px/1.8 monospace;color:#a7a7a7}.preview-art strong{font-size:clamp(35px,4.3vw,62px);font-weight:400;letter-spacing:-.05em;overflow-wrap:anywhere;line-height:1.2;padding:22px 0}.preview-art>div{font:10px/1.8 monospace;color:#c1c1c1}.art-layout{background:linear-gradient(135deg,#18264c,#304b83)}.art-tirx{background:#1e2831}.art-performance{background:#202124}.preview-copy{padding:27px;background:#efefef}.preview-copy>span{font:10px monospace;color:#747474}.preview-copy h3{font-size:21px;font-weight:400;line-height:1.6;margin:16px 0}.preview-copy p{font-size:14px;line-height:1.9;margin:0;color:#555}.preview-hint{margin-top:14px}.mobile-summary{display:none}.editorial-row[hidden]{display:none!important}.writing-main{width:84%;max-width:1440px;margin:auto;padding-bottom:110px}.writing-hero{padding:100px 0 70px}.writing-hero h1{font-size:clamp(43px,6.8vw,94px);font-weight:400;letter-spacing:-.065em;line-height:1.16;margin:35px 0}.writing-hero>p:last-child{font-size:16px;color:#666;line-height:1.9;max-width:600px}.writing-filters{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:18px 0}.writing-filters button{border:0;background:none;color:#777;font:inherit;font-size:13px;padding:8px 0;cursor:pointer}.writing-filters button[aria-pressed=true]{color:var(--ink);box-shadow:0 1px var(--ink)}.writing-filters>span{margin-left:auto;font:11px monospace;color:#777}.site-contact{position:relative;background:#111;color:#fafafa;padding:80px 8%;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.site-contact>div>span{font:11px monospace;color:#aaa}.site-contact h2{font-size:clamp(36px,5.8vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1.2;margin:30px 0}.site-contact p{font-size:13px;color:#aaa;line-height:1.8}.contact-links{display:flex;gap:15px;margin-top:30px}.contact-links a{border:1px solid #444;border-radius:30px;padding:10px 18px;font-size:12px}.contact-circle{flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;width:150px;height:150px;border-radius:50%;background:var(--accent);color:#fff;font:12px/1.8 monospace;transition:transform .2s}.contact-circle:hover{transform:scale(1.06)}footer{background:#111;color:#999;padding:28px 8%;border-top:1px solid #2a2a2a}footer a{color:#ddd}.site-menu{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#111;color:#fff;padding:35px 8%;overflow:auto}.site-menu::backdrop{background:#111}.menu-head{display:flex;align-items:center;justify-content:space-between;font:11px monospace;color:#999}.menu-close{font-size:38px;background:none;color:#fff;border:0;cursor:pointer;padding:6px 16px}.site-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:35px 0}.site-menu nav a,.site-menu nav a:nth-child(3){display:block;font-size:clamp(30px,6vw,65px);font-weight:400;line-height:1.3}.menu-secondary{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid #444;padding:24px 0;font-size:13px}.page-curtain{position:fixed;inset:0;z-index:10000;pointer-events:none;display:flex;align-items:center;justify-content:center;transform:translateY(120%);color:white;isolation:isolate}.page-curtain:before{content:"";position:absolute;inset:-12% -8%;background:#111;border-radius:50% 50% 0 0/12% 12% 0 0;z-index:-1}.page-curtain>span{font-size:clamp(30px,5vw,56px);font-weight:400;letter-spacing:-.04em}.page-curtain>span:before{content:"· ";color:#999}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.filter-heading{flex-wrap:wrap;gap:18px}html:not(.editorial-ready) .editorial-preview{display:none}html:not(.editorial-ready) .editorial-browser{grid-template-columns:1fr}html:not(.editorial-ready) .mobile-summary{display:block;font-size:14px;line-height:1.8;color:#666}html:not(.editorial-ready) .writing-filters{display:none}@media(min-width:901px){.editorial-ready .menu-toggle{display:flex}.site-header{padding-right:0}}@media(max-width:900px){.site-header{flex-wrap:wrap;gap:15px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:14px}.editorial-ready .site-header nav{display:none}.editorial-ready .menu-toggle{display:flex}.site-header #language{margin-left:auto}.editorial-browser{grid-template-columns:1fr}.editorial-preview{display:none}.mobile-summary{display:block;font-size:14px;line-height:1.9;color:#666;max-width:650px}.editorial-row h3{font-size:26px}.site-contact{align-items:flex-start;flex-direction:column}.contact-circle{width:112px;height:112px}.writing-hero{padding:55px 0 40px}.writing-main{width:90%}.section{padding-top:55px;padding-bottom:55px}.editorial-meta{font-size:9px;flex-wrap:wrap}.editorial-row{padding-right:28px}.writing-filters{gap:18px;flex-wrap:wrap}.writing-filters>span{margin-left:0}.menu-secondary{gap:18px}}@media(prefers-reduced-motion:reduce){.page-curtain{display:none!important}.contact-circle,.editorial-arrow{transition:none!important}}

.career-home .name-dot{color:var(--accent)}.career-home .hiring-label i{background:var(--accent)}.career-home .career-actions .primary:hover{background:#2854bf}.column-note a:hover,.next-article:hover{color:var(--accent)}

/* Readable state feedback; navigation does not wait for animation. */
.page-curtain{display:none!important}
.toc a[aria-current="location"]{color:#2855d9;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.reading-position{font:11px/1.6 monospace;color:#59616d;margin:0 0 14px}
.prose section{scroll-margin-top:100px}
.motion-control{font-family:inherit;font-size:12px;line-height:1.6;color:#c5c9d1;background:none;border:1px solid #555;border-radius:4px;padding:7px 10px;cursor:pointer}
.motion-control:disabled{cursor:default;opacity:.8}
html[data-motion="reduced"]{scroll-behavior:auto!important}
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html,html *,html *::before,html *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:800px){.reading-position{width:100%;margin-bottom:8px}}
/* A readable bilingual switch, with the current language emphasized. */
#language{min-width:84px;white-space:nowrap;font-size:13px;letter-spacing:0;padding:8px 10px}
#language span{opacity:.6}#language .is-current{opacity:1;font-weight:700;text-decoration:underline;text-underline-offset:4px}
html[lang="en"] .article-hero h1,html[lang="en"] .series-hero h1{overflow-wrap:break-word}