@media screen and (min-width: 821px) {
  .about-profile {
    gap: 2.5rem;
  }
  .about-content {
    grid-template-columns: repeat(12, 1fr);
    gap: 3.75rem;
  }
  .about-content > .title {
    grid-column: span 4;
  }
  .about-content > .content {
    grid-column: span 8;
  }
}

@media screen and (min-width: 821px) {
  .home-hero + .site-block {
    margin-top: 7.5rem;
  }
  .home-message {
    gap: 6.5rem 4.5rem;
    grid-template-areas: "title message";
    grid-template-columns: 1fr 1fr;
    padding-bottom: 7.5rem;
  }
  .home-message > .title > .text {
    font-size: 3rem;
  }
  .home-news {
    gap: 2.5rem 4.5rem;
    grid-template-areas: "title content" "button content";
    grid-template-columns: 15.28fr 84.72fr;
  }
}