#header-logo .portfolio-wordmark{display:grid;width:174px;max-width:38vw;align-items:center;padding:7px 9px;background:#111;border-radius:3px;transform:translateY(-12px)}
#header-logo .portfolio-wordmark img{grid-area:1/1;width:100%;height:auto;display:block}
#header-logo .portfolio-wordmark .mark-dark{opacity:0}
html.is-menu-visible #header-logo .portfolio-wordmark .mark-light{opacity:0}
html.is-menu-visible #header-logo .portfolio-wordmark .mark-dark{opacity:1}
html.is-menu-visible #header-logo .portfolio-wordmark{background:#fff}
@media(max-width:768px){#header-logo .portfolio-wordmark{width:154px;transform:translateY(-7px)}}