/* /newhome "What we believe": the live homepage section, in the /newhome palette.
   Markup: templates/website/partials/newhome-beliefs.html */

.newhome .nh-beliefs {
  /* Picks up the integrations section's #eef8ff and eases into the blue field
     before the heading starts, so the white text always sits on full colour. */
  /* The overlay's opacity follows a smoothstep curve, so the fade starts and
     finishes gently instead of darkening abruptly in the middle. */
  --nh-beliefs-fade: 400px;
  /* The bottom eases into the footer navy below the last belief, so the closing
     section starts on solid colour and its text never sits on the transition. */
  --nh-beliefs-exit: 300px;
  padding: calc(var(--nh-beliefs-fade) * .8) 0 calc(var(--nh-beliefs-exit) + 40px);
  background:
    linear-gradient(
      0deg,
      #09254a 0px,
      #09254a 16px,
      #09254af8 calc(var(--nh-beliefs-exit) * .1),
      #09254ae5 calc(var(--nh-beliefs-exit) * .2),
      #09254ac8 calc(var(--nh-beliefs-exit) * .3),
      #09254aa5 calc(var(--nh-beliefs-exit) * .4),
      #09254a80 calc(var(--nh-beliefs-exit) * .5),
      #09254a5a calc(var(--nh-beliefs-exit) * .6),
      #09254a37 calc(var(--nh-beliefs-exit) * .7),
      #09254a1b calc(var(--nh-beliefs-exit) * .8),
      #09254a07 calc(var(--nh-beliefs-exit) * .9),
      #09254a00 var(--nh-beliefs-exit)
    ),
    linear-gradient(
      180deg,
      #eef8ff 0px,
      #eef8ff 16px,
      #eef8fff8 calc(var(--nh-beliefs-fade) * .1),
      #eef8ffe5 calc(var(--nh-beliefs-fade) * .2),
      #eef8ffc8 calc(var(--nh-beliefs-fade) * .3),
      #eef8ffa5 calc(var(--nh-beliefs-fade) * .4),
      #eef8ff80 calc(var(--nh-beliefs-fade) * .5),
      #eef8ff5a calc(var(--nh-beliefs-fade) * .6),
      #eef8ff37 calc(var(--nh-beliefs-fade) * .7),
      #eef8ff1b calc(var(--nh-beliefs-fade) * .8),
      #eef8ff07 calc(var(--nh-beliefs-fade) * .9),
      #eef8ff00 var(--nh-beliefs-fade)
    ),
    linear-gradient(90deg, #166bc9 0%, #087edb 53%, #0ba8db 100%);
  color: #fff;
}
.newhome .nh-beliefs .nh-wrap { max-width: 920px; }
.newhome .nh-beliefs h2 {
  margin: 0 0 58px;
  color: #fff;
  font: 700 clamp(52px, 6.3vw, 86px)/.95 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.07em;
}
.newhome .nh-beliefs__list { margin: 0; padding: 0; border-top: 1px solid #ffffff66; list-style: none; }
.newhome .nh-beliefs__list li {
  max-width: 800px;
  padding: 29px 0 31px;
  border-bottom: 1px solid #ffffff66;
  color: #fff;
  font: 500 clamp(23px, 2.3vw, 33px)/1.18 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.045em;
}
.newhome .nh-beliefs mark {
  padding: .02em .14em;
  border-radius: 4px;
  background: #fff;
  color: #09254a;
  font: inherit;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media (max-width: 530px) {
  .newhome .nh-beliefs { --nh-beliefs-fade: 260px; --nh-beliefs-exit: 200px; }
  .newhome .nh-beliefs h2 { margin-bottom: 37px; font-size: 48px; }
  .newhome .nh-beliefs__list li { padding: 23px 0 25px; font-size: 23px; line-height: 1.22; }
}