:root { --ink:#11110f; --paper:#f3f0e9; --gold:#d2ad00; --blue:#1265d8; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); font-size:18px; line-height:1.55; }
a { color:inherit; text-underline-offset:3px; }
.wrap { width:min(1000px,calc(100% - 40px)); margin:auto; }
.narrow { width:min(760px,calc(100% - 40px)); }
header { padding:26px 0 70px; border-top:10px solid var(--gold); background:var(--ink); color:var(--paper); }
.brand { display:inline-block; margin-bottom:60px; font-weight:900; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.eyebrow { margin:0 0 14px; color:var(--gold); font-size:14px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
h1,h2 { margin:0; font-weight:900; letter-spacing:-.045em; line-height:.98; }
h1 { max-width:850px; font-size:clamp(48px,8vw,94px); }
h2 { font-size:clamp(32px,5vw,52px); }
.lead { max-width:760px; margin:28px 0 0; color:#d2cec4; font-size:clamp(21px,2.6vw,28px); line-height:1.3; }
main { padding:30px 0 80px; }
section { padding:44px 0; border-bottom:2px solid var(--ink); }
section p,section li { font-size:19px; }
section p { margin:22px 0 0; }
ul { margin:24px 0 0; padding-left:24px; }
li { margin:0 0 15px; }
.change-choice { border:3px solid var(--ink); border-radius:0; padding:14px 18px; background:var(--gold); color:var(--ink); font:inherit; font-weight:900; cursor:pointer; box-shadow:6px 6px 0 var(--ink); }
.change-choice:focus-visible { outline:4px solid var(--blue); outline-offset:3px; }
footer { padding:30px 0; background:var(--ink); color:var(--paper); font-size:15px; }
@media(max-width:650px){
  body { font-size:17px; }
  .wrap,.narrow { width:min(100% - 28px,760px); }
  header { padding-bottom:50px; }
  .brand { margin-bottom:44px; }
  h1 { font-size:clamp(43px,13.5vw,64px); }
  section { padding:36px 0; }
  section p,section li { font-size:17px; }
  .change-choice { width:100%; }
}