/* Keep editorial copy separate from photography so both remain legible. */
.dtc-lead {
  display: grid;
  height: auto;
  min-height: 620px;
  grid-template-rows: 340px auto;
  background: var(--ink);
}

.dtc-lead > img {
  height: 100%;
  min-height: 0;
  object-position: center;
}

.dtc-lead .dtc-shade {
  display: none;
}

.dtc-lead-copy {
  position: relative;
  inset: auto;
  padding: 24px 30px 26px;
  background: var(--ink);
}

.dtc-lead h2 {
  max-width: 760px;
  margin: 14px 0 10px;
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1.02;
  letter-spacing: -.025em;
}

.dtc-lead p {
  display: -webkit-box;
  margin: 0 0 13px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dtc-lead-copy > b {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 11px;
}

@media (max-width: 680px) {
  .dtc-lead {
    height: auto;
    grid-template-rows: 260px auto;
  }

  .dtc-lead-copy {
    padding: 22px;
  }

  .dtc-lead h2 {
    font-size: 30px;
    line-height: 1.08;
  }
}