/* ========================================
   Global Responsive Utilities
   ======================================== */

/* Section title responsive scaling */
@media (max-width: 960px) {
  .section-title {
    font-size: var(--font-size-2xl);
  }

  .section {
    padding: var(--spacing-4xl) 0;
  }
}

@media (max-width: 640px) {
  :root {
    --container-padding: 1.25rem;
  }

  .section-title {
    font-size: var(--font-size-xl);
  }

  .section {
    padding: var(--spacing-3xl) 0;
  }

  .section-desc {
    font-size: var(--font-size-base);
  }
}

/* Hide/Show at breakpoints */
@media (max-width: 768px) {
  .hide-mobile { display: none !important; }
}

@media (min-width: 769px) {
  .hide-desktop { display: none !important; }
}

/* Print styles */
@media print {
  .header,
  .footer,
  .hero__decoration {
    display: none;
  }

  body {
    font-size: 12pt;
    color: black;
  }
}