/* The homepage navigation, shared by every residency and editorial page. */
:root{--nav-gutter:clamp(24px,4vw,72px);--nav-ink:#000;--nav-paper:var(--paper,#f2f0ea);--nav-hover:#e5e3db}
:root[data-time="night"]{--nav-ink:#f6f0df;--nav-paper:#000;--nav-hover:#f6f0df1a}
#header{position:fixed;z-index:50;inset:0 0 auto;height:100px;padding:0 var(--nav-gutter);display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:var(--nav-ink);font:400 16px/normal 'Instrument Sans',sans-serif}
#header a,#header button{pointer-events:auto;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#header>a{display:flex;align-items:center}
#logo{display:block;width:112px;height:auto}
[data-time="night"] #logo{filter:brightness(0) invert(1)}
#header .header-right{display:flex;align-items:center;gap:36px}
#nav-menu{display:flex;gap:28px}
#nav-menu a{font-size:12px;text-decoration:none}
#nav-menu a:hover{text-decoration:underline;text-underline-offset:5px}
#header #apply-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border:1px solid currentColor;border-radius:999px;background:transparent;font:400 14px/normal 'Lora',serif;text-decoration:none;white-space:nowrap;transition:background .2s}
#header #apply-btn:hover{background:var(--nav-hover)}
#menu-toggle{display:none;position:relative;width:24px;height:24px;border:0;padding:0;background:none;cursor:pointer}
#menu-toggle .dot{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--nav-ink);transition:opacity .2s}
#menu-toggle .dot:nth-child(3n+1){left:3px}#menu-toggle .dot:nth-child(3n+2){left:10px}#menu-toggle .dot:nth-child(3n){left:17px}
#menu-toggle .dot:nth-child(-n+3){top:3px}#menu-toggle .dot:nth-child(n+4):nth-child(-n+6){top:10px}#menu-toggle .dot:nth-child(n+7){top:17px}
#mobile-menu,#mobile-menu[hidden]{display:none}
#mobile-menu{position:fixed;inset:0;z-index:49;padding:48px;flex-direction:column;justify-content:center;gap:30px;background:var(--nav-paper);color:var(--nav-ink);font:400 32px/normal 'Lora',serif}
#mobile-menu a{color:inherit;text-decoration:none}
#header a:focus-visible,#header button:focus-visible,#mobile-menu a:focus-visible{outline:2px solid var(--accent,#b66c50);outline-offset:6px}
.editorial-page #header,.menu-open #header{background:var(--nav-paper)}
.menu-open{overflow:hidden}
.menu-open #menu-toggle .dot:nth-child(even){opacity:0}
@media(max-width:1000px){#header .header-right{gap:24px}}
@media(max-width:768px){
  :root{--nav-gutter:24px}
  #header{height:80px}#logo{width:100px}
  #header .header-right{gap:20px}
  #header #apply-btn{padding:11px 21px;font-size:13px}
  #nav-menu{display:none}#menu-toggle{display:block}
  #mobile-menu.open:not([hidden]){display:flex}
}
@media(max-height:520px){#header{height:65px}}
@media(prefers-reduced-motion:reduce){#header a,#menu-toggle .dot{transition:none}}