/*
 * Shared masthead used across the redesigned site.
 *
 * The club name remains inside the home link for accessibility, but is
 * visually centered beneath the navigation so it no longer competes with the
 * logo for horizontal space.
 */
.site-header {
  position:relative;
  height:auto!important;
  min-height:13.5rem;
  max-width:90rem!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-top:.75rem!important;
  padding-bottom:3.75rem!important;
  gap:1.25rem!important
}
.site-header nav {
  display:flex;
  gap:clamp(.65rem,1.3vw,1.35rem)!important;
  justify-content:center;
  flex-wrap:wrap;
  font-size:.95rem!important;
  font-weight:700!important
}
.site-header>.brand {
  flex-direction:row;
  justify-content:center;
  min-width:7.5rem;
  gap:.25rem!important;
  text-align:center
}
.site-header>.brand>span:last-child {
  position:absolute;
  left:50%;
  bottom:1rem;
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100% - 2rem);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.85rem;
  text-align:center
}
.site-header>.brand>span:last-child::before,
.site-header>.brand>span:last-child::after {
  content:"";
  width:clamp(1.5rem,4vw,4rem);
  height:.22rem;
  background:#f2b84b;
  box-shadow:0 .22rem 0 #e54b38;
  transform:none!important;
  rotate:0deg!important;
  clip-path:none!important
}
.site-header>.brand strong {
  color:#173f78;
  font:600 clamp(1.45rem,2.4vw,2.15rem)/1 "Oswald",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:.04em .04em 0 rgba(242,184,75,.42)
}
.site-header>.brand small {
  display:none
}
.site-header>.header-actions {
  display:flex;
  flex-direction:column-reverse;
  align-items:stretch;
  justify-content:center;
  gap:.5rem!important;
  font-family:"DM Sans",Arial,sans-serif
}
.site-header>.header-actions>.button {
  width:100%;
  min-height:3rem!important;
  padding:0 1.25rem!important;
  gap:1rem!important;
  font-size:.75rem!important;
  font-weight:800!important;
  letter-spacing:0!important
}
.site-header>.header-actions>.font-controls {
  height:2.6875rem!important;
  justify-content:center;
  background:transparent!important
}
.site-header>.header-actions>.font-controls button {
  width:2.375rem!important;
  height:2.5625rem!important;
  padding:0!important;
  font-size:.75rem!important;
  font-weight:800!important
}
.site-header>.header-actions>.font-controls span {
  min-width:2.8rem!important;
  font-size:.5625rem!important
}
.site-header .brand-mark {
  width:7.5rem!important;
  height:10rem!important;
  flex:0 0 7.5rem
}
.site-header .brand-mark img {
  width:7rem!important;
  height:9.5rem!important;
  object-fit:contain!important;
  object-position:center!important;
  rotate:0deg!important;
  transform:none!important
}
@media(max-width:680px) {
  .site-header {
    min-height:10.25rem;
    padding-bottom:3.1rem!important
  }
  .site-header>.brand {
    min-width:4.5rem
  }
  .site-header>.brand strong {
    font-size:1.2rem;
    letter-spacing:.1em
  }
  .site-header>.brand>span:last-child {
    bottom:.8rem;
    gap:.55rem
  }
  .site-header>.brand>span:last-child::before,
  .site-header>.brand>span:last-child::after {
    width:1.1rem;
    height:.16rem;
    box-shadow:0 .16rem 0 #e54b38
  }
  .site-header .brand-mark {
    width:4.5rem!important;
    height:6rem!important;
    flex-basis:4.5rem
  }
  .site-header .brand-mark img {
    width:4.25rem!important;
    height:5.75rem!important
  }
}