/**
 * Responsive hero subhead — short action words on mobile, full phrase on desktop.
 * Phase 1: visual emphasis only (no click handlers yet).
 */

.browse-hero-subhead__line {
  display: inline;
}

.browse-hero-subhead__line--long {
  display: none;
}

@media (min-width: 769px) {
  .browse-hero-subhead__line--short {
    display: none;
  }

  .browse-hero-subhead__line--long {
    display: inline;
  }
}

/* Override parent gradient clip so child spans render legibly */
.browse-hero-subhead__word,
.browse-hero-subhead__sep,
.browse-hero-subhead__suffix {
  -webkit-text-fill-color: currentColor;
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}

.hero-subhead.browse-hero-subhead {
  color: rgb(51 65 85);
  -webkit-text-fill-color: currentColor;
}

.dark .hero-subhead.browse-hero-subhead {
  color: rgb(203 213 225);
}

.browse-hero-subhead__word {
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
  text-decoration-color: rgb(100 116 139 / 0.55);
}

.dark .browse-hero-subhead__word {
  text-decoration-color: rgb(148 163 184 / 0.5);
}

.browse-hero-subhead__suffix {
  font-weight: 800;
  text-decoration: none;
}

.browse-hero-subhead__sep {
  font-weight: 800;
  text-decoration: none;
  opacity: 0.85;
}