/**
 * Layout: container, grid utilities, responsive breakpoints.
 */

/* Container */
.ewby-container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* Section spacing */
.ewby-section {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

.ewby-section--compact {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-3xl);
}

/* Grid overflow prevention */
.ewby-grid > * {
  min-width: 0;
}

/* Main content area, constrained to the same width as the homepage container */
.ewby-main {
  min-height: 60vh;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
}

/* Responsive */
@media (max-width: 1024px) {
  :root {
    --container-padding: 2rem;
    --text-hero: 3.5rem;
    --text-5xl: 2.25rem;
    --text-4xl: 2rem;
  }
}

@media (max-width: 768px) {
  :root {
    --container-padding: 1.25rem;
    --text-hero: 2.75rem;
    --text-5xl: 2rem;
    --text-4xl: 1.75rem;
    --space-3xl: 3rem;
    --space-2xl: 2.5rem;
  }
}

@media (max-width: 480px) {
  :root {
    --text-hero: 2.25rem;
    --text-5xl: 1.75rem;
    --container-padding: 1rem;
  }
}