@font-face{font-family:Monogram;src:url(monogram.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#1c2c42;--muted:#485465;--paper:#f3ead0;--cream:#fff7df;--blue:#294b73;--line:#a6a082;--gold:#f4b74d;--green:#406a52;--pixel:Monogram,ui-monospace,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #ba550c;outline-offset:5px}
.wrap{width:min(calc(100% - 2 * clamp(18px,5vw,72px)),1270px);margin:auto}
.skip{position:absolute;z-index:3;left:10px;top:8px;transform:translateY(-180%);padding:7px 12px;background:var(--cream)}
.skip:focus{transform:none}
.nav{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:72px;border-bottom:3px solid var(--ink)}
.brand{display:flex;align-items:center;gap:8px;font:30px/.8 var(--pixel);text-decoration:none;text-transform:uppercase}
.brand img{width:25px;height:25px}
.foot{border-top:3px solid var(--ink);padding:16px 0 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.foot nav{display:flex;gap:8px 18px;flex-wrap:wrap}
.foot a{text-underline-offset:3px}
@media(max-width:680px){
  .nav{min-height:60px;gap:8px}
  .brand{font-size:19px;white-space:nowrap}
  .brand img{width:18px;height:18px}
}