.article-section { min-width: 0; }
.article-section__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.065fr); grid-template-areas: "title quote" "copy media"; column-gap: 68px; row-gap: 14px; padding-block: 49px 66px; }
.article-section__title { grid-area: title; align-self: start; max-width: 645px; font-family: var(--font-display); font-size: 50px; font-weight: 500; line-height: .94; text-transform: uppercase; }
.article-section__copy { grid-area: copy; max-width: 634px; font-size: 16px; font-weight: 500; line-height: 25px; }
.article-section__paragraph + .article-section__paragraph { margin-top: 25px; }
.article-section__media { grid-area: media; align-self: end; margin-top: 18px; aspect-ratio: 688 / 300; }
.article-section--pattern { position: relative; display: grid; isolation: isolate; color: var(--color-light); background: #20140d; }
.article-section--pattern > .article-section__texture-wrap,
.article-section--pattern > .article-section__inner { grid-area: 1 / 1; }
.article-section__texture-wrap { position: absolute; inset: 0; opacity: .58; mix-blend-mode: multiply; }
.article-section--pattern .article-section__inner { position: relative; grid-template-areas: "title title" "copy copy"; row-gap: 43px; padding-block: 89px; }
.article-section--pattern .article-section__title { grid-column: 1 / -1; }
.article-section--pattern .article-section__copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1 / -1; gap: clamp(32px, 7.36vw, 106px); width: 100%; max-width: 1278px; }
.article-section--pattern .article-section__paragraph + .article-section__paragraph { margin-top: 0; }
@media (max-width: 799px) {
  .article-section__inner { display: flex; flex-direction: column; row-gap: 0; padding: 49px var(--gutter) 66px; }
  .article-section__copy { max-width: none; margin-top: 30px; }
  .article-section__media { flex: none; width: 100%; min-block-size: 0; margin-top: 20px; }
  .article-section__image { min-block-size: 0; }
  .article-section--pattern .article-section__inner { display: flex; row-gap: 0; padding-block: 89px; }
  .article-section--pattern .article-section__copy { display: block; max-width: none; margin-top: 43px; }
  .article-section--pattern .article-section__paragraph + .article-section__paragraph { margin-top: 42px; }
}
@media (max-width: 639px) {
  .article-section__inner { display: flex; flex-direction: column; row-gap: 0; width: 100%; padding: 40px 10px 60px; }
  .article-section__title { max-width: 396px; font-size: 40px; line-height: .94; }
  .article-section__copy { max-width: none; margin-top: 30px; }
  .article-section__paragraph + .article-section__paragraph { margin-top: 25px; }
  .article-section__media { aspect-ratio: 370 / 222; }
  .article-section--pattern .article-section__inner { padding-block: 45px 60px; }
  .article-section--pattern .article-section__copy { display: block; max-width: none; margin-top: 27px; }
  .article-section--pattern .article-section__paragraph + .article-section__paragraph { margin-top: 42px; }
}