@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap');

:root { --ink:#101820; --muted:#66717b; --paper:#fff; --soft:#f4f5f6; --line:#d8dde1; --red:#c9232d; --red-dark:#981c25; --max:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',Arial,sans-serif; }
body:before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.025; z-index:5; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--red); }
button,input { font:inherit; }
.wrap { width:min(var(--max),calc(100% - 48px)); margin-inline:auto; }
.topbar { background:var(--ink); color:#dfe5e9; font:600 10px/1 'DM Sans',sans-serif; letter-spacing:.09em; }
.topbar-inner { height:30px; display:flex; align-items:center; justify-content:space-between; }
.topbar-center { color:#aeb8bf; }
.topbar a { color:#fff; }
.topbar a span { color:#f36a70; padding-left:5px; }
.site-header { min-height:105px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid var(--ink); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font:700 30px/1 'DM Sans',sans-serif; letter-spacing:-.08em; }
.brand small { align-self:flex-end; margin:0 0 2px 5px; color:var(--muted); font:600 8px/1 'DM Sans',sans-serif; letter-spacing:.1em; }
.brand-mark { display:inline-flex; gap:3px; align-items:flex-end; width:23px; height:23px; }
.brand-mark i { display:block; width:5px; border-radius:1px 1px 0 0; background:var(--ink); }
.brand-mark i:nth-child(1) { height:10px; }.brand-mark i:nth-child(2) { height:22px; background:var(--red); }.brand-mark i:nth-child(3) { height:15px; }
.edition { color:var(--muted); text-align:center; font:600 10px/1.5 'DM Sans',sans-serif; letter-spacing:.09em; }.edition b { color:var(--ink); font-size:9px; }
.header-actions { display:flex; align-items:center; gap:22px; color:var(--muted); font-size:13px; }.subscribe-link { background:var(--red); color:#fff; padding:10px 17px; font-weight:700; }.subscribe-link:hover { background:var(--red-dark); color:#fff; }
.category-nav { min-height:48px; display:flex; align-items:center; gap:25px; border-bottom:1px solid var(--line); font-size:13px; font-weight:700; }
.category-nav a { padding:17px 0 14px; }.category-nav a.active { color:var(--red); border-bottom:3px solid var(--red); }.nav-spacer { flex:1; }.nav-search { color:var(--muted); font-size:10px; letter-spacing:.08em; }.nav-search span { color:var(--ink); font-size:19px; margin-left:5px; }
.news-ticker { background:var(--soft); border-bottom:1px solid var(--line); }.ticker-inner { min-height:38px; display:flex; align-items:center; gap:18px; font-size:12px; }.ticker-inner b { color:var(--red); font-size:10px; letter-spacing:.12em; }.ticker-inner span { color:var(--muted); }.ticker-inner a { margin-left:auto; color:var(--ink); font-size:10px; font-weight:700; letter-spacing:.08em; }
.section-kicker,.story-tag { display:inline-block; color:var(--red); font:700 10px/1.2 'DM Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; }.section-kicker { border-left:3px solid var(--red); padding-left:9px; }
.front-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:9%; padding:52px 0 36px; border-bottom:1px solid var(--ink); }.front-intro h1 { margin:16px 0 0; font:700 clamp(54px,7vw,94px)/.88 'Source Serif 4',Georgia,serif; letter-spacing:-.055em; }.front-intro h1 i,.article h1 i { color:var(--red); font-style:normal; }.front-intro-copy { align-self:end; max-width:465px; padding-bottom:4px; }.front-intro-copy p { margin:0 0 20px; color:var(--muted); font-size:18px; line-height:1.55; }.read-more { display:inline-flex; align-items:center; gap:10px; color:var(--red); font-size:12px; font-weight:700; }.read-more span { font-size:18px; transition:transform .2s ease; }.read-more:hover span { transform:translateX(3px); }
.newsroom-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(230px,.9fr) minmax(205px,.65fr); gap:22px; padding:26px 0 34px; border-bottom:1px solid var(--line); }.lead-column { min-width:0; padding-right:22px; border-right:1px solid var(--line); }.secondary-column { display:flex; flex-direction:column; gap:18px; padding-right:22px; border-right:1px solid var(--line); }.headline-card { min-width:0; }.lead-story .headline-image { display:block; height:320px; overflow:hidden; background:var(--soft); }.headline-image img,.headline-card>img { display:block; width:100%; height:100%; object-fit:cover; }.headline-image img { transition:transform .35s ease; }.headline-card:hover .headline-image img { transform:scale(1.025); }.headline-copy { padding-top:16px; }.headline-copy h2 { margin:8px 0 10px; font:700 clamp(34px,4vw,55px)/.95 'Source Serif 4',Georgia,serif; letter-spacing:-.045em; }.headline-copy p { margin:0; color:var(--muted); font-size:15px; line-height:1.5; max-width:620px; }.headline-card.compact { display:grid; grid-template-columns:112px 1fr; gap:13px; padding-bottom:17px; border-bottom:1px solid var(--line); }.headline-card.compact:last-child { padding-bottom:0; border-bottom:0; }.headline-card.compact>img { width:112px; height:88px; object-fit:cover; }.headline-card.compact h3 { margin:6px 0 10px; font:700 21px/1.03 'Source Serif 4',Georgia,serif; letter-spacing:-.025em; }.story-tag { font-size:9px; }.meta { display:flex; align-items:center; gap:8px; margin-top:14px; color:var(--muted); font:600 10px/1 'DM Sans',sans-serif; letter-spacing:.04em; text-transform:uppercase; }.most-read { padding-left:0; }.side-title { padding-bottom:12px; border-bottom:2px solid var(--ink); color:var(--ink); font:700 11px/1 'DM Sans',sans-serif; letter-spacing:.09em; }.side-title span { color:var(--muted); font-weight:500; }.most-read ol { list-style:none; padding:0; margin:0 0 18px; counter-reset:read; }.most-read li { counter-increment:read; position:relative; padding:17px 0 17px 30px; border-bottom:1px solid var(--line); }.most-read li:before { content:counter(read,decimal-leading-zero); position:absolute; left:0; top:18px; color:var(--red); font:700 12px 'DM Sans',sans-serif; }.most-read li a { display:block; font:600 18px/1.14 'Source Serif 4',Georgia,serif; }.most-read li small { display:block; margin-top:8px; color:var(--muted); font:700 9px 'DM Sans',sans-serif; letter-spacing:.08em; }
.section-rule { border-top:3px solid var(--ink); margin-top:25px; }.section-heading { min-height:68px; display:flex; align-items:center; gap:18px; }.section-heading h2 { margin:0; font:700 34px/1 'Source Serif 4',Georgia,serif; letter-spacing:-.03em; }.section-heading span { color:var(--muted); font:700 10px 'DM Sans',sans-serif; letter-spacing:.09em; }.section-heading a { margin-left:auto; color:var(--red); font-size:12px; font-weight:700; }.latest-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:42px; padding-bottom:48px; }.latest-list { min-width:0; }.article-row { display:grid; grid-template-columns:205px 1fr; gap:20px; padding:19px 0; border-top:1px solid var(--line); }.article-row:last-child { border-bottom:1px solid var(--line); }.row-image { display:block; width:205px; height:132px; overflow:hidden; background:var(--soft); }.row-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }.article-row:hover .row-image img { transform:scale(1.025); }.row-copy h3 { margin:7px 0 7px; font:700 27px/1.04 'Source Serif 4',Georgia,serif; letter-spacing:-.03em; }.row-copy p { margin:0; color:var(--muted); font-size:14px; line-height:1.45; max-width:620px; }
.home-rail { display:flex; flex-direction:column; gap:18px; }.rail-box { padding:19px; background:var(--soft); border-top:3px solid var(--ink); }.rail-box h3 { margin:14px 0 12px; font:700 25px/1.05 'Source Serif 4',Georgia,serif; }.rail-box h3 i { color:var(--red); font-style:normal; }.rail-box p { margin:0 0 16px; color:var(--muted); font-size:13px; line-height:1.5; }.projects-rail { background:#fff; border:1px solid var(--line); border-top:3px solid var(--red); }.projects-rail .project-row { grid-template-columns:25px 1fr 15px; gap:8px; padding:13px 0; }.projects-rail .project-avatar { display:none; }.projects-rail .project-row h3 { font:700 17px 'Source Serif 4',Georgia,serif; }.projects-rail .project-row p,.projects-rail .project-meta { display:none; }.projects-rail>.read-more { margin-top:12px; }
.newsletter { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; padding:34px 38px; margin-top:10px; margin-bottom:70px; background:var(--ink); color:#fff; }.newsletter .section-kicker { color:#ff747a; }.newsletter h2 { margin:14px 0 9px; font:700 40px/1.02 'Source Serif 4',Georgia,serif; letter-spacing:-.035em; }.newsletter h2 i { color:#ff747a; font-style:normal; }.newsletter p { max-width:500px; margin:0; color:#b5c0c7; font-size:14px; line-height:1.5; }.newsletter-form { align-self:center; }.newsletter-form label { display:block; margin-bottom:8px; color:#b5c0c7; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.newsletter-form>div { display:flex; border-bottom:1px solid #77838b; }.newsletter-form input { flex:1; min-width:0; padding:12px 0; border:0; outline:0; background:transparent; color:#fff; }.newsletter-form input::placeholder { color:#869198; }.newsletter-form button { padding:12px 0 12px 15px; border:0; background:transparent; color:#fff; cursor:pointer; font-size:11px; font-weight:700; text-transform:uppercase; }.newsletter-form button span { color:#ff747a; padding-left:8px; }.newsletter-form small { display:block; margin-top:10px; color:#8e9aa2; font-size:11px; }.newsletter-form small.error { color:#ff9ca0; }
.desk-header { padding:55px 0 35px; border-bottom:1px solid var(--ink); }.desk-header h1 { margin:15px 0 11px; font:700 clamp(52px,7vw,90px)/.9 'Source Serif 4',Georgia,serif; letter-spacing:-.055em; }.desk-header p { max-width:620px; margin:0; color:var(--muted); font-size:17px; line-height:1.5; }.story-index { padding-bottom:35px; }.story-index .article-row { grid-template-columns:240px 1fr; }.story-index .row-image { width:240px; height:152px; }
.article { padding:56px 0 75px; }.article-kicker { display:flex; align-items:center; gap:11px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.article-dot { color:var(--red); font-size:8px; }.article>h1 { max-width:930px; margin:20px 0 15px; font:700 clamp(56px,7.3vw,100px)/.9 'Source Serif 4',Georgia,serif; letter-spacing:-.055em; }.article-dek { max-width:770px; margin:0; color:var(--muted); font-size:21px; line-height:1.45; }.article-cover { margin:35px 0 0; }.article-cover img { display:block; width:100%; max-height:620px; object-fit:cover; border:1px solid var(--line); }.article-cover figcaption { margin-top:8px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.article-layout { display:grid; grid-template-columns:minmax(0,760px) 250px; gap:70px; margin-top:45px; }.article-body { font:500 19px/1.72 'Source Serif 4',Georgia,serif; }.article-body p { margin:0 0 24px; }.article-body h2 { margin:48px 0 15px; font:700 35px/1.05 'Source Serif 4',Georgia,serif; letter-spacing:-.035em; }.article-body blockquote { margin:38px 0; padding:17px 23px; border-left:4px solid var(--red); color:var(--ink); font:600 28px/1.2 'Source Serif 4',Georgia,serif; }.source-box { display:flex; gap:16px; margin-top:42px; padding:19px; border-top:3px solid var(--ink); background:var(--soft); font-family:'DM Sans',sans-serif; font-size:13px; line-height:1.5; }.source-icon { display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; border-radius:50%; background:var(--red); color:#fff; }.source-box b { font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.source-box p { margin:6px 0; color:var(--muted); }.source-box a { color:var(--red); font-weight:700; }.article-aside { display:flex; flex-direction:column; gap:22px; }.aside-card { padding-top:13px; border-top:2px solid var(--ink); }.aside-card ul { list-style:none; margin:14px 0 0; padding:0; color:var(--muted); font:500 13px/2 'DM Sans',sans-serif; }.aside-card li:before { content:'✓'; padding-right:8px; color:var(--red); }.aside-dark { padding:17px; border:0; background:var(--ink); color:#fff; }.aside-dark .eyebrow { color:#aeb8bf; }.aside-dark p { color:#b5c0c7; font:400 13px/1.45 'DM Sans',sans-serif; }.aside-dark a { color:#ff747a; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.related { padding-top:34px; }.related .headline-card { display:grid; grid-template-columns:220px 1fr; gap:18px; border-top:1px solid var(--line); padding-top:18px; }.related .headline-image { height:140px; }.related .headline-copy h2 { font-size:29px; }
.page-hero { padding:55px 0 45px; }.page-hero h1 { margin:15px 0; font:700 72px/.9 'Source Serif 4',Georgia,serif; }.page-hero p { max-width:620px; color:var(--muted); font-size:18px; line-height:1.5; }.project-index { padding-bottom:35px; }.project-index-head { display:flex; justify-content:space-between; padding:14px 0; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.project-list { display:flex; flex-direction:column; }.project-row { display:grid; grid-template-columns:34px 44px 1fr 20px; gap:14px; align-items:center; padding:16px 0; border-top:1px solid var(--line); }.project-row:last-child { border-bottom:1px solid var(--line); }.project-rank { color:var(--red); font-size:11px; font-weight:700; }.project-avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#f7d9db; color:var(--red); font:700 18px 'Source Serif 4',Georgia,serif; }.tone-blue { background:#dce9f6; color:#426d9b; }.tone-orange { background:#fde0cf; color:#aa552b; }.tone-green { background:#dceedd; color:#427252; }.project-row h3 { margin:0 0 3px; font:700 20px 'Source Serif 4',Georgia,serif; }.project-row p { margin:0 0 5px; color:var(--muted); font-size:13px; }.project-meta { color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }.project-meta a { color:var(--ink); }.project-arrow { color:var(--red); font-weight:700; }.project-profile { display:grid; grid-template-columns:300px 1fr; gap:70px; align-items:center; padding:72px 0 90px; }.project-profile-art { min-height:300px; display:flex; flex-direction:column; justify-content:space-between; padding:22px; border:1px solid var(--line); color:var(--red); background:#f7d9db; }.project-profile-art span,.project-profile-art small { font-size:10px; font-weight:700; letter-spacing:.1em; }.project-profile-art strong { align-self:center; font:700 190px/.7 'Source Serif 4',Georgia,serif; }.project-profile-copy h1 { margin:15px 0 12px; font:700 76px/.9 'Source Serif 4',Georgia,serif; letter-spacing:-.05em; }.project-profile-dek { max-width:580px; color:var(--muted); font-size:21px; line-height:1.45; }.project-profile-meta { display:flex; gap:9px; margin:22px 0; color:var(--red); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.project-profile-note { max-width:580px; color:var(--muted); font-size:14px; line-height:1.55; }.button { display:inline-flex; align-items:center; gap:12px; margin-top:10px; padding:12px 16px; background:var(--red); color:#fff; font-size:11px; font-weight:700; text-transform:uppercase; }.button:hover { background:var(--red-dark); color:#fff; }.project-back { margin-left:17px; color:var(--red); font-size:11px; font-weight:700; }
.process-grid { display:grid; grid-template-columns:.3fr 1fr; gap:10%; padding:45px 0 75px; border-top:1px solid var(--ink); }.process { display:grid; grid-template-columns:1fr 1fr; gap:35px 25px; }.process>div { padding-top:12px; border-top:1px solid var(--ink); }.process b { color:var(--red); font-size:11px; }.process h2 { margin:22px 0 8px; font:700 30px 'Source Serif 4',Georgia,serif; }.process p { color:var(--muted); line-height:1.55; }.manifesto { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding:50px 0 75px; border-top:1px solid var(--line); }.manifesto-big { font:700 clamp(60px,8vw,105px)/.85 'Source Serif 4',Georgia,serif; letter-spacing:-.06em; }.manifesto ul { list-style:none; padding:0; margin:14px 0 0; }.manifesto li { padding:13px 0; border-top:1px solid var(--line); color:var(--muted); }.manifesto li:before { content:'×'; padding-right:11px; color:var(--red); }
.site-footer { margin-top:15px; padding:30px 0 0; border-top:3px solid var(--ink); }.footer-main { display:flex; justify-content:space-between; gap:25px; padding-bottom:28px; }.footer-brand { font-size:22px; }.site-footer p { margin:9px 0 0; color:var(--muted); font-size:12px; }.footer-links { display:flex; gap:20px; align-items:flex-start; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; }.footer-meta { display:flex; justify-content:space-between; padding:14px 0 25px; border-top:1px solid var(--line); color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.08em; }
@media(max-width:980px){ .newsroom-grid { grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr); }.most-read { grid-column:1/-1; padding-top:18px; border-top:1px solid var(--line); }.most-read ol { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.most-read li { border:0; border-right:1px solid var(--line); padding-right:15px; }.most-read li:last-child { border:0; }.latest-layout { grid-template-columns:minmax(0,1fr) 260px; }.edition { display:none; }.project-profile { gap:40px; } }
@media(max-width:720px){ .wrap { width:min(100% - 28px,var(--max)); }.topbar-center,.header-actions>a:first-child { display:none; }.topbar-inner { justify-content:space-between; }.site-header { min-height:82px; }.brand { font-size:25px; }.brand small { display:none; }.category-nav { gap:18px; overflow-x:auto; white-space:nowrap; }.category-nav::-webkit-scrollbar { display:none; }.nav-spacer,.nav-search { display:none; }.ticker-inner { gap:10px; }.ticker-inner span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.front-intro { grid-template-columns:1fr; gap:22px; padding:38px 0 28px; }.front-intro h1 { font-size:63px; }.front-intro-copy { max-width:530px; }.newsroom-grid { grid-template-columns:1fr; gap:24px; }.lead-column,.secondary-column { padding:0; border:0; }.lead-story .headline-image { height:260px; }.secondary-column { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.headline-card.compact { display:block; padding:0; border:0; }.headline-card.compact>img { width:100%; height:130px; }.headline-card.compact h3 { font-size:20px; }.most-read { padding-top:22px; }.most-read ol { display:block; }.most-read li { border-bottom:1px solid var(--line); border-right:0; padding:15px 0 15px 30px; }.section-heading { min-height:57px; }.section-heading h2 { font-size:30px; }.section-heading span { display:none; }.latest-layout { grid-template-columns:1fr; gap:30px; }.article-row,.story-index .article-row { grid-template-columns:125px 1fr; gap:13px; }.row-image,.story-index .row-image { width:125px; height:94px; }.row-copy h3 { font-size:22px; }.row-copy p { display:none; }.home-rail { display:grid; grid-template-columns:1fr 1fr; }.newsletter { grid-template-columns:1fr; gap:27px; padding:28px 23px; margin-bottom:45px; }.newsletter h2 { font-size:36px; }.desk-header { padding:38px 0 28px; }.desk-header h1 { font-size:61px; }.article { padding-top:38px; }.article>h1 { font-size:57px; }.article-dek { font-size:18px; }.article-cover { margin-top:28px; }.article-cover img { min-height:220px; }.article-layout { grid-template-columns:1fr; gap:35px; margin-top:32px; }.article-body { font-size:18px; }.article-aside { order:-1; display:grid; grid-template-columns:1fr 1fr; }.related .headline-card { grid-template-columns:125px 1fr; }.related .headline-image { height:90px; }.related .headline-copy h2 { font-size:22px; }.related .headline-copy p,.related .meta { display:none; }.page-hero h1 { font-size:60px; }.project-profile { grid-template-columns:1fr; gap:30px; padding:45px 0 55px; }.project-profile-art { min-height:220px; }.project-profile-art strong { font-size:145px; }.project-profile-copy h1 { font-size:62px; }.project-profile-dek { font-size:19px; }.process-grid,.manifesto { grid-template-columns:1fr; gap:25px; }.process { grid-template-columns:1fr; gap:25px; }.footer-main,.footer-meta { display:block; }.footer-links { flex-wrap:wrap; margin-top:22px; }.footer-meta span { display:block; margin-top:8px; } }
@media(max-width:430px){ .front-intro h1 { font-size:53px; }.header-actions { gap:8px; }.subscribe-link { padding:9px 11px; font-size:10px; }.secondary-column,.home-rail { grid-template-columns:1fr; }.headline-card.compact { display:grid; grid-template-columns:105px 1fr; gap:12px; }.headline-card.compact>img { width:105px; height:83px; }.article>h1 { font-size:49px; }.article-aside { grid-template-columns:1fr; }.project-row { grid-template-columns:25px 1fr 15px; gap:9px; }.project-avatar { display:none; }.project-row p,.project-meta { font-size:11px; } }