/* The site-wide header (inc/aoh-header.php), 2026-10-06. Lifted out of home.css so every page
   wears the homepage's bar. Its colours live on .top so they never leak into blog or GP styles. */

.top{
  --night:#0F1D25; --ink:#1B2F3A; --hair:#D4CFC4; --gold:#D4A96A; --gold-ink:#7A5624; --moon:#E4DFD6;
  --serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  position:fixed;left:0;right:0;top:0;z-index:50;transition:background .4s,box-shadow .4s,color .4s;color:var(--moon);
  font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased
}
.top *,.top *::before,.top *::after{box-sizing:border-box}
.top.is-solid{background:rgba(15,29,37,.82);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);box-shadow:0 1px 0 rgba(212,169,106,.15)}
.top.is-paper{background:rgba(243,238,229,.86);color:var(--ink);box-shadow:0 1px 0 var(--hair)}
.top--fixed.is-solid{background:rgba(15,29,37,.94)}
.top__in{display:flex;align-items:center;gap:18px;height:64px;width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.top .brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:inherit!important;font:600 21px/1 var(--serif);letter-spacing:.01em}
.top .brand__icon{display:block;width:auto;height:44px;max-width:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}
.top__nav{display:none;margin-left:auto;gap:26px}
.top__nav a{color:inherit!important;text-decoration:none;font-size:15px;opacity:.82;transition:opacity .2s}
.top__nav a:hover{opacity:1}
.top__cta{margin-left:auto;padding:9px 16px;border-radius:999px;font:600 14px/1.2 var(--sans);text-decoration:none;background:var(--gold);color:var(--night)!important;white-space:nowrap}
.top__cta--soon{background:transparent;border:1px solid rgba(212,169,106,.55);color:var(--gold)!important}
.top.is-paper .top__cta--soon{border-color:var(--gold-ink);color:var(--gold-ink)!important}
/* The wordmark: true small caps, so A and H stand tall over the rest, with a gold italic "of". */
.brand__name{font-family:"Cormorant SC","Cormorant Garamond",Georgia,serif;font-weight:600;font-size:24px;letter-spacing:.035em;word-spacing:-.14em;line-height:1;white-space:nowrap}
.brand__name em{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.06em;font-style:italic;font-weight:500;letter-spacing:0;text-transform:none;color:#D4A96A;margin:0 .06em 0 .02em}
.top.is-paper .brand__name em{color:#7A5624}
.top :focus-visible{outline:2px solid #12807A;outline-offset:3px;border-radius:6px}

/* The footer, every page. */
.foot{--gold-hi:#E8C58F;--moon:#E4DFD6;background:#0B161D;color:rgba(228,223,214,.7);padding:44px 0 50px;font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.foot *{box-sizing:border-box}
.foot__in{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.foot__brand{display:flex;align-items:center;gap:13px;color:var(--moon)}
.foot__brand .brand__icon{display:block;width:auto;height:48px;max-width:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}
.foot__brand .brand__name{font-size:24px}
.foot__links{display:flex;flex-wrap:wrap;gap:10px 22px}
.foot__links a{color:rgba(228,223,214,.8)!important;text-decoration:none;font-size:15px}
.foot__links a:hover{color:var(--gold-hi)!important}
.foot__legal{margin:0;font-size:13px;color:rgba(228,223,214,.45)}
.site-footer{background:#0B161D!important;padding:0!important;border:0!important}

/* Pages without a dark hero start below the bar. */
body.aoh-has-top{padding-top:64px}
body.aoh-has-top.single-post{padding-top:0}
body.admin-bar .top{top:32px}
@media (max-width:782px){ body.admin-bar .top{top:46px} }

@media (min-width:960px){
  .foot__in{padding:0 36px}
  .top__in{height:68px;padding:0 36px}
  .top .brand__icon{height:48px}
  .brand__name{font-size:26px}
  body.aoh-has-top{padding-top:68px}
  .top__nav{display:flex}
  .top__cta{margin-left:0}
}