/* DF Studios — production-only mobile fixes that the Claude Design export does NOT
   include. Everything the export handles itself (2-col card grids, About layout,
   How It Works proof/fit grids, footer stacking, section padding, the What You Get
   "Four Ways In" mobile card stack) now lives in each page's own <style>/markup and
   is intentionally NOT duplicated here.
   Scoped to <= 599.98px. Desktop is untouched. */

@media (max-width: 599.98px) {

  /* ---------- Home hero: let the headline wrap instead of clipping ---------- */
  [data-hero-line] { white-space: normal !important; }
  .hero-atmos > div[style*="width:70px;height:70px;border-radius:50%"] { display: none !important; }

  /* ---------- Contact qualifier: widen the content band, kill the top dead space ---------- */
  .dfs-nav + section[style*="align-items:center;justify-content:center"] {
    align-items: flex-start !important;
    padding: 28px 12px !important;
  }
}