/* Homepage navigation foundation, scoped to the wall so the murals retain their own type. */
@font-face{font-family:Manrope;src:url("assets/challenger-manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
.wall-study{--wall-nav-height:112px}
.wall-study>.nav{
  --display:"Manrope",Arial,sans-serif;
  --pad:clamp(1.5rem,6vw,7rem);
  position:fixed;inset:0 0 auto;z-index:90;
  min-height:112px;padding:1.5rem var(--pad);
  display:flex;align-items:center;gap:2.7rem;
  background:#0c1231;color:#fff;border-bottom:1px solid #ffffff25;
  font-family:var(--display);line-height:1.5;
}
.wall-study .nav nav{margin-left:auto}
.wall-study .nav .site-links>a{font-family:var(--display);font-weight:600;letter-spacing:normal}
.wall-study .nav .site-links>a:not(.pill){position:relative;font-size:1.1875rem;line-height:1.1}
.wall-study .nav .site-links>a:not(.pill)::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.wall-study .nav .site-links>a:hover::after{transform:scaleX(1)}
.wall-study .nav .pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;transition:background .2s,color .2s}
body.wall-study>.nav .site-links>a.nav-contact{background:#c91450;border-color:#c91450;color:#fff;font-size:1.0625rem}
body.wall-study>.nav .site-links>a.nav-contact:hover{background:#2442c6;border-color:#2442c6}
.wall-study .nav .site-links .rulebook-nav .rulebook-nav-pink,
.mobile-menu-ready body.wall-study>.nav.menu-open .site-links .rulebook-nav-pink{color:#ff246a}
.wall-study .nav-toggle-icon::before,.wall-study .nav-toggle-icon::after{background:#ff246a}
.mobile-menu-ready body.wall-study>.nav.menu-open{background:#0c1231}
.wall-study>.skip-link{z-index:400}
/* Reserve space inside the wall camera; horizontal scroll geometry stays unchanged. */
.wall-study .wall-journey.is-panning .wall-viewport{padding-top:var(--wall-nav-height)}
.wall-study .wall-journey:not(.is-panning) .wall-cover{padding-top:calc(5rem + var(--wall-nav-height))}
.wall-study .wall-journey.is-reading .wall-chapter{scroll-margin-top:var(--wall-nav-height)}
@media(min-width:761px) and (max-width:1000px){.wall-study>.nav{gap:1.5rem}}
@media(max-width:760px){
  .wall-study{--wall-nav-height:86px}
  .wall-study>.nav{min-height:86px;padding:1rem var(--pad);gap:1rem}
  .wall-study .nav .site-links>a:not(.pill){font-size:1.1875rem}
  .mobile-menu-ready body.wall-study>.nav.menu-open .site-links>a:not(.pill){font-size:1.75rem}
  html:not(.mobile-menu-ready) .wall-study{--wall-nav-height:160px}
  .wall-study .wall-journey:not(.is-panning) .wall-cover{padding-top:calc(3.5rem + var(--wall-nav-height))}
}
@media(prefers-reduced-motion:reduce){.wall-study .nav *{transition:none!important;animation:none!important}}
@media print{.wall-study>.nav{display:none}.wall-study .wall-viewport{padding-top:0!important}}