@media (min-width: 1600px) {
  .hero-content { max-width: 1120px; }
}

@media (max-width: 430px) {
  .theme-option label { width: 34px; height: 34px; }
  .mobile-nav { padding-inline: 1rem; }
  .mobile-nav .nav-link { font-size: 1.3rem; }
  .portfolio-card { min-height: 290px; }
  .education-intro, .education-offerings { padding: 1.5rem; }
}

@media (max-width: 390px) {
  .brand-lockup, .brand-lockup img { width: 126px; }
  .process-flow { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .container-erebrix { width: calc(100% - 1.5rem); }
  .page-hero h1 { font-size: 2.55rem; }
  .button { padding-inline: 1rem; }
}