/* A full-width sticky bar keeps the original wordmark and Spud together. */
html{scroll-padding-top:var(--header-height,102px)}
.header{position:sticky;top:0;z-index:30;max-width:none;padding:10px max(5.5%,calc((100vw - 1424px)/2));gap:24px;background:var(--yellow);box-shadow:0 3px 0 #2420160c}
.header-brand{display:flex;align-items:center;flex:none;gap:8px}
.header .brand{gap:4px;min-height:76px}
.header-spud{position:relative;display:block;width:76px;height:76px;flex:none}
.header-spud canvas{display:block;width:100%;height:100%}
.header-spud-fallback{position:absolute;inset:0;overflow:hidden}
.header-spud-fallback img{position:absolute;width:196%;max-width:none;left:-48%;top:-29%}
.header-wordmark{position:relative;display:block;width:180px;aspect-ratio:1040/230;overflow:hidden;flex:none}
.header-wordmark img{position:absolute;width:120.576923%;max-width:none;height:auto;left:-10.576923%;top:-326.086957%}
.header-spud-toggle{display:grid;place-items:center;flex:none;width:32px;min-height:44px;border:0;border-radius:6px;padding:0;background:transparent;color:var(--ink);font-family:Arial,sans-serif;font-size:17px;cursor:pointer;opacity:.65}
.header-spud-toggle:hover{background:#24201610;opacity:1}
.header-spud-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px;opacity:1}
.header [hidden]{display:none}
.skip{position:fixed;z-index:40}
@media(max-width:1000px){.header{padding-inline:5%;gap:18px}.header-wordmark{width:158px}.header-spud{width:66px;height:66px}.header .brand{min-height:66px}.header-brand{gap:4px}.header nav{gap:18px}}
@media(max-width:900px){.header nav>a:first-child{display:none}}
@media(max-width:700px){.header{padding:8px 5%;gap:10px;flex-wrap:wrap}.header .brand{min-height:56px;gap:1px}.header-spud{width:56px;height:56px}.header-wordmark{width:132px}.header-brand{gap:0}.header-spud-toggle{width:28px}.header nav{gap:14px;margin-left:auto}.header .nav-button{min-height:44px}}
@media(max-width:540px){.header-spud{width:48px;height:48px}.header-wordmark{width:112px}.header-spud-toggle{width:24px}.header nav>a:first-child{display:none}.header .nav-button{padding:8px 9px;gap:8px}}
@media(max-width:359px){.header-spud{width:42px;height:42px}.header-wordmark{width:100px}.header .nav-button{padding:8px}.header .nav-button>span{display:none}}