/* The exported Webflow navbar block hides every .button-primary at <=991px,
   which also removes in-page CTAs (homepage hero "learn more", "about us",
   "apply now", Join Our Team "contact us"). Restore them inside page sections
   with their base display; the navbar contains no .button-primary. */
@media screen and (max-width: 991px) {
  section .button-primary { display: block; }
}

/* Phone-only legibility tweak for the homepage COMMERCIAL panel: a stronger
   dark scrim over the same photo, and the hero "learn more" CTA in the brand
   yellow (--secondary) with dark (--header) text. Markup/IX2 untouched. */
@media screen and (max-width: 479px) {
  .cell-4 {
    background-image: linear-gradient(#0000008c, #0000008c), url("/__l5e/assets-v1/eec7612b-78a7-49d7-824b-0099d72d261c/68c9efcd08e50eedfde13fad_strata---low-res-by-chris-murray-productions_-3.jpg");
  }
  .cell-4 .hero-content-wrap > .button-primary {
    background-color: var(--secondary);
    color: var(--header);
  }
  .cell-4 .hero-content-wrap > .button-primary:hover,
  .cell-4 .hero-content-wrap > .button-primary:focus-visible,
  .cell-4 .hero-content-wrap > .button-primary:active {
    background-color: var(--header);
    color: var(--secondary);
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
  }
}