@font-face{font-family:'Syne';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/syne-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Syne';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/syne-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/archivo-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/archivo-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/archivo-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/archivo-latin-700-normal.woff2') format('woff2')}
:root{--plaster:#e9e2d2;--bistre:#221c15;--bistre-soft:#5b5341;--hair:rgba(34,28,21,.20);--vermilion:#c23b1e;
  --syne:'Syne',system-ui,sans-serif;--archivo:'Archivo',system-ui,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--plaster);color:var(--bistre);font-family:var(--archivo);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
::selection{background:var(--vermilion);color:var(--plaster)}
a{color:inherit;text-decoration:none}
.col{width:min(820px,88vw);margin:0 auto}
.narrow{width:min(680px,88vw);margin:0 auto}
header.bar{border-bottom:2px solid var(--bistre)}
header.bar .col{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
header.bar a:hover{color:var(--vermilion)}
header.bar .mark{font-family:var(--syne);font-weight:700;font-size:20px;letter-spacing:-.01em;text-transform:none}
header.bar .mark .v{color:var(--vermilion)}
main{flex:1;padding:56px 0 64px}
.kicker{font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--vermilion)}
h1{font-family:var(--syne);font-weight:700;font-size:48px;line-height:1;letter-spacing:-.035em;margin:14px 0 0;text-wrap:balance}
.dek{font-family:var(--syne);font-weight:600;font-size:21px;line-height:1.25;margin:16px 0 0;text-wrap:balance}
.byline{font-size:13.5px;color:var(--bistre-soft);margin-top:18px}
.byline b{color:var(--bistre);font-weight:600}
.byline a{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:2px}
.byline a:hover{color:var(--vermilion)}
.intro{font-size:16px;line-height:1.55;max-width:56ch;margin-top:16px;color:var(--bistre-soft)}
.lead{margin:36px 0 0}
figure img{display:block;width:100%;height:auto;background:rgba(34,28,21,.06)}
figcaption{font-size:12.5px;line-height:1.45;color:var(--bistre-soft);margin-top:8px}
figcaption .credit{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
figcaption a{text-decoration:underline;text-decoration-color:var(--hair)}
.body{font-size:18px;line-height:1.65;margin-top:40px}
.body>*+*{margin-top:1.1em}
.body a{text-decoration:underline;text-decoration-color:var(--vermilion);text-underline-offset:2px}
.body a:hover{color:var(--vermilion)}
.body h2,.body h3{font-family:var(--syne);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-top:1.6em}
.body h2{font-size:26px}.body h3{font-size:21px}
.body hr{border:0;border-top:1px solid var(--hair);margin:2em 0}
.body blockquote{border-left:3px solid var(--vermilion);padding-left:18px;font-style:italic}
.body ul,.body ol{padding-left:1.3em}.body li+li{margin-top:.4em}
.body figure{margin:2em 0}
.body .gallery figure+figure{margin-top:28px}
.body .embed{position:relative}.body .embed iframe{width:100%;border:0;display:block}
.body .embed iframe[src*=youtube],.body .embed iframe[src*=vimeo]{aspect-ratio:16/9;height:auto}
.body .embed-link a{font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:24px;border-top:2px solid var(--bistre)}
.tag{display:inline-block;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 13px;border:1.5px solid var(--bistre);line-height:1;transition:background .13s,color .13s}
.tag:hover,.tag.on{background:var(--bistre);color:var(--plaster)}
nav.index{margin-top:40px;border-top:2px solid var(--bistre)}
nav.index a{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:18px 12px;border-bottom:1px solid var(--hair);transition:background .16s}
nav.index a:hover{background:var(--bistre)}
nav.index img{width:120px;aspect-ratio:3/2;object-fit:cover;display:block}
nav.index .noimg{width:120px;aspect-ratio:3/2;background:var(--hair)}
nav.index .t{font-family:var(--syne);font-weight:700;font-size:22px;letter-spacing:-.015em;line-height:1.1;transition:color .16s}
nav.index .d{font-size:13px;color:var(--bistre-soft);margin-top:6px;transition:color .16s}
nav.index a:hover .t{color:var(--plaster)}
nav.index a:hover .d{color:rgba(233,226,210,.62)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.pages{margin-top:40px;font-size:13.5px;color:var(--bistre-soft)}
.pages a{text-decoration:underline;text-decoration-color:var(--hair)}
.pages a:hover{color:var(--vermilion)}
footer{border-top:2px solid var(--bistre)}
footer .col{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 0;font-weight:600;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bistre-soft)}
footer a:hover{color:var(--vermilion)}
@media(max-width:560px){h1{font-size:34px}.dek{font-size:18px}.body{font-size:17px}
  nav.index a{grid-template-columns:84px 1fr;gap:14px;padding:14px 8px}nav.index img,nav.index .noimg{width:84px}nav.index .t{font-size:18px}}