.glass-nav {
  min-height: clamp(76px, 6.5vw, 102px);
  padding: clamp(14px, 1.45vw, 22px) clamp(22px, 3.4vw, 58px) !important;
  gap: clamp(16px, 2vw, 34px);
}

.brand-link {
  flex: 0 0 auto;
}

.logo-lockup {
  width: clamp(172px, 12.2vw, 232px);
  height: auto;
}

.nav-pill {
  gap: clamp(4px, 0.45vw, 8px) !important;
  padding: clamp(8px, 0.72vw, 12px) !important;
}

.pill-nav-link {
  min-height: clamp(44px, 3vw, 54px);
  padding: 0 clamp(15px, 1.35vw, 25px);
  font-size: clamp(13px, 0.86vw, 16px);
  line-height: 1;
}

.pill-label-stack {
  min-width: max-content;
}

.nav-cta {
  min-height: clamp(46px, 3vw, 56px);
  padding: 0 clamp(22px, 1.8vw, 34px) !important;
  font-size: clamp(14px, 0.92vw, 16px) !important;
}

.mobile-menu {
  width: clamp(48px, 11.2vw, 56px) !important;
  height: clamp(48px, 11.2vw, 56px) !important;
}

.mobile-overlay-header .logo-lockup {
  width: clamp(166px, 44vw, 212px);
}

.spotlight-layout {
  padding-top: clamp(104px, 11vh, 150px);
}

@media (min-width: 1536px) {
  .glass-nav {
    min-height: 108px;
  }

  .logo-lockup {
    width: clamp(220px, 11.4vw, 260px);
  }
}

@media (max-width: 1120px) {
  .glass-nav {
    padding-inline: clamp(18px, 2.6vw, 34px) !important;
  }

  .logo-lockup {
    width: clamp(162px, 16vw, 196px);
  }

  .pill-nav-link {
    padding-inline: clamp(12px, 1.05vw, 18px);
    font-size: clamp(12px, 1.1vw, 14px);
  }

  .nav-cta {
    padding-inline: clamp(18px, 1.8vw, 24px) !important;
  }
}

@media (max-width: 767px) {
  .glass-nav {
    min-height: clamp(70px, 18vw, 86px);
    padding: 12px clamp(16px, 5vw, 24px) !important;
  }

  .logo-lockup {
    width: clamp(148px, 42vw, 184px);
  }

  .spotlight-layout {
    padding-top: clamp(92px, 17vh, 128px);
  }
}