/* Center the gold crest, with a two-bar navigation control at the upper right. */
.site-header{--header-height:108px;--header-inset:4.3vw;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:var(--header-height);padding:0 var(--header-inset);gap:16px}
.site-header .brand.brand-artwork{display:block;grid-column:2;grid-row:1;justify-self:center;width:68px;height:78px}
.site-header .brand.brand-artwork img{display:block;width:100%;height:100%;object-fit:contain}
.site-header .header-menu{display:block;grid-column:3;grid-row:1;justify-self:end;position:static;color:#e3ca99}
.site-header .header-menu summary{display:grid;place-items:center;width:44px;height:44px;padding:0;cursor:pointer;list-style:none;filter:drop-shadow(0 1px 2px #0008)}
.site-header .header-menu summary::after,.site-header .header-menu summary::marker{content:none}
.site-header .header-menu summary::-webkit-details-marker{display:none}
.site-header .header-menu summary svg{display:block;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}
.site-header .header-menu summary:hover{color:inherit}
.site-header .header-menu nav{position:absolute;top:calc(100% - 8px);left:auto;right:var(--header-inset);width:max-content;max-width:calc(100% - var(--header-inset) * 2);max-height:calc(100svh - var(--header-height) - 20px);overflow:auto;display:grid;gap:4px;margin:0;padding:0;background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none}
.site-header .header-menu nav a{display:flex;align-items:center;min-height:44px;padding:12px 7px;justify-content:flex-end;text-align:right;font-family:var(--font-body,'Lora',Georgia,serif);font-size:15px;font-weight:400;line-height:1.5;color:inherit;text-shadow:0 1px 3px #0009;text-decoration:none;overflow-wrap:anywhere;transition:color 200ms ease-out}
.site-header .header-menu nav a:hover,.site-header .header-menu nav a[aria-current=page]{color:inherit;text-decoration:underline;text-underline-offset:5px}
.home-page .site-header:has(.header-menu[open]){background:transparent;backdrop-filter:none}
/* All three headers travel with their opening section, over a clear surface. */
body.day-yours.site-standard:is(.home-page,.about-page,.contact-page) .site-header{
  position:fixed;
  background:transparent;
  backdrop-filter:none;
  transition:none;
}
.site-standard .site-header.header-scroll-managed:not(.header-revealed){
  visibility:hidden;
  pointer-events:none;
}
@media(max-width:760px){
  .site-header{--header-height:86px;--header-inset:23px;gap:8px}
  .site-header .brand.brand-artwork{width:56px;height:64px}
  .site-header .header-menu summary svg{width:32px;height:32px}
}
@media(max-width:360px){
  .site-header{--header-height:86px;--header-inset:12px;gap:4px}
  .site-header .brand.brand-artwork{width:50px;height:58px}
}
@media(prefers-reduced-motion:reduce){.site-header .header-menu nav a{transition:none}}