/* ===== SINGULARITY MARKETING - CUSTOM FIXES v2.1 ===== */

/* FIX 1: Hero Headline overflow + sizing */
section:first-of-type h1 {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
}
@media (min-width: 1280px) {
  section:first-of-type h1 {
    font-size: 3.25rem !important;
    line-height: 1.15 !important;
  }
}

/* FIX 2: Reduce excessive section whitespace - all padding variants */
section.py-32,
section.md\:py-32 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
section.py-24,
section.md\:py-24 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
section.py-20:not(:first-of-type),
section.md\:py-20 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
section.py-16 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

/* FIX 3: Inner page hero div - reduce large margin-bottom */
div.mb-24 {
  margin-bottom: 2rem !important;
}
div.mb-20 {
  margin-bottom: 1.5rem !important;
}

/* FIX 4: Client logos - prevent clipping */
.client-logos-scroll {
  padding-right: 3rem !important;
}

/* FIX 5: Prevent horizontal overflow */
html, body { overflow-x: hidden; }

/* FIX 6: Hero - tighten min-height on desktop */
@media (min-width: 641px) {
  section:first-of-type {
    min-height: min(100dvh, 750px) !important;
  }
}

/* FIX 7: Mobile layout improvements */
@media (max-width: 640px) {
  section.py-24 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  section.py-20 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  section.py-16 { padding-top: 1.75rem !important; padding-bottom: 1.75rem !important; }
  section.px-6 { padding-left: 1rem !important; padding-right: 1rem !important; }
  section:first-of-type h1 { font-size: clamp(1.4rem, 7vw, 2.2rem) !important; line-height: 1.2 !important; }
  section:first-of-type { min-height: auto !important; padding-top: 5rem !important; padding-bottom: 2rem !important; }
  div.mb-24 { margin-bottom: 1rem !important; }
}

/* FIX 8: Mobile nav logo sizing */
@media (max-width: 768px) {
  nav img { height: 3.5rem !important; width: 3.5rem !important; }
}