:root{color-scheme:light;--paper:#f4f0e7;--ink:#242923;--muted:#596057;--line:#c5c8bc;--accent:#385a44;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper);color:var(--ink)}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(1.25rem,6vw,6rem)}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
header{padding:2rem 0;border-bottom:1px solid var(--line)}
a{color:inherit;text-underline-offset:.3em}
a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}
.wordmark{font-size:1.6rem;font-weight:700;letter-spacing:-.06em;text-decoration:none}
.wordmark span{color:var(--accent)}
.status,.eyebrow,.note,footer{font-size:.8rem;line-height:1.6;color:var(--muted)}
.status{white-space:nowrap}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,11vw,9rem) 0;max-width:65rem}
.eyebrow{margin:0 0 1.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3rem,8vw,7.5rem);line-height:1.03;letter-spacing:-.055em;margin:0;text-wrap:balance;overflow-wrap:break-word}
.intro{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7;max-width:35rem;color:var(--muted);margin:2rem 0 0;text-wrap:pretty}
.note{margin:2rem 0 0}
.return-link{display:inline-block;align-self:flex-start;margin-top:2rem;padding:.5rem 0;font-size:1rem}
footer{border-top:1px solid var(--line);padding:1.5rem 0;flex-wrap:wrap}
@media(max-width:390px){header{padding:1.5rem 0}.wordmark{font-size:1.4rem}.status{font-size:.7rem}main{padding:4.5rem 0}footer{font-size:.75rem}}