/* Ashton Vale — shared public-site navigation styling.
   Used by every public page alongside js/public-nav.js. Relies on each
   page already defining --paper/--bg/--font-type/--font-header in its
   own :root (unchanged, not redesigned here).

   position: fixed, not sticky -- css/polish.css sets
   `html, body { overflow-x: hidden; }` on nearly every page (a third
   file, outside this one, not something this pass touches), which is a
   well-known case where an ancestor's non-visible overflow silently
   breaks position:sticky even though nothing else about the layout
   looks wrong. Confirmed via direct measurement (nav scrolled away with
   the page instead of pinning) before switching to fixed. body gets a
   top-padding equal to the nav's own height (84px, measured) so fixed
   positioning doesn't cover the first bit of page content -- this
   replaces the flow-space the nav used to occupy, so nothing shifts. */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem;flex-wrap:wrap;gap:0.75rem;background:var(--bg);}
body{padding-top:84px;}
.nav-brand{font-family:var(--font-header);font-size:0.75rem;letter-spacing:0.22em;color:rgba(201,169,122,0.75);text-decoration:none;text-transform:uppercase;line-height:1.3;}
.nav-brand span{display:block;}
.nav-logo{position:absolute;left:50%;transform:translateX(-50%);}
.nav-logo svg{width:46px;height:46px;opacity:0.9;}
.nav-links{display:flex;gap:1.75rem;align-items:center;flex-wrap:wrap;}
.nav-link{font-family:var(--font-type);font-size:0.72rem;letter-spacing:0.18em;color:rgba(201,169,122,0.7);text-decoration:none;text-transform:uppercase;transition:color 0.2s;position:relative;}
.nav-link:hover{color:var(--paper);}
.nav-link.active{color:rgba(201,169,122,0.95);}
.nav-link.active::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:rgba(201,169,122,0.6);}