:root { color-scheme: light; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #183e38; background: #f6f4ef; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
header, footer { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 2rem clamp(1.5rem, 6vw, 6rem); }
header { border-bottom: 1px solid #d9ded5; }
.wordmark { color: inherit; font-size: 1.65rem; font-weight: 650; letter-spacing: -.07em; text-decoration: none; }
.dot { color: #b44c32; }
.edition { font-size: .85rem; }
main { width: 100%; max-width: 84rem; margin: auto; padding: clamp(4rem, 10vw, 9rem) clamp(1.5rem, 6vw, 6rem); }
.eyebrow { margin: 0 0 1.8rem; font-size: .75rem; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; }
h1 { max-width: 15ch; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.8rem, 6.8vw, 6.4rem); font-weight: 400; line-height: 1.06; letter-spacing: -.055em; }
.intro { max-width: 34rem; margin: 2rem 0 2.5rem; color: #4c625c; font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.6; }
.status { display: flex; align-items: center; gap: .6rem; font-size: .9rem; }
.status span { width: .45rem; height: .45rem; border-radius: 50%; background: #b44c32; flex-shrink: 0; }
.link { display: inline-flex; align-items: center; gap: 1.5rem; margin-top: 1rem; padding: .8rem 0; color: inherit; text-decoration-thickness: 1px; text-underline-offset: .35rem; }
a:focus-visible { outline: 2px solid #b44c32; outline-offset: 6px; }
footer { border-top: 1px solid #d9ded5; color: #4c625c; font-size: .75rem; }
@media (max-width: 480px) { footer { align-items: flex-start; flex-direction: column; gap: .5rem; } }