/* One header layout for the public website, including embedded case pages. */
@font-face{font-family:ZemuSerif;src:url('/shared/opening-live/assets/serif.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--zemu-header-height:94px;--zemu-header-gutter:32px}
html.zemu-header-document{scrollbar-width:none;scrollbar-gutter:auto}
html.zemu-header-document::-webkit-scrollbar{display:none}
.zemu-site-header,#zemu-opening-shell .header{
  box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:50;
  width:100%;max-width:none;height:var(--zemu-header-height);margin:0;
  padding:0 var(--zemu-header-gutter);display:grid;grid-template-columns:1fr 3fr;
  align-items:center;column-gap:0;background:#2c2922;color:#f2f0e8;
  font-family:ZemuSerif,serif;font-size:15px;font-weight:300;line-height:1.35;
}
.zemu-site-header *{box-sizing:border-box}
.zemu-site-header a,#zemu-opening-shell .header a{color:inherit;text-decoration:none;font-family:inherit;font-weight:300}
.zemu-site-header .zemu-site-brand,#zemu-opening-shell .header .zemu-site-brand{
  display:flex;align-items:flex-end;gap:10px;width:max-content;white-space:nowrap;
}
.zemu-site-header .zemu-site-brand>img,.zemu-site-header .zemu-site-brand>.stroke-logo,
#zemu-opening-shell .header .zemu-site-brand>.stroke-logo{
  display:block;width:54px;height:40px;flex:none;object-fit:contain;
}
.zemu-site-header .zemu-site-brand>img{filter:invert(1)}
.zemu-site-header .zemu-site-brand>span,#zemu-opening-shell .header .zemu-site-brand>span{
  font:300 32px/1 ZemuSerif,serif;letter-spacing:.12em;translate:0 -.09375em;
}
.zemu-site-header .zemu-site-brand .nav-roll-window,#zemu-opening-shell .header .zemu-site-brand .nav-roll-window{height:1em;line-height:1}
.zemu-site-header .zemu-site-desktop,#zemu-opening-shell .header .zemu-site-desktop{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;
  align-items:center;gap:0;font:300 15px/1.35 ZemuSerif,serif;
}
.zemu-site-header .zemu-site-desktop>:first-child{justify-self:start}
.zemu-site-header .zemu-site-desktop>:nth-child(2){justify-self:center}
.zemu-site-header .zemu-site-desktop>:last-child{justify-self:end}
.zemu-site-header .zemu-site-stack,#zemu-opening-shell .header .zemu-site-stack{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  padding:0;line-height:1.35;
}
.zemu-site-header .zemu-site-desktop a{display:block;white-space:nowrap;line-height:1.35}
.zemu-site-header .zemu-site-desktop .case-button-roll{display:block;line-height:1.35;vertical-align:top}
.zemu-site-header .zemu-site-desktop .case-button-roll>span{line-height:inherit}
.zemu-site-header .zemu-site-desktop .cases-nav,#zemu-opening-shell .header .zemu-site-desktop .cases-nav{display:flex;flex-direction:column;gap:6px}
.zemu-site-header .cases-nav .zemu-case-line{display:block;line-height:1.35}
.zemu-site-header .cases-nav .case-button-roll>span{display:flex;flex-direction:column;gap:6px;line-height:1.35}
.zemu-site-header .zemu-site-mobile,#zemu-opening-shell .header .zemu-site-mobile{display:none}
.zemu-site-header a:focus-visible,.zemu-site-header summary:focus-visible{outline:2px solid #aebc40;outline-offset:6px}
.zemu-header-page{padding-top:var(--zemu-header-height)}
.zemu-header-page .p-head{padding-top:0}
.zemu-header-page .p-head-inner.has-cover{height:calc(100svh - var(--zemu-header-height))}
.zemu-header-page .p-intro-cover{height:calc(100svh - var(--zemu-header-height) - 16px)}
.login-page.zemu-header-page .auth{min-height:calc(100svh - var(--zemu-header-height))}
@media(max-width:900px){
  :root{--zemu-header-height:76px;--zemu-header-gutter:20px}
  .zemu-site-header,#zemu-opening-shell .header{grid-template-columns:1fr auto}
  .zemu-site-header .zemu-site-brand,#zemu-opening-shell .header .zemu-site-brand{gap:7px}
  .zemu-site-header .zemu-site-brand>img,.zemu-site-header .zemu-site-brand>.stroke-logo,
  #zemu-opening-shell .header .zemu-site-brand>.stroke-logo{width:42px;height:31px}
  .zemu-site-header .zemu-site-brand>span,#zemu-opening-shell .header .zemu-site-brand>span{font-size:25px}
  .zemu-site-header .zemu-site-desktop,#zemu-opening-shell .header .zemu-site-desktop{display:none}
  .zemu-site-header .zemu-site-mobile,#zemu-opening-shell .header .zemu-site-mobile{display:flex;align-items:center;gap:8px;font:300 13px/1.35 ZemuSerif,serif}
  .zemu-site-header .zemu-site-mobile>a,.zemu-site-header .zemu-site-mobile summary,
  #zemu-opening-shell .header .zemu-site-mobile>a,#zemu-opening-shell .header .zemu-site-mobile summary{
    display:grid;place-items:center;width:48px;height:42px;margin:0;padding:0;
    border:1px solid #f2f0e899;border-radius:50%;cursor:pointer;list-style:none;
  }
  .zemu-site-header .zemu-site-mobile summary::-webkit-details-marker{display:none}
  .zemu-site-header .zemu-site-mobile details nav,#zemu-opening-shell .header .zemu-site-mobile details nav{
    position:absolute;right:var(--zemu-header-gutter);top:68px;display:grid;gap:18px;
    min-width:140px;margin:0;padding:20px 24px;background:#2c2922;
    border:1px solid #ffffff26;font:300 15px/1.35 ZemuSerif,serif;
  }
  .zemu-header-page .p-head-inner.has-cover{height:auto}
  .zemu-header-page .p-intro-cover{height:58svh}
}

/* Equal empty space between the four desktop navigation groups. */
@media(min-width:901px){
  .zemu-site-header,#zemu-opening-shell .header{display:flex;justify-content:space-between;gap:24px}
  .zemu-site-header .zemu-site-desktop,#zemu-opening-shell .header .zemu-site-desktop{display:contents}
}

/* Share the three desktop navigation groups with the mobile header. */
@media(max-width:900px){
 :root{--zemu-header-height:124px;--zemu-header-gutter:16px}
 .zemu-site-header,#zemu-opening-shell .header{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:14px;height:var(--zemu-header-height);}
 .zemu-site-header .zemu-site-mobile,#zemu-opening-shell .header .zemu-site-mobile{display:none;}
 .zemu-site-header .zemu-site-desktop,#zemu-opening-shell .header .zemu-site-desktop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;font-size:13px;line-height:1.35;align-items:start;}
 .zemu-site-header .zemu-site-stack,#zemu-opening-shell .header .zemu-site-stack{gap:5px;}
 .zemu-site-header .zemu-site-desktop .cases-nav,#zemu-opening-shell .header .zemu-site-desktop .cases-nav{gap:5px;}
 .zemu-site-header .zemu-site-desktop>:first-child,#zemu-opening-shell .header .zemu-site-desktop>:first-child{justify-self:start;}
 .zemu-site-header .zemu-site-desktop>:nth-child(2),#zemu-opening-shell .header .zemu-site-desktop>:nth-child(2){justify-self:center;}
 .zemu-site-header .zemu-site-desktop>:last-child,#zemu-opening-shell .header .zemu-site-desktop>:last-child{justify-self:end;}
 .zemu-site-header .zemu-site-desktop a,#zemu-opening-shell .header .zemu-site-desktop a{border:0;border-radius:0;background:none;white-space:nowrap;}
}