.dh-hero {
  padding:clamp(2.8rem,7vw,6rem) 0;
  background:linear-gradient(135deg,var(--kp-color-deep),#0a584d);
  color:#fff;
}
.dh-hero__inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(15rem,23rem);
  gap:clamp(2rem,6vw,5rem);
  align-items:end;
}
.dh-eyebrow,.dh-heading p {
  margin:0 0 .7rem;
  color:var(--kp-color-coral);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dh-hero .dh-eyebrow {color:#f6cc4a}
.dh-hero h1 {
  max-width:15ch;
  margin:0;
  font-size:clamp(2.4rem,5.5vw,5rem);
  line-height:.96;
  letter-spacing:-.045em;
}
.dh-hero__inner>div>p:last-child {
  max-width:62ch;
  margin:1.25rem 0 0;
  color:#dceee8;
  font-size:clamp(1rem,1.5vw,1.2rem);
  line-height:1.7;
}
.dh-hero aside {
  display:grid;
  gap:.35rem;
  padding:1.6rem;
  border:1px solid rgba(255,255,255,.2);
  border-radius:1rem;
  background:rgba(255,255,255,.08);
}
.dh-hero aside strong {font-size:clamp(2.5rem,6vw,4.4rem);line-height:1;color:#f6cc4a}
.dh-hero aside span {font-size:1.05rem;font-weight:800}
.dh-hero aside small {color:#dceee8}
.dh-section {padding:clamp(3rem,7vw,6rem) 0;background:var(--kp-color-paper)}
.dh-heading {max-width:58rem;margin-bottom:2rem}
.dh-heading h2 {
  max-width:18ch;
  margin:0;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.02;
  letter-spacing:-.035em;
}
.dh-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dh-card {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.6rem 1rem;
  padding:1.35rem;
}
.dh-number {
  grid-row:1/4;
  display:grid;
  place-items:center;
  width:2.4rem;
  height:2.4rem;
  border-radius:50%;
  background:var(--kp-color-cream);
  color:#7f5e00;
  font-weight:900;
}
.dh-card h2 {align-self:center;margin:0;font-size:1.2rem;line-height:1.25}
.dh-card ul {grid-column:2;margin:.35rem 0 .25rem;padding:0;list-style:none;color:#3f5752}
.dh-card li {position:relative;margin:.45rem 0;padding-left:1rem;line-height:1.5}
.dh-card li::before {position:absolute;left:0;color:var(--kp-color-coral);content:"•"}
.dh-card>a {
  grid-column:2;
  justify-self:start;
  color:#087363;
  font-weight:850;
  text-decoration-thickness:.08em;
  text-underline-offset:.25em;
}
.dh-card>a:hover,.dh-card>a:focus-visible {color:#a33720}
.dh-note {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.5rem 2rem;
  align-items:center;
  margin-top:1.2rem;
  padding:1.35rem;
  border-radius:.9rem;
  background:var(--kp-color-mint);
  color:var(--kp-color-ink);
}
.dh-note strong,.dh-note span {grid-column:1}
.dh-note a {grid-column:2;grid-row:1/3;color:#075f52;font-weight:850}

@media(max-width:48rem) {
  .dh-hero__inner,.dh-grid,.dh-note {grid-template-columns:1fr}
  .dh-hero h1 {font-size:clamp(2.35rem,12vw,3.6rem)}
  .dh-note strong,.dh-note span,.dh-note a {grid-column:1;grid-row:auto}
  .dh-card {padding:1.1rem}
  .dh-card ul,.dh-card>a {grid-column:1/3}
}