/* =========================================================
   Campus Hero Title — controlled line breaks
   Keeps linking words attached to their phrase on desktop.
========================================================= */

.campus-hero h1 {
  max-width: none;
}

.campus-hero-title__line {
  display: block;
  width: max-content;
  max-width: 100%;
}

.campus-hero-title__line--main {
  color: #151515 !important;
}

.campus-hero-title__line--accent {
  color: var(--orange) !important;
}

@media (min-width: 681px) {
  .campus-hero-title__line {
    white-space: nowrap;
  }
}

@media (max-width: 680px) {
  .campus-hero-title__line {
    width: auto;
    white-space: normal;
  }
}