.site-header[data-site-nav] { align-items:center; background:var(--paper, #f6f4ee); display:flex; gap:16px; justify-content:space-between; padding:12px 5%; position:relative; z-index:4; }
:where(a,button,input,textarea):focus-visible { outline:3px solid var(--acid, #d8ff67); outline-offset:3px; }
.skip-link { background:var(--ink, #18211e); color:var(--paper, #f6f4ee); font:700 .75rem ui-monospace,monospace; left:12px; letter-spacing:.06em; padding:12px 16px; position:fixed; text-decoration:none; text-transform:uppercase; top:-60px; z-index:20; }.skip-link:focus { outline:3px solid var(--acid,#d8ff67); outline-offset:2px; top:12px; }
.site-header[data-site-nav] .brand { align-items:center; display:inline-flex; text-decoration:none; }
.site-header[data-site-nav] .brand-mark { display:block; height:74px; object-fit:contain; width:196px; }
.site-header[data-site-nav] .site-context { color:var(--muted, #66706b); font:700 .68rem ui-monospace,monospace; letter-spacing:.08em; margin-left:auto; text-transform:uppercase; }
.menu-toggle { align-items:center; background:transparent; border:1px solid var(--ink, #18211e); color:var(--ink, #18211e); cursor:pointer; display:inline-flex; font:700 .7rem ui-monospace,monospace; gap:9px; letter-spacing:.08em; padding:10px 12px; text-transform:uppercase; }
.menu-toggle:hover,.menu-toggle:focus-visible { background:var(--ink, #18211e); color:var(--paper, #f6f4ee); outline:none; }
.menu-toggle-lines { display:grid; gap:3px; width:15px; }.menu-toggle-lines i { background:currentColor; display:block; height:1px; width:15px; }
.clearline-menu { background:var(--ink, #18211e); border:1px solid var(--ink, #18211e); box-shadow:7px 7px 0 #0002; display:grid; grid-template-columns:1fr; padding:6px 0; position:absolute; right:5%; top:calc(100% + 8px); width:min(290px, calc(100vw - 10%)); z-index:5; }
.clearline-menu[hidden] { display:none; }.clearline-menu a { color:var(--paper, #f6f4ee); font:700 .74rem ui-monospace,monospace; letter-spacing:.08em; padding:15px 18px; text-decoration:none; text-transform:uppercase; }.clearline-menu a:hover,.clearline-menu a:focus-visible { background:#2b3933; color:var(--acid, #d8ff67); outline:none; }
.clearline-menu a[aria-current="page"] { color:var(--acid, #d8ff67); }
@media (max-width:600px) { .site-header[data-site-nav] { padding:10px 6%; }.site-header[data-site-nav] .brand-mark { height:52px; width:138px; }.site-header[data-site-nav] .site-context { display:none; }.clearline-menu { right:6%; width:min(290px, 88vw); } }
.site-footer { align-items:center; border-top:1px solid var(--line, #bcbeb5); color:var(--muted, #66706b); display:flex; font:700 .68rem ui-monospace,monospace; gap:20px; justify-content:space-between; letter-spacing:.07em; padding:24px 5%; text-transform:uppercase; }.site-footer nav { display:flex; gap:16px; }.site-footer a { color:inherit; text-decoration:none; }.site-footer a:hover,.site-footer a:focus-visible { color:var(--rust,#d96842); outline:none; text-decoration:underline; text-underline-offset:3px; }@media (max-width:600px) { .site-footer { align-items:flex-start; flex-direction:column; }.site-footer nav { flex-wrap:wrap; } }