/* Desktop L (1280px) */
@media (max-width: 1280px) {
  .page-inner {
    max-width: 976px;
  }
}

/* Tablet (768px) */
@media (max-width: 768px) {
  .page {
    padding: 0 var(--spacing-600);
    padding-bottom: var(--spacing-600);
  }

  .page-inner {
    max-width: 568px;
    gap: var(--spacing-300);
    margin-top: var(--spacing-300);
  }

  .top-section {
    flex-direction: column;
    gap: var(--spacing-600);
  }

  .top-images {
    gap: var(--spacing-300);
  }

  .top-text h1 {
    font-size: 28px;
  }

  .top-text p {
    font-size: 18px;
  }

  .row-3 {
    gap: var(--spacing-300);
  }
}

/* Mobile (480px) */
@media (max-width: 480px) {
  .page {
    padding: 0 var(--spacing-200);
    padding-bottom: var(--spacing-600);
  }

  .page-inner {
    max-width: 343px;
    gap: var(--spacing-300);
    margin-top: var(--spacing-300);
  }

  .top-section {
    flex-direction: column;
    gap: var(--spacing-300);
  }

  .top-images {
    gap: var(--spacing-300);
  }

  .top-text h1 {
    font-size: 28px;
  }

  .top-text p {
    font-size: 18px;
  }

  .row-3 {
    gap: var(--spacing-300);
  }
}