.formats-grid {
  align-items: flex-start;
}

.format-card {
  height: 100%;
}

.format-image {
  border-radius: var(--radius-md);
  border: 1px solid rgba(148, 163, 184, 0.45);
  box-shadow: var(--shadow-soft);
}

@media (max-width: 768px) {
  .hero-title {
    text-align: left;
  }

  .hero-subtitle {
    text-align: left;
  }
}