@media (min-width: 768px) {
  .converter-grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
    align-items: start;
  }

  .site-footer-meta {
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.8fr);
    gap: 1.4rem;
    align-items: start;
  }
}

@media (min-width: 1080px) {
  .hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.2rem;
  }

  .site-footer-meta > div:last-child {
    justify-items: end;
    text-align: right;
  }
}