/* Homepage refinement: give the argument and the existing animation equal weight. */
body.home-v88 {
  --home-section-gap: clamp(40px, 3.4vw, 56px);
}

body.home-v88 #main > #products {
  padding-top: var(--home-section-gap);
}
body.home-v88 #products .v86-section-heading {
  align-items: start;
  margin-bottom: 28px;
}
body.home-v88 #products .v86-section-heading :is(h2, p) { margin-block: 0; }
body.home-v88 #products .v86-section-heading .inline-link {
  min-height: 44px;
  margin-top: 8px;
  padding-block: 8px;
}

@media (min-width: 851px) {
  body.home-v88 .site-header .brand-logo {
    width: clamp(152px, 11vw, 200px);
  }
  body.home-v88.home-replica-preview .v86-hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    min-height: clamp(620px, calc(100svh - 148px), 700px);
    padding-block: 128px 56px;
    gap: 48px;
  }
  body.home-v88.home-replica-preview .v86-hero-copy {
    width: 100%;
    max-width: 660px;
    padding-bottom: 0;
  }
  body.home-v88.home-replica-preview .v86-lead {
    max-width: 30em;
    margin-block: 24px 28px;
  }
  body.home-v88 .replica-art {
    top: 84px;
    width: min(70vw, 1360px);
  }
  body.home-v88 .replica-material {
    object-position: 50% 38%;
  }
}

/* The full-bleed image should not outgrow a fixed, narrow reading column. */
@media (min-width: 1800px) {
  body.home-v88 { --site-content-width: 1600px; }
}

@media (min-width: 601px) and (max-width: 850px) {
  body.home-v88.home-replica-preview .v86-hero-grid {
    padding-top: 40px;
  }
  body.home-v88 .replica-hero {
    height: clamp(320px, 52vw, 400px);
    margin-top: 12px;
  }
}

@media (max-width: 600px) {
  body.home-v88 .replica-hero {
    height: clamp(268px, 76vw, 320px);
    margin-top: 12px;
  }
  body.home-v88 #products .v86-section-heading { margin-bottom: 24px; }
}