@media screen and (min-width: 821px) {
  .home-hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 1.5rem 1.5rem;
    min-height: calc(100vh - var(--header-height) - 1.5rem);
  }
  .home-hero > .text {
    padding: 4rem 2.5rem;
  }
  .home-hero > .text > .catch {
    font-size: clamp(1.813rem, 2.01vw, 2.188rem);
    margin-top: 2.5rem;
  }
  .home-hero > .text > .catch > .sub {
    font-size: clamp(1.313rem, 1.46vw, 1.563rem);
  }
  .home-hero > .text > .description {
    font-size: 0.875rem;
    line-height: 2.2;
    margin-top: 1.5rem;
  }
  .home-hero > .text > .note {
    font-size: 0.75rem;
    line-height: 2.2;
    margin-top: 1.5rem;
  }
  .home-hero > .text > .action {
    margin-top: 2.5rem;
    max-width: 25rem;
  }
  .home-hero > .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .home-hero-title > .category {
    font-size: clamp(1.25rem, 1.39vw, 1.5rem);
    letter-spacing: 0.5em;
    line-height: 1.2;
    margin-bottom: clamp(0.75rem, 0.83vw, 0.875rem);
  }
  .home-hero-title > .logo {
    width: clamp(25.5rem, 28.33vw, 30.625rem);
  }
}