.hero{
  padding: 22px;
}

.hero-inner{
  padding: 34px 28px 10px;
}

.hero h1{
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
}

.hero .cta{
  display:flex;
  gap: 14px;
  justify-content:center;
  flex-wrap: wrap;
  margin-top: 18px;
}

.hero figure{
  margin: 0;
  padding: 0 18px 22px;
}

.hero img{
  width: 100%;
  border-radius: 18px;
}

.card-figure{
  padding: 0 18px 18px;
}

.card-figure img{
  width: 100%;
  border-radius: 18px;
}

/* Two-image card figure: side-by-side on wide screens, stacked on narrow screens */
.card-figure--double{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  padding: 0 18px 18px;
}
.card-figure--double img{
  width: calc(50% - 6px);
  max-width: 260px;
  height: auto;
  border-radius: 12px;
}

@media (max-width: 720px){
  .card-figure--double{
    flex-direction:column;
  }
  .card-figure--double img{
    width:100%;
    max-width:100%;
  }
}

.white{
  background: rgba(255,255,255,.9);
}

.mini{
  font-size: 14px;
  color: rgba(11,18,32,.62);
}