:root{
  --ink:#171412; --ink-2:#3D3730; --body:#57504A; --muted:#8B8279;
  --paper:#FBF9F6; --paper-2:#F2EEE8; --line:#E4DED4; --accent:#8C6E4E;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --gut:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--sans);
  font-weight:300;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:0 var(--gut)}

.lhead{border-bottom:1px solid var(--line);padding:26px 0;background:var(--paper)}
.lhead__in{max-width:1180px;margin:0 auto;padding:0 var(--gut);
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-family:var(--serif);font-size:19px;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);line-height:1.15}
.brand small{display:block;font-size:9.5px;letter-spacing:.34em;opacity:.72;
  font-family:var(--sans);font-weight:400;margin-top:3px}
.back{font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  color:var(--ink-2);transition:opacity .3s ease}
.back:hover{opacity:.6}

main{padding:clamp(64px,9vw,120px) 0 clamp(72px,10vw,140px)}
.eyebrow{font-size:12.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);margin:0 0 10px}
h1{font-family:var(--serif);font-weight:300;color:var(--ink);margin:0 0 14px;
  font-size:clamp(34px,5vw,52px);line-height:1.12;letter-spacing:-.015em}
h2{font-family:var(--serif);font-weight:400;color:var(--ink);
  font-size:clamp(20px,2.2vw,24px);line-height:1.3;margin:clamp(40px,4.5vw,58px) 0 12px}
.updated{font-size:13px;color:var(--muted);margin:0 0 clamp(30px,4vw,44px);
  padding-bottom:clamp(24px,3vw,34px);border-bottom:1px solid var(--line)}
p{margin:0 0 1.1em}
ul{margin:0 0 1.2em;padding-left:1.1em}
li{margin-bottom:.5em}
strong{font-weight:500;color:var(--ink-2)}
.fill{background:#F0E7DA;padding:1px 6px;border-radius:2px;color:#6E5636;font-weight:400}
.note{background:var(--paper-2);border:1px solid var(--line);padding:clamp(20px,2.6vw,28px);
  margin:clamp(30px,4vw,44px) 0;font-size:15.5px;line-height:1.7}
.note p:last-child{margin-bottom:0}

.lfoot{background:var(--ink);color:rgba(255,255,255,.6);padding:clamp(48px,6vw,72px) 0 34px;
  font-size:14px;margin-top:0}
.lfoot__in{max-width:1180px;margin:0 auto;padding:0 var(--gut)}
.lfoot .brand{color:#fff}
.lfoot a{color:rgba(255,255,255,.62);text-decoration:none}
.lfoot a:hover{color:#fff}
.lfoot__links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:12.5px}
.lfoot__bar{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);
  font-size:12.5px;color:rgba(255,255,255,.42)}
