/* Shared portfolio header mark: one geometry on every page. */
body header .logo,body header.site-header .logo{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%) rotate(-3deg);transform-origin:center;display:inline-block;width:auto;height:auto;min-width:0;box-sizing:border-box;margin:0;padding:8px 12px;font:700 20px/1.15 'PT Sans',sans-serif;letter-spacing:-.9px;white-space:nowrap;isolation:isolate;color:#202322;text-decoration:none;border:0;border-radius:0}
body header .logo:before,body header.site-header .logo:before{content:'';position:absolute;inset:4px 0;z-index:-1;background:#f4f69d;border:0;border-radius:3px;transform:none}
@media(max-width:750px){body header .logo,body header.site-header .logo{left:0;top:20px;transform:rotate(-3deg);font-size:23px;padding:8px 12px}}
/* Review banners must not shift the global header between pages. */
body>.draft-note{display:none}
body header .logo,body header.site-header .logo{transform:translate(-50%,-50%)}
body header .logo:before,body header.site-header .logo:before{transform:rotate(-3deg)}
@media(max-width:750px){body header .logo,body header.site-header .logo{transform:none}}

/* Keep desktop navigation in its columns when the centred logo is absolute. */
@media(min-width:751px){body .site-header .nav-left{grid-column:1;grid-row:1}body .site-header .nav-right{grid-column:3;grid-row:1;justify-self:end}}

/* Align the mobile brand and menu control on the same horizontal centre. */
@media(max-width:750px){body header.site-header .logo{position:relative;left:auto;top:auto;transform:none;grid-column:1;grid-row:1;align-self:center;justify-self:start} }