/* Key navigation labels use one elevated display style across the site. The
   navy glass plaque and close halo set them apart from regular copy without
   competing with the chrome logo or the main display headlines. */
:is(
  .hero .script,
  .statement .eyebrow,
  .services .eyebrow,
  .work .eyebrow,
  .about .eyebrow,
  .portal .eyebrow,
  .contact .eyebrow,
  .team-hero .eyebrow,
  .team-profile .eyebrow,
  .resume-viewer-header .eyebrow,
  .service-panel .eyebrow,
  .rating-panel .eyebrow
) {
  margin-bottom: 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #e9f8ff !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(12px, 1.15vw, 15px) !important;
  font-style: italic !important;
  font-weight: 700 !important;
  letter-spacing: .075em !important;
  line-height: 1.08 !important;
  text-transform: none !important;
  text-shadow:
    0 0 1px rgba(255, 255, 255, 1),
    0 0 4px rgba(185, 231, 255, .76),
    0 0 10px rgba(41, 159, 236, .36) !important;
}

.hero .script {
  padding-block: 0;
  font-size: clamp(14px, 1.45vw, 19px) !important;
  letter-spacing: .06em !important;
}

.service-panel .eyebrow,
.rating-panel .eyebrow {
  margin-bottom: 20px;
  background: none;
}

@media (max-width: 750px) {
  :is(
    .hero .script,
    .statement .eyebrow,
    .services .eyebrow,
    .work .eyebrow,
    .about .eyebrow,
    .portal .eyebrow,
    .contact .eyebrow,
    .team-hero .eyebrow,
    .team-profile .eyebrow,
    .resume-viewer-header .eyebrow,
    .service-panel .eyebrow,
    .rating-panel .eyebrow
  ) {
    padding: 0;
    font-size: 12px !important;
    letter-spacing: .055em !important;
  }

  .hero .script { font-size: 14px !important; }
}