/* ---------- What We Do page specific ---------- */
  .page-hero h1{ font-size:clamp(2.2rem,4vw,3.4rem); max-width:none; }
  .page-hero p{ max-width:62ch; }
  .page-hero p + p{ margin-top:14px; }

  /* Three ways to gain value */
  .value-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:1px;
    background:rgba(22,32,43,0.12);
    border:1px solid rgba(22,32,43,0.12);
    margin-top:20px;
  }
  .value-card{
    background:var(--gen-frost);
    padding:32px 28px;
    display:flex;
    flex-direction:column;
  }
  .value-card .k{
    font-family:var(--gen-font);
    font-size:11px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--gen-teal-text);
  }
  /* Sized by the width/height attributes on the img. */
  .value-icon{
    margin-bottom:14px;
  }
  .value-card h3{
    font-family:var(--gen-font);
    font-size:1.25rem;
    font-weight:700;
    margin:0 0 12px;
    color:var(--gen-navy);
  }
  .value-card p{
    font-size:14px;
    color:var(--gen-text-dim);
    line-height:1.65;
    flex:1;
  }
  .value-card .free-note{
    font-family:var(--gen-font);
    font-size:11.5px;
    color:var(--gen-teal-text);
    margin-top:14px;
  }
  .value-card a.gen-btn{
    margin-top:18px;
    align-self:flex-start;
  }
  @media (min-width:860px){ .value-grid{ grid-template-columns:repeat(3,1fr); } }