@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;
  }
}

@media screen and (min-width: 821px) {
  .service-content {
    gap: 6.25rem;
  }
  .service-content-item {
    grid-template-columns: repeat(12, 1fr);
    gap: 3.75rem;
  }
  .service-content-item > .text {
    grid-column: span 7;
  }
  .service-content-item > .image {
    grid-column: span 5;
  }
}

@media screen and (min-width: 821px) {
  .strength-content {
    gap: 7.5rem 3.75rem;
  }
  .strength-content > .item {
    width: calc(50% - 1.875rem);
  }
  .strength-content-item {
    gap: 2.5rem;
  }
}


@media screen and (min-width: 821px) {
  .works-content {
    grid-template-columns: repeat(12, 1fr);
    gap: 6rem 3.75rem;
  }
  .works-content > .item {
    grid-column: span 4;
  }
  .works-content-item {
    gap: 0.5rem;
  }
  .works-detail {
    gap: 5rem;
  }
  .works-detail-photo-single > .image {
    margin: 0;
  }
  .works-detail-photo-multi {
    gap: 3.75rem;
  }
  .works-detail-photo-multi > .image {
    min-width: auto;
    width: calc(33.333% - 2.5rem);
  }
}