.site-header{display:grid!important;grid-template-columns:1fr auto!important;gap:18px!important;align-items:center!important}
.site-name{grid-column:1;grid-row:1;justify-self:start!important}
.site-social{grid-column:2;grid-row:1}
.site-navigation{grid-column:1/-1;grid-row:2;display:flex!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap;border-block:1px solid #ded7dc;padding:14px 0!important}
.site-navigation>a{font-size:16px!important;letter-spacing:0!important;line-height:1.2!important;display:inline-flex;align-items:center;min-height:46px;padding:10px 20px!important;border:1px solid #b5a1b0;border-radius:3px;background:#faf9f6;color:#4d2847;text-decoration:none!important}
.site-navigation>a:hover{background:#eee6da}
@media(max-width:650px){.site-navigation{gap:8px!important}.site-navigation>a{font-size:14px!important;padding:9px 13px!important}.site-name{font-size:28px!important}}

/* One primary navigation row; work categories appear on request. */
.site-header{gap:12px!important;padding-bottom:18px!important}
.site-navigation{gap:10px!important;padding:10px 0!important;align-items:center!important;border-top:0}
.site-navigation .work-menu{position:relative;margin:0!important}
.site-navigation .work-menu>summary{font-size:16px!important;letter-spacing:0!important;line-height:1.2!important;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 20px!important;border:1px solid #b5a1b0;border-radius:3px;background:#faf9f6;color:#4d2847;cursor:pointer;list-style:none}
.site-navigation .work-menu>summary::-webkit-details-marker{display:none}
.site-navigation .work-menu>summary::after{content:'⌄';font-size:12px}
.site-navigation .work-menu-links{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:auto!important;width:210px!important;display:grid!important;gap:0!important;padding:6px!important;margin:0!important;background:#faf9f6!important;border:1px solid #d4c8d1!important;box-shadow:0 4px 12px #0001!important;z-index:100!important}
.site-navigation .work-menu:not([open])>.work-menu-links{display:none!important}
.site-navigation .work-menu-links a{display:block!important;padding:10px 12px!important;font-size:14px!important;line-height:1.3!important;text-decoration:none!important}
.site-navigation .work-menu-links a:hover{background:#eee6da}
.site-navigation summary:focus-visible{outline:2px solid #4d2847;outline-offset:3px}
@media(max-width:650px){.site-navigation .work-menu>summary{font-size:14px!important;padding:9px 13px!important}.site-header{gap:10px!important}}