@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&family=Newsreader:opsz,wght@6..72,400&display=swap');

:root {
  color-scheme: light dark;
  --paper: #f5f2eb;
  --ink: #20201d;
  --muted: #66635d;
  --rule: #d6d1c7;
  --accent: #ba3e27;
}
@media (prefers-color-scheme: dark) {
  :root { --paper:#191917; --ink:#f0eee7; --muted:#aaa79e; --rule:#3d3b35; --accent:#f39178; }
}
* { box-sizing: border-box; }
html { background: var(--paper); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Manrope',Arial,sans-serif; font-size:1rem; line-height:1.6; -webkit-font-smoothing:antialiased; }
::selection { background:var(--accent); color:var(--paper); }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
.site { overflow:clip; isolation:isolate; min-height:100svh; }
.shell { padding:1.875rem 6.2% 1.375rem; max-width:1160px; margin:0 auto; }
.skip-link { position:absolute; left:1rem; top:0; z-index:10; padding:.75rem 1rem; background:var(--paper); transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.nav { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; position:relative; z-index:2; }
.nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.875rem; }
.nav-home { min-width:44px; }
.nav-links { display:flex; gap:1.75rem; }
.nav a:hover,.nav a[aria-current='page'] { color:var(--accent); }
.dot { color:var(--accent); }
.hero { display:flex; align-items:center; position:relative; min-height:clamp(29rem,57vw,40.625rem); padding:3.375rem 0 4.75rem; }
.hero-copy { position:relative; z-index:1; width:52%; padding:1.25rem 0; }
.eyebrow { margin:0 0 1.2rem; color:var(--muted); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
.hero h1 { margin:0 0 1.75rem -.3rem; font-size:clamp(4.375rem,12vw,8.75rem); line-height:1.05; font-weight:500; letter-spacing:-.075em; }
.intro { max-width:22rem; margin:0; font-size:1.125rem; letter-spacing:-.025em; line-height:1.65; }
.art { position:absolute; z-index:0; margin:0; width:80%; right:-12%; top:-5.625rem; pointer-events:none; mix-blend-mode:multiply; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 18%,#000 66%,transparent 94%); mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 18%,#000 66%,transparent 94%); -webkit-mask-composite:source-in; mask-composite:intersect; }
.art img { display:block; width:100%; height:auto; aspect-ratio:1; border:0; }
@media (prefers-color-scheme:dark) { .art { mix-blend-mode:screen; opacity:.34; } }
.index,.footer { position:relative; z-index:1; }
.index { border-top:1px solid var(--rule); display:grid; grid-template-columns:24% minmax(0,1fr); gap:1.125rem; padding:1.6875rem 0 1.9375rem; }
.section-label { margin:.25rem 0 0; font-size:.875rem; font-weight:400; line-height:1.6; }
.count { margin-right:.8rem; color:var(--muted); font-size:.75rem; }
.row { display:grid; grid-template-columns:minmax(0,1fr) 1.5rem; gap:1rem; align-items:center; min-height:54px; width:100%; padding:.85rem 0 .95rem; border-bottom:1px solid var(--rule); }
.row:first-child { padding-top:0; }
.row:last-child { border-bottom:0; padding-bottom:0; }
.row-title { display:block; font-size:1.1875rem; letter-spacing:-.025em; line-height:1.4; }
.row-description { display:block; margin-top:.25rem; font-size:.875rem; color:var(--muted); line-height:1.6; }
.arrow { justify-self:end; font-size:1.25rem; line-height:1; transition:transform 160ms ease; }
a.row:hover .row-title,.footer a:hover { color:var(--accent); }
a.row:hover .arrow { transform:translate(2px,-2px); }
.footer { display:flex; justify-content:space-between; align-items:center; gap:1rem; border-top:1px solid var(--rule); padding-top:1.4375rem; font-size:.875rem; }
.footer a { display:inline-flex; align-items:center; min-height:44px; }
.footer-note { color:var(--muted); font-size:.75rem; }
.page { padding:4.125rem 0 4rem; }
.page h1 { max-width:50rem; margin:0 0 1.5rem; font-size:clamp(3rem,8vw,5.125rem); font-weight:400; line-height:1.12; letter-spacing:-.055em; }
.page-lead { max-width:32rem; margin:0 0 2.625rem; font-size:1.125rem; letter-spacing:-.02em; line-height:1.7; }
.archive { max-width:46rem; margin-top:2rem; }
.archive .row { padding:1.4375rem 0; }
.archive .row:first-child { border-top:1px solid var(--rule); }
.archive .row-title { font-size:1.5rem; }
.about-copy { max-width:37rem; font-size:1.1875rem; letter-spacing:-.02em; line-height:1.8; }
.about-copy p { margin:0 0 1.5rem; }
.about-copy a,.article-copy a { text-decoration:underline; text-decoration-color:var(--rule); text-underline-offset:4px; }
.about-copy a:hover,.article-copy a:hover { color:var(--accent); }
.back { display:inline-flex; align-items:center; min-height:44px; margin-bottom:2rem; color:var(--muted); font-size:.875rem; }
.back:hover { color:var(--accent); }
.article { max-width:42rem; margin:0 auto; padding:2rem 0 4rem; }
.article h1 { margin:.75rem 0 1.25rem; font-family:'Newsreader',Georgia,serif; font-size:clamp(2.7rem,6.2vw,4.25rem); line-height:1.1; font-weight:400; letter-spacing:-.035em; }
.article-meta { color:var(--muted); font-size:.8125rem; padding-bottom:1.8125rem; border-bottom:1px solid var(--rule); }
.article-copy { margin-top:1.8125rem; font-family:'Newsreader',Georgia,serif; font-size:1.4375rem; line-height:1.65; letter-spacing:-.012em; }
.article-copy p { margin:0 0 1.5rem; }
.article-end { display:block; margin:2.5rem 0 .5rem; color:var(--accent); font-size:1.75rem; }
.article .back:last-child { margin-bottom:0; }
@media (max-width:600px) {
  .shell { padding:1.25rem 7%; }
  .hero { display:grid; min-height:0; padding:2.625rem 0 1.125rem; }
  .hero-copy { width:100%; padding:0; }
  .hero h1 { font-size:clamp(4rem,21vw,7.8rem); margin:0 0 1.5rem -.2rem; }
  .intro { max-width:21rem; }
  .art { position:relative; width:132%; right:auto; top:auto; margin:-1.75rem -16% -1.5rem; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 74%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 74%,transparent 100%); }
  .index { grid-template-columns:1fr; gap:1.1875rem; padding:1.375rem 0 1.5625rem; }
  .row { min-height:60px; }
  .row-title { font-size:1.125rem; }
  .page { padding:2.8125rem 0; }
  .page h1 { font-size:3rem; }
  .archive .row-title { font-size:1.375rem; }
  .about-copy { font-size:1.125rem; }
  .article-copy { font-size:1.3125rem; }
}
@media (max-width:350px) {
  .nav-links { gap:1.25rem; }
  .footer { flex-wrap:wrap; gap:0 .75rem; }
}
@media (prefers-reduced-motion:reduce) { .arrow { transition:none; } }
@media print {
  :root { --paper:#fff; --ink:#000; --muted:#333; --rule:#ccc; --accent:#000; }
  .nav,.footer,.back,.skip-link { display:none; }
  .site { overflow:visible; min-height:0; }
  .shell,.article { padding:0; max-width:none; }
  .article-copy { font-size:12pt; }
  .article h1 { font-size:30pt; }
  p { orphans:3; widows:3; }
}