@media screen and (min-width: 821px) {
  html {
    font-size: clamp(0.875rem, 1vw + 0.1rem, 1.125rem);
  }
  .for-large {
    display: block;
  }
  .for-small {
    display: none;
  }
  .layout-max,
  .layout-primary,
  .layout-secondary {
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--margin-side);
    padding-left: var(--margin-side);
  }
  .layout-max {
    max-width: calc(var(--content-max) + var(--margin-side) * 2);
  }
  .layout-primary {
    max-width: calc(var(--content-primary) + var(--margin-side) * 2);
  }
  .layout-secondary {
    max-width: calc(var(--content-secondary) + var(--margin-side) * 2);
  }
  .site-block {
    margin: 7.5rem 0;
  }
  .site-block.-dark {
    margin-inline: 1.5rem;
    padding: 4rem 1.5rem;
  }
  .site-footer > .address > .note {
    margin-top: 7.5rem;
  }
  .site-footer > .banner {
    margin-top: 7.5rem;
  }
  .site-heading-simple {
    font-size: 2.375rem;
    letter-spacing: 0.02em;
    line-height: 1.5;
  }
  .site-heading-simple.-short {
    font-size: 1.375rem;
    line-height: 1.75;
  }
  .site-heading-simple.-base {
    font-size: 1.563rem;
    line-height: 1.75;
  }
  .site-heading-simple.-center {
    text-align: center;
  }
  .site-heading-ornament {
    font-size: 6.563rem;
  }
  .site-text-standard.-center {
    text-align: center;
  }
}