@media (min-width: 701px) {
  main article { padding-top: 64px; }

  .article-head {
    width: min(940px, calc(100% - 48px));
  }

  .article-head h1 {
    max-width: 920px;
    margin: 16px 0;
    font-size: clamp(38px, 3.6vw, 54px);
    line-height: 1.28;
    letter-spacing: -2.7px;
  }

  .article-head > p {
    max-width: 760px;
    font-size: 16px;
  }

  .meta { margin: 28px 0 42px; }

  figure {
    width: min(960px, calc(100% - 48px));
    height: auto;
  }

  figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    background: #eef0ed;
  }

  .article-layout {
    width: min(940px, calc(100% - 48px));
    margin-top: 70px;
    grid-template-columns: minmax(0, 640px) 220px;
    gap: 70px;
  }
}