:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; background: #e9e4d8; color: #171713; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(1120px, calc(100% - 36px)); margin: auto; padding-bottom: 80px; }
header { display: flex; justify-content: space-between; align-items: center; padding: 22px 0; border-bottom: 1px solid #8d887d; font: .72rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
header p { margin: 0; }
header a { color: inherit; text-underline-offset: 4px; }
article { padding-top: clamp(54px, 10vw, 120px); }
.archive-number { margin: 0 0 12px; font: .7rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .14em; }
h1 { margin: 0; font-size: clamp(4rem, 12vw, 9rem); line-height: .86; font-weight: 400; letter-spacing: -.055em; }
.dek { max-width: 720px; margin: 32px 0 48px; font-size: clamp(1.25rem, 2.6vw, 1.85rem); line-height: 1.45; }
figure { margin: 0; }
figure img { display: block; width: 100%; max-height: 620px; object-fit: cover; }
figcaption { margin-top: 9px; color: #5f5b52; font: .7rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.enter { display: inline-block; margin-top: 34px; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: inherit; text-decoration: none; font-size: 1.08rem; }
.enter:hover, .enter:focus-visible { border-bottom-width: 3px; outline: 0; }
@media (max-width: 560px) { main { width: min(100% - 24px, 1120px); } article { padding-top: 48px; } .dek { margin: 24px 0 32px; } }