:root{--content-max: 57.5rem;--content-min: 17.5rem;--gap-lg: 32px;--gap-md: 24px;--gap-sm: 16px;--gap-xs: 8px}*{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;font-family:system-ui,sans-serif;background-color:#1b1b1b;color:#cacaca}h1,h2,h3{margin-block-end:.35em;line-height:1.1}h1{color:#fff}p{margin-top:0}.layout{min-height:100%;min-height:100svh;display:grid;grid-template-columns:[full-start] minmax(var(--gap-sm),1fr) [popout-start] minmax(0,.25fr) [content-start] minmax(0,var(--content-max)) [content-end] minmax(0,.25fr) [popout-end] minmax(var(--gap-sm),1fr) [full-end];grid-template-rows:auto 1fr auto}main{grid-column:full;display:grid;grid-template-columns:inherit;align-content:start}main>*{grid-column:content}.layout>header{grid-column:popout;display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:var(--gap-md)}.layout>header nav{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.layout>header .logo{max-width:-moz-max-content;max-width:max-content;display:flex;align-items:center}.layout>footer{grid-column:popout;padding-block:var(--gap-md)}.pugLogo{justify-self:center;max-width:500px}