/* Main message arrangement based on the current Modusign homepage. */
.hero .hero-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  padding-top: 76px;
}
.hero .hero-copy { max-width: 900px; }
.hero .hero-copy h1 { font-size: 54px; line-height: 1.3; letter-spacing: -.035em; }
.hero .hero-side { width: 100%; padding: 0; }
.hero .hero-lead { max-width: 680px; margin: 24px auto 0; font-size: 18px; line-height: 1.6; word-break: keep-all; }
.hero .hero-actions { justify-content: center; margin-top: 28px; }
.hero .hero-art { width: 100%; margin-top: 64px; }
@media (min-width: 801px) and (max-width: 1050px) {
  .desktop-nav, .nav-cta { display: none; }
  .menu-button { display:flex; flex-direction:column; justify-content:center; gap:6px; margin-left:auto; width:35px; height:35px; border:0; background:transparent; }
  .menu-button span { display:block; width:22px; height:2px; background:#22222a; }
  .mobile-nav:not([hidden]) { display:flex; flex-direction:column; background:#fff; border-bottom:1px solid #eeeef1; padding:10px 36px 22px; }
  .mobile-nav a { color:#24242a; padding:13px 0; }
}
@media (max-width: 800px) {
  .hero .hero-grid { padding-top: 60px; }
  .hero .hero-copy h1 { font-size: clamp(36px, 6vw, 48px); }
  .hero .hero-lead { font-size: 16px; max-width: 560px; }
  .hero .hero-art { margin-top: 48px; }
}
@media (max-width: 580px) {
  .hero .hero-grid { padding-top: 48px; }
  .hero .hero-copy h1 { font-size: clamp(32px, 8vw, 40px); }
  .hero .hero-lead { font-size: 15px; margin-top: 18px; }
  .hero .hero-actions { flex-direction: row; align-items: center; margin-top: 24px; }
  .hero .hero-art { margin-top: 40px; }
}