@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&display=swap');
:root{color-scheme:dark;--pad:clamp(20px,2.1vw,42px);--muted:#999}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Geist,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid #fff;outline-offset:6px}a:hover{opacity:.75}.skip-link{position:absolute;top:-100px;left:var(--pad);z-index:100;background:#000;padding:12px}.skip-link:focus{top:8px}
.header{position:absolute;top:38px;left:var(--pad);right:var(--pad);transform:translateY(-50%);z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.header a{font-size:13px;font-weight:600;letter-spacing:.1em;line-height:1.4}.header .brand{font-size:clamp(24px,2.2vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1;justify-self:start}.header nav{display:flex;align-items:center;gap:30px}.header .contact{justify-self:end}
.intro{padding:105px var(--pad) 30px;min-height:200px}.intro h1{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.16;margin:0}.archive{padding:0 var(--pad)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 23px}.card-open{display:block}.picture{height:clamp(200px,27vw,340px);background:#000;overflow:hidden}.picture img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}.card-open:hover img{transform:scale(1.02)}.card-meta{margin:17px 0 10px;font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--muted)}.card h2{font-size:clamp(18px,1.6vw,24px);font-weight:500;letter-spacing:-.035em;line-height:1.16;margin:0}.endnote{display:flex;justify-content:center;padding:32px 0 18px}.endnote img{width:68px;height:50px;object-fit:contain;opacity:.7}footer{padding:20px var(--pad) 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px;letter-spacing:.1em}
.article-main{padding:98px var(--pad) 24px}.article-kicker,.article-meta{font-size:11px;letter-spacing:.1em;color:var(--muted);line-height:1.7}.article-kicker{margin:0}.article-head h1{font-size:clamp(30px,3.1vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.08;max-width:1150px;margin:12px 0 18px;text-wrap:balance}.article-meta{display:flex;gap:8px 25px;flex-wrap:wrap;margin-bottom:28px;font-size:10px}.story-row{display:grid;grid-template-columns:minmax(240px,36%) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center;margin-bottom:36px}.story-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(240px,36%)}.story-row:nth-child(even) .story-image{grid-column:2;grid-row:1}.story-row:nth-child(even) .story-copy{grid-column:1;grid-row:1}.story-image{display:flex;flex-direction:column;align-items:center;margin:0;min-width:0}.story-image>a{display:block;width:100%}.story-image img{display:block;width:100%;height:clamp(280px,61vh,580px);object-fit:contain}.story-image figcaption{width:100%;display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:5px 14px;padding-top:9px;font-size:10px;line-height:1.5;color:var(--muted)}.story-image figcaption a,.article-body a,.related a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#777}.story-copy{padding:8px 0;min-width:0}.story-copy section{margin:0}.story-copy p{font-size:clamp(17px,1.3vw,20px);line-height:1.48;letter-spacing:-.015em;margin:0 0 15px;color:#d0d0d0}.story-copy p:last-child{margin-bottom:0}.story-copy .lead{font-size:clamp(21px,1.8vw,27px);font-weight:500;line-height:1.25;letter-spacing:-.035em;color:#fff;margin-bottom:23px}.story-copy h2{font-size:clamp(25px,2.1vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:0 0 17px}.article-sources{margin-top:20px}.article-sources h2,.article-sources p{font-size:12px;font-weight:400;line-height:1.7;color:var(--muted);letter-spacing:.025em}.related{border-top:1px solid #ffffff25;margin-top:32px;padding:24px 0;font-size:13px;line-height:1.8}.related p{margin:0 0 8px;color:var(--muted)}
@media(min-width:1700px){.story-row{grid-template-columns:minmax(280px,32%) minmax(0,1fr)}.story-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(280px,32%)}}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.article-main{padding-top:96px}.article-head h1{font-size:clamp(29px,6.8vw,40px);margin:10px 0 16px}.article-meta{margin-bottom:24px}.story-row,.story-row:nth-child(even){grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:30px}.story-row:nth-child(even) .story-image,.story-row:nth-child(even) .story-copy{grid-column:auto;grid-row:auto}.story-image img{height:clamp(220px,54svh,460px)}.story-image figcaption{font-size:9px;padding-top:8px}.story-copy{padding:0}.story-copy p{font-size:16px;line-height:1.5;margin-bottom:14px}.story-copy .lead{font-size:21px;line-height:1.3;margin-bottom:20px}.story-copy h2{font-size:25px;margin-bottom:15px}.intro{min-height:175px;padding-top:105px;padding-bottom:25px}.picture{height:240px}}
@media(max-width:700px){.header{left:18px;right:18px;gap:12px;grid-template-columns:auto 1fr auto}.header a{font-size:9px;letter-spacing:.05em}.header .brand{font-size:23px}.header nav{flex-direction:column;gap:8px}.header .contact{max-width:100px;text-align:right}.grid{gap:30px 15px}.card h2{font-size:18px}.card-meta{font-size:9px;letter-spacing:.05em}footer{font-size:9px;letter-spacing:.035em;flex-wrap:wrap}}
@media(max-width:420px){.grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Share the existing section-to-home transition with Journal. */
.about-surface{position:fixed;inset:0;width:100%;height:100dvh;border:0;background:#000;z-index:3;visibility:hidden;opacity:0;pointer-events:auto}.about-surface[inert]{pointer-events:none}.local-section-surface{position:relative;min-height:100dvh;z-index:3}.header{position:fixed;will-change:transform;z-index:60}.section-transitioning .header a{transition:none!important}.about-open{height:100dvh;overflow:hidden}
