:root { color-scheme: light; --paper:#f5f1e8; --ink:#192c33; --muted:#475b62; --accent:#99601f; --line:#c8c7b8; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-underline-offset:.22em; }
a:focus-visible { outline:3px solid var(--accent); outline-offset:6px; }
.frame { width:min(100% - 48px,1120px); margin:auto; }
header { padding:30px 0; border-bottom:1px solid var(--ink); display:flex; justify-content:space-between; align-items:center; gap:24px; font-size:.82rem; }
.brand { font-weight:750; letter-spacing:.025em; text-decoration:none; }
.edition { color:var(--muted); text-transform:uppercase; letter-spacing:.12em; }
main { padding:clamp(64px,12vw,150px) 0; max-width:950px; }
.eyebrow { display:flex; align-items:center; gap:12px; font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.eyebrow::before { content:''; width:32px; height:4px; background:var(--accent); }
h1 { margin:26px 0; font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(3rem,7.5vw,6.1rem); line-height:1.03; letter-spacing:-.045em; max-width:900px; }
p { font-size:1.125rem; line-height:1.7; color:var(--muted); max-width:620px; }
.cta { display:inline-flex; align-items:center; gap:20px; margin-top:28px; padding:18px 22px; background:var(--ink); color:var(--paper); text-decoration:none; font-size:.95rem; font-weight:700; }
.cta:hover { background:#30464e; }
footer { border-top:1px solid var(--line); padding:24px 0 36px; font-size:.8rem; color:var(--muted); line-height:1.7; }
@media(max-width:520px) { .frame { width:calc(100% - 36px); } header { align-items:flex-start; flex-direction:column; gap:10px; padding:23px 0; } main { padding:64px 0 76px; } .cta { display:flex; justify-content:space-between; } }