.detail-page { padding-top: 86px; }
.detail-heading { padding-block: 50px 42px; max-width: 1080px; }
.detail-heading h1 { margin: 0; font-size: 62px; line-height: 1.06; font-weight: 450; text-transform: uppercase; overflow-wrap: break-word; }
.detail-heading > p { max-width: 680px; margin-top: 24px; font-size: 21px; line-height: 1.6; color: #55565d; }
.detail-cover img { width: 100%; height: auto; max-height: 650px; object-fit: contain; }
.detail-cover figcaption, .detail-image figcaption { margin-top: 14px; font-size: 11px; line-height: 1.6; color: #6a6b70; }
.detail-section { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 72px; align-items: start; padding-block: 76px; }
.detail-copy h2 { font-size: 38px; line-height: 1.14; margin-bottom: 24px; }
.detail-copy p { font-size: 17px; line-height: 1.75; color: #55565d; }
.detail-copy p + p { margin-top: 20px; }
.detail-copy a { color: inherit; }
.detail-image img { width: 100%; height: auto; max-height: 780px; object-fit: contain; }
.detail-image + .detail-image { margin-top: 32px; }
.detail-support { padding-top: 32px; }
.detail-support img { display: block; width: auto; height: 240px; max-width: 100%; object-fit: contain; object-position: left center; }
.detail-facts { display: flex; gap: 36px; flex-wrap: wrap; margin-top: 28px; }
.detail-facts p { font-size: 11px; line-height: 1.7; text-transform: uppercase; }
.detail-source { padding-block: 0 52px; font-size: 12px; line-height: 1.7; color: #686970; }
@media (max-width: 1000px) {
  .detail-heading h1 { font-size: 50px; }
  .detail-section { gap: 40px; }
}
@media (max-width: 760px) {
  .detail-page { padding-top: 112px; }
  .detail-heading { padding-block: 34px; }
  .detail-heading h1 { font-size: 40px; }
  .detail-heading > p { font-size: 18px; }
  .detail-section { grid-template-columns: 1fr; gap: 28px; padding-block: 50px; }
  .detail-copy h2 { font-size: 31px; }
  .detail-cover img { max-height: 540px; }
}