/* Top menu: six items, instruments under The Desk. Ruling 27, 09 NOV 2026. */

.nav-desk{position:relative}
.nav-desk-btn{
  font-family:var(--font-label, var(--label, "Barlow Condensed", sans-serif));
  font-size:.76rem;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--text-secondary, var(--muted, #a8a49c));
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  white-space:nowrap;
  line-height:1;
}
.nav-desk-btn::after{content:" \25BE";font-size:.65em}
.nav-desk-btn:hover,
.nav-desk-btn[aria-expanded="true"]{color:var(--white, #f0ede6)}
.nav-desk-menu{
  display:none;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  min-width:220px;
  margin:0;
  padding:10px 0 8px;
  list-style:none;
  background:rgba(8,8,8,.98);
  border:1px solid #272727;
  z-index:8100;
}
.nav-desk-menu::before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
}
.nav-desk-menu li{list-style:none}
.nav-desk-menu a{display:block;padding:10px 18px;white-space:nowrap}
.nav-instrument{color:var(--steel, var(--slate, #84a8c3)) !important}
.nav-desk:hover .nav-desk-menu,
.nav-desk:focus-within .nav-desk-menu,
.nav-desk.open .nav-desk-menu{display:block}

.nav-links.open .nav-desk{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  width:100%;
}
.nav-links.open{overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav-links.open .nav-desk-btn{font-size:1.1rem !important;letter-spacing:.18em}
.nav-links.open .nav-desk-menu{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
  position:static;
  transform:none;
  min-width:0;
  width:100%;
  padding:0;
  background:transparent;
  border:0;
}
.nav-links.open .nav-desk-menu::before{display:none}
.nav-links.open .nav-desk-menu a{padding:0}

.swc-missed{
  display:inline;
  margin-left:.55em;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:.95rem;
  font-weight:400;
  font-style:italic;
  letter-spacing:0;
  text-transform:none;
  color:#a8a49c;
  line-height:1.4;
}
.swc-cover-credit{
  flex-basis:100%;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:.95rem;
  font-style:italic;
  font-weight:400;
  line-height:1.45;
  color:#a8a49c;
  opacity:1;
}


/* Round 1 mockups: shared CTA/card arrow, footer credit, nav kicker.
   Nav kicker typography, leading rule and panel reused from the pre-round-1
   .hero-kicker / .hero-kicker-panel (commit 685eb88). */
:root{--swc-arrow-glyph:"\2192";--nav-kicker-h:40px}
@media(max-width:560px){:root{--nav-kicker-h:58px}}

#main-nav{height:auto!important;display:flex;flex-direction:column}
#main-nav .nav-inner{height:72px;flex:0 0 72px}

/* Hard font and color fallbacks: pages that do not define --font-label / --steel
   (merger tracker, RailHead, Rail Service, Extra Board, later Manifest leaders)
   otherwise inherit the body serif and drop the leading rule. Barlow Condensed
   is the house label face and stays within 2 lines at 390px with the geo wrap. */
.nav-kicker{
  font-family:var(--font-label, var(--label, "Barlow Condensed", sans-serif));
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--steel, #84a8c3);
  display:flex;
  align-items:center;
  gap:14px;
  width:fit-content;
  max-width:calc(100% - 2 * clamp(20px,4vw,60px));
  margin:6px clamp(20px,4vw,60px) 8px auto;
  padding:.4em .9em;
  line-height:1.35;
  text-align:right;
  background:#0d0d0d;
  border-radius:2px;
}
@supports ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){
  .nav-kicker{background:rgba(13,13,13,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
}
.nav-kicker::before{content:'';display:block;width:40px;height:1px;background:var(--steel, #84a8c3);flex:0 0 40px}
.nav-kicker-copy{min-width:0}
.nav-kicker-geo{white-space:nowrap}
@media(max-width:560px){
  .nav-kicker-geo{display:block}
}
@media(max-width:1400px){
  .nav-links.open{top:calc(72px + var(--nav-kicker-h, 40px))!important}
}

.swc-cta-arrow::after,
.door::after,
.disc-card::after,
.nav-cta::after,
.btn-primary::after,
#close .btn::after,
a.cta::after,
button.submit:not(.stay-btn):not(.go-btn)::after,
.subscribe-form-wrap button::after{
  content:var(--swc-arrow-glyph) / "";
  font-family:var(--font-label,"Barlow Condensed"),sans-serif;
  transition:transform .2s;
}
.door,.disc-card{position:relative;padding-right:48px}
.door::after,.disc-card::after{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  font-size:1.6rem;line-height:1;color:var(--red,#e82c10)
}
.door:hover::after,.door:focus-visible::after,
.disc-card:hover::after,.disc-card:focus-visible::after{transform:translate(4px,-50%)}
.nav-cta::after,.btn-primary::after,#close .btn::after,a.cta::after,
button.submit:not(.stay-btn):not(.go-btn)::after,.subscribe-form-wrap button::after{
  display:inline-block;margin-left:.55em
}
.nav-cta:hover::after,.btn-primary:hover::after,#close .btn:hover::after,a.cta:hover::after,
button.submit:not(.stay-btn):not(.go-btn):hover::after,.subscribe-form-wrap button:hover::after{transform:translateX(3px)}

.swc-cover-credit{
  flex-basis:100%;text-align:center;text-transform:none;letter-spacing:0;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:.95rem;font-style:italic;
  font-weight:400;line-height:1.45;color:#a8a49c;opacity:1
}
.swc-image-note{
  flex-basis:100%;max-width:52rem;margin:4px auto 0;text-transform:none;letter-spacing:.01em;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:.78rem;font-style:normal;font-weight:400;
  line-height:1.45;color:#8a8680;text-align:center
}
.swc-footer-social{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px 16px}
.swc-footer-social a{font-family:"Barlow Condensed",sans-serif;font-size:.8rem;color:#a8a49c;text-decoration:none;letter-spacing:.14em;text-transform:uppercase}
.swc-footer-social a:hover{color:#84a8c3}