/* October 6: fit the current message and photographs to their actual content. */
.home .hero-copy { width: 540px; max-width: calc(100% - 2 * var(--gutter)); }
.home .hero h1 { font-size: clamp(44px, 4.1vw, 62px); line-height: 1.04; letter-spacing: -.045em; text-wrap: initial; }
.home .hero h1 span { display: block; white-space: nowrap; }
.home .hero-description { max-width: 360px; text-align: left; }
.home .reading-copy { text-align: left; hyphens: none; }
.home .gt-spaces { align-items: stretch; }
.home .gt-space:nth-child(n) { margin-top: 0; }
.home .gt-space { display: flex; flex-direction: column; }
.home .gt-space > div { flex: 1; }
.home .gt-space img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.home .gt-benefits { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6%; align-items: start; }
.home .gt-benefits h2 { margin-bottom: 28px; }
.home .gt-benefits .editorial-photo { margin: 0; }
.home .gt-benefits .editorial-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.home .gt-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 26px; }
.home .gt-benefit-grid article { padding-block: 22px; }
.home .gt-benefit-grid h3 { font-size: clamp(21px, 1.75vw, 25px); }
.home .gt-benefit-grid p { font-size: 15px; line-height: 1.6; }
.home .gt-photo-pair img { display: block; height: auto; aspect-ratio: 4 / 3; max-height: none; object-fit: cover; }
@media (max-width: 1023px) {
  .home .hero h1 { font-size: clamp(32px, 5.8vw, 56px); }
  .home .gt-benefits { grid-template-columns: 1fr; gap: 32px; }
  .home .gt-benefits-intro { max-width: 640px; }
}
@media (max-width: 599px) {
  .home .hero h1 { font-size: clamp(28px, 7.5vw, 44px); }
  .home .gt-benefit-grid { grid-template-columns: 1fr; }
  .home .gt-space:nth-child(n) { margin-bottom: 24px; }
  .home .gt-space img { aspect-ratio: 3 / 2; }
  .home .gt-benefit-grid article { grid-template-columns: 44px minmax(0, 1fr); }
  .home .gt-photo-pair > span { font-size: 16px; left: 12px; bottom: 12px; }
}
