/* Shared dimensions for the three current pages; archived studies keep their CSS. */
header.shared-nav{
  box-sizing:border-box;position:fixed!important;inset:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;
  width:100%;height:72px!important;min-height:72px;border-bottom:1px solid transparent;
  padding:0 clamp(24px,4vw,56px)!important;margin:0;
  flex-wrap:nowrap!important;gap:0!important;z-index:80!important;
}
.shared-nav.nav{border-bottom-color:#c4b9a455}
.shared-nav .shared-brand{
  display:inline-flex;align-items:center;flex:none;gap:10px;white-space:nowrap;
  font:600 10px/1 'Space Grotesk',Arial,sans-serif!important;
  letter-spacing:.22em!important;text-transform:uppercase;text-decoration:none;
  color:#120a00;opacity:1;
}
.shared-nav .shared-brand>span{display:inline;max-width:none;white-space:nowrap;line-height:1}
.shared-nav .shared-brand svg{display:block;width:32px;height:32px;flex:none}
.shared-nav .shared-brand svg text{font-family:'Cormorant Garamond',Georgia,serif}
.shared-nav .nav-rule{display:block;flex:1;height:1px;margin:0 28px;background:rgba(44,36,22,.13)}
.shared-nav nav{
  display:flex;align-items:center;justify-content:flex-end;
  flex:none;flex-wrap:nowrap!important;width:auto;margin:0;gap:24px!important;
}
.shared-nav nav>a{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  font:600 9px/1 'Space Grotesk',Arial,sans-serif!important;
  letter-spacing:.2em!important;text-transform:uppercase;text-decoration:none;
  white-space:nowrap;
}
.shared-nav nav>.shared-nav-cta{
  box-sizing:border-box;display:inline-flex;min-width:84px;height:34px;
  padding:0 18px;line-height:1;border:1px solid #120a00;
}
.shared-nav .shared-nav-cta>b{font:inherit;letter-spacing:inherit}
@media(max-width:1100px){
  header.shared-nav{padding-inline:36px!important}
  .shared-nav .shared-brand{font-size:8px!important;letter-spacing:.16em!important}
  .shared-nav .nav-rule{margin-inline:22px}
  .shared-nav nav{gap:20px!important}
}
@media(max-width:900px){
  header.shared-nav{position:relative!important;inset:auto;padding:0 24px!important;order:1;background:#faf8f3}
  .shared-nav .nav-rule{display:none!important}
  .shared-nav nav{gap:18px!important}
  .shared-nav nav>a{font-size:8px!important;letter-spacing:.15em!important}
  body.web-poster-selected main{padding-top:0}
  html:has(.shared-nav){scroll-padding-top:22px}
}
@media(min-width:861px) and (max-width:900px){
  /* The homepage's art switches to normal flow at 860px. */
  .hero:has(> .shared-nav)>.hero-art{top:72px!important}
}
@media(max-width:700px){
  header.shared-nav{
    height:112px!important;min-height:112px;padding:16px 20px!important;
    display:grid!important;grid-template-columns:1fr;grid-template-rows:32px 34px;
    align-content:center;gap:12px!important;
  }
  .shared-nav .shared-brand{font-size:9px!important;letter-spacing:.16em!important;justify-self:start}
  .shared-nav nav{width:100%;justify-content:space-between;gap:10px!important}
  .shared-nav nav>.shared-nav-cta{min-width:76px;padding-inline:13px}
}
@media(max-width:400px){
  header.shared-nav{padding-inline:18px!important}
  .shared-nav nav{gap:6px!important}
  .shared-nav nav>a{font-size:7px!important;letter-spacing:.13em!important}
  .shared-nav nav>.shared-nav-cta{min-width:68px;padding-inline:11px}
}