/* Shared responsive navigation and newsletter invitation. */
header .nav-toggle{display:none}
header .moondrop-float{min-height:44px;padding:11px 21px;border:1px solid #e6cdef;border-radius:999px;background:#d8b9e5;color:#211629;font:500 .82rem/1.2 Jost,sans-serif;letter-spacing:.035em;text-transform:none;box-shadow:0 3px 16px #0002;transition:background .2s,box-shadow .2s}
header .moondrop-float:hover{background:#eee1f3;color:#211629;box-shadow:0 4px 20px #d8b9e526}
header .moondrop-float:focus-visible,header .nav-toggle:focus-visible{outline:2px solid #e3c993;outline-offset:4px}
@media(max-width:760px){
 header{position:relative;align-items:center!important;flex-wrap:wrap;gap:0 16px}
 header.nav-ready .nav-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 13px;margin-left:auto;border:1px solid #d8b9e55c;border-radius:0;background:transparent;color:#e6d5ef;font:400 .78rem/1 Jost,sans-serif;letter-spacing:.06em;cursor:pointer}
 .nav-toggle-icon{display:grid;gap:4px;width:18px}
 .nav-toggle-icon span{display:block;width:18px;height:1px;background:currentColor}
 header.nav-ready nav{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:17px 0 5px;margin-top:12px;border-top:1px solid #d8b9e533}
 header.nav-ready.nav-open nav{display:flex}
 header.nav-ready nav>a{display:flex;align-items:center;min-height:48px;padding:12px 4px;font-size:.82rem;letter-spacing:.1em}
 header.nav-ready nav .moondrop-float{align-self:flex-start;justify-content:center;min-height:44px;padding:11px 21px;margin-top:12px;letter-spacing:.035em}
 header.nav-open .nav-toggle-icon span:nth-child(1){transform:translateY(5px) rotate(45deg)}
 header.nav-open .nav-toggle-icon span:nth-child(2){opacity:0}
 header.nav-open .nav-toggle-icon span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){header .moondrop-float{transition:none}}

/* Keep the newsletter invitation outside the collapsible navigation. */
header>.moondrop-float{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}
header>.moondrop-float[hidden]{display:none}
@media(max-width:760px){
 header:has(>.moondrop-float){column-gap:8px}
 header:has(>.moondrop-float)>.brand{order:1;margin-right:auto}
 header:has(>.moondrop-float)>.moondrop-float{order:2;align-self:center;margin:0;min-height:44px;padding:10px 13px;font-size:.78rem}
 header:has(>.moondrop-float)>.nav-toggle{order:3;margin-left:0}
 header:has(>.moondrop-float)>nav{order:4}
}
@media(max-width:420px){
 header:has(>.moondrop-float)>.brand img{width:90px}
 header:has(>.moondrop-float)>.moondrop-float{padding:10px 11px;font-size:.75rem}
 header:has(>.moondrop-float)>.nav-toggle{padding:9px 10px;gap:7px;font-size:.75rem}
}

/* Newsletter invitations follow the site's fine gold rules. */
header .moondrop-float{border:1px solid #d8b9e5;border-radius:0;background:transparent;color:#d8b9e5;font:400 .78rem/1.3 Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:none;transition:background .2s,color .2s}
header .moondrop-float:hover{background:#d8b9e514;color:#eee1f3;box-shadow:none}
@media(max-width:760px){header:has(>.moondrop-float)>.moondrop-float{font-size:.72rem;letter-spacing:.08em}}


/* Keep the earlier compact mobile header behavior. */
@media(max-width:420px){header>.moondrop-float{display:none}}

/* One full-width, persistent navigation bar across every page. */
body>header{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;max-width:none!important;margin:0!important;padding-left:max(5%,calc((100% - 1152px)/2))!important;padding-right:max(5%,calc((100% - 1152px)/2))!important;background:#100d1d!important;border-bottom:1px solid #ffffff26;box-shadow:0 4px 18px #00000014}
html{scroll-padding-top:110px}
@media(max-width:760px){body>header{padding-left:6%!important;padding-right:6%!important}body>header.nav-open{max-height:100dvh;overflow-y:auto}html{scroll-padding-top:90px}}

/* Dark masthead with the Open & Airy wordmark. */
body>header .brand img{width:160px;height:auto;filter:invert(1)!important;mix-blend-mode:normal!important}
@media(max-width:760px){body>header .brand img{width:128px}}
@media(max-width:420px){body>header .brand img{width:112px}}