@import url('/assets/brand-2027.css');
/* Cross-page corrections for the supplied 2027 reference layouts. */

/* One navigation geometry across Gala, Awards, category and finalist views. */
.nav-in {
  width: 100%;
  max-width: 1600px !important;
  height: 80px !important;
  padding-inline: clamp(20px, 5vw, 80px) !important;
  gap: 32px;
}

.nav-logo,
.brand {
  flex: 0 0 auto;
  width: 220px;
}

.nav-logo svg,
.brand .awlogo {
  display: block;
  width: auto;
  max-width: 220px;
  height: 32px !important;
}

.nav-links {
  flex: 0 1 auto;
  justify-content: flex-end;
  gap: clamp(20px, 2vw, 34px) !important;
}

.nav-links a {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .2em !important;
  white-space: nowrap;
}

.nav-links a.btn {
  width: 140px;
  padding-inline: 14px !important;
  justify-content: center;
}

/* Keep the large broadcast heading inside its grid track. */
.nm-txt {
  min-width: 0;
}

.nm-txt h2 {
  max-width: 100%;
  font-size: clamp(54px, 5.7vw, 104px) !important;
  line-height: .88;
}

.nm-pics {
  min-width: 0;
}

@media (max-width: 1180px) {
  .nav-links a {
    font-size: 11px !important;
    letter-spacing: .17em !important;
  }
}

@media (max-width: 1020px) {
  .nav-logo,
  .brand {
    width: auto;
  }

  .nav-logo svg,
  .brand .awlogo {
    height: 24px !important;
    max-width: min(220px, 62vw);
  }

  .nav-links {
    position: fixed !important;
    inset: 80px 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    justify-content: flex-start;
    padding: 6px clamp(20px,5vw,80px) 28px !important;
    background: rgba(7,6,9,.97) !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
  }

  .nav-links a {
    padding: 18px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    font-size: 13px !important;
  }

  .nav-links a.btn {
    width: auto;
    margin-top: 22px !important;
    height: 54px !important;
    border: 0 !important;
  }

  .nav-toggle {
    display: block !important;
    margin-left: auto;
  }

  .nav.open .nav-links {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .nm-txt h2 {
    font-size: clamp(52px, 7vw, 76px) !important;
  }
}

@media (max-width: 900px) {
  .nm-txt h2 {
    font-size: clamp(50px, 14vw, 92px) !important;
  }
}

@media (max-width: 520px) {
  .nav-in {
    height: 72px !important;
  }

  .nav-links {
    inset-block-start: 72px !important;
  }
}