:root{
  --taverna:#1B3A2F;
  --taverna-deep:#122720;
  --plaster:#F2EDE3;
  --plaster-warm:#E8E0D1;
  --brass:#B08442;
  --brass-ink:#7A5518;
  --brass-light:#C9A063;
  --charcoal:#242220;
  --rule:rgba(36,34,32,.18);
  --display:'Fraunces',Georgia,serif;
  --body:'Karla',system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
h1,h2,h3,.nav-mark,.foot-mark{font-variation-settings:'SOFT' 40,'WONK' 1}
body{background:var(--plaster);color:var(--charcoal);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brass-ink)}
.wrap{max-width:760px;margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brass);color:var(--taverna-deep);padding:12px 20px;font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.skip:focus{left:0}

nav{background:var(--taverna);border-bottom:1px solid rgba(176,132,66,.35)}
.nav-in{max-width:1120px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-mark{font-family:var(--display);font-size:1.12rem;font-weight:700;color:var(--plaster);text-decoration:none;letter-spacing:-.01em}
.nav-back{font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--brass-light);text-decoration:none}
.nav-back:hover{color:var(--plaster)}

header.page{background:var(--taverna);color:var(--plaster);padding:64px 0 56px}
header.page .wrap{max-width:1120px}
.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-light);margin-bottom:18px}
header.page h1{font-family:var(--display);font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}
.updated{font-family:var(--mono);font-size:.74rem;color:rgba(242,237,227,.7);margin-top:18px}

main{padding:64px 0 80px}
h2{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:-.015em;color:var(--taverna);margin:44px 0 14px;padding-top:20px;border-top:1px solid var(--rule)}
h2:first-of-type{margin-top:0;padding-top:0;border-top:none}
h3{font-family:var(--display);font-size:1.12rem;font-weight:700;letter-spacing:-.01em;margin:26px 0 8px}
p{margin-bottom:16px}
ul,ol{margin:0 0 18px 22px}
li{margin-bottom:9px}
strong{font-weight:600}
.lede{font-size:1.1rem;color:rgba(36,34,32,.85);margin-bottom:34px}
.callout{background:var(--plaster-warm);border-left:3px solid var(--brass);padding:20px 24px;margin:24px 0;font-size:.95rem}
.contact-block{background:var(--taverna);color:var(--plaster);padding:28px;margin-top:36px}
.contact-block h3{color:var(--brass-light);margin-top:0;font-size:.7rem;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;font-weight:400}
.contact-block a{color:var(--brass-light)}
.contact-block p{margin-bottom:6px}

footer{background:var(--taverna-deep);color:rgba(242,237,227,.65);padding:40px 0;font-size:.85rem}
footer .wrap{max-width:1120px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:rgba(242,237,227,.75);text-decoration:none;border-bottom:1px solid rgba(242,237,227,.25)}
footer a:hover{color:var(--brass-light)}

:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}