:root { color-scheme: light; --paper:#f5f1e7; --ink:#161513; --muted:#59564e; --rule:#24211b; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; background:var(--paper); color:var(--ink); font-family:Georgia, "Times New Roman", serif; }
a { color:inherit; }
.page { width:min(100% - 40px, 760px); margin:0 auto; padding:32px 0 56px; }
.brandline,.eyebrow,.footer { font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.brandline { display:flex; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:3px solid var(--rule); }
.brandline span { color:var(--muted); }
h1 { margin:34px 0 12px; font-size:clamp(42px,9vw,68px); line-height:.96; letter-spacing:-.055em; }
h2 { margin:36px 0 10px; padding-top:12px; border-top:1px solid var(--rule); font-size:24px; line-height:1.1; }
p { max-width:670px; font-size:18px; line-height:1.62; }
.lead { max-width:600px; margin:0; color:var(--muted); font-size:21px; line-height:1.45; }
.notice { margin:30px 0; padding:17px 18px; border-left:4px solid var(--ink); background:rgba(255,255,255,.46); }
.notice p { margin:0; font-size:17px; }
.button-link { display:inline-block; margin-top:6px; padding:13px 16px; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:800; letter-spacing:.08em; text-decoration:none; }
.footer { display:flex; justify-content:space-between; gap:12px; margin-top:52px; padding-top:16px; border-top:3px solid var(--rule); color:var(--muted); }
@media (max-width:560px) { .page{width:min(100% - 28px,760px);padding-top:22px}.brandline,.footer{flex-direction:column}p{font-size:17px} }