:root{--mg-bar-height:46px}.mg-bar{position:fixed;inset:0 0 auto;z-index:1000;min-height:46px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;padding:10px 4.5%;background:var(--mg-bg);color:#252923;border-top:2px solid var(--mg-accent);font:13px/1.5 Arial,sans-serif;direction:ltr}.mg-label{letter-spacing:.13em}.mg-project{text-align:center;letter-spacing:.1em}.mg-about{justify-self:end;background:none;border:0;color:inherit;padding:0;cursor:pointer;font:inherit;text-decoration:none}.mg-about:hover{text-decoration:underline}.mg-about:focus-visible,.mg-dialog a:focus-visible,.mg-close:focus-visible{outline:2px solid var(--mg-accent);outline-offset:5px}.mg-dialog{box-sizing:border-box;width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:clamp(30px,6vw,76px);border:1px solid var(--mg-accent);background:#f6f3ea;color:#232822;overflow:auto;text-align:left;direction:ltr}.mg-dialog::backdrop{background:#20271ee0}.mg-dialog .mg-kicker{font:12px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#232822;margin:0 35px 32px 0}.mg-dialog h2{font:clamp(32px,5vw,58px)/1.12 Georgia,serif;letter-spacing:-.025em;text-transform:none;color:#232822;margin:0 0 32px}.mg-dialog h2 em{font:inherit;font-style:italic;color:inherit}.mg-dialog p{font:16px/1.8 Arial,sans-serif;color:#62685f;margin:0 0 18px;max-width:none}.mg-dialog .mg-close{position:absolute;right:20px;top:12px;padding:5px;background:none;border:0;font:32px/1 Arial,sans-serif;color:#232822;cursor:pointer}.mg-credit{border-top:1px solid #cfcfc0;margin-top:25px;padding-top:24px}.mg-credit strong{color:#232822}.mg-dialog a{color:#303e35;text-decoration:underline;text-underline-offset:4px}.mg-contact{display:flex;gap:12px 25px;flex-wrap:wrap}.mg-dialog .mg-note{font-size:13px;margin-top:24px}.mg-dialog[open]{display:block}html:has(.mg-dialog[open]){overflow:hidden}body>header:not(.header){top:var(--mg-bar-height)}@media(max-width:640px){:root{--mg-bar-height:70px}.mg-bar{grid-template-columns:1fr auto;gap:3px 12px;padding:9px 18px;font-size:10px;min-height:70px}.mg-label{grid-column:1}.mg-project{grid-column:1;grid-row:2;text-align:left}.mg-about{grid-column:2;grid-row:1/3;font-size:12px}.mg-dialog p{font-size:14px}.mg-dialog h2{margin-bottom:24px}}