.closing {
  background: var(--blue-deep); color: #fff;

  .wrap { padding-block: 64px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
  .__intro { display: grid; gap: 14px; }
  .ctas .btn {
    background: #fff; color: var(--blue-deep); border-color: #fff;

    &:hover { background: var(--tint); }
  }
  h2 { color: #fff; }
  p { color: #CFE2F0; }
  .contact {
    display: grid; gap: 4px; font-size: 16px;

    b { color: #fff; font-size: 24px; font-family: var(--f-display); }
  }

  @media (max-width: 820px) { .wrap { grid-template-columns: 1fr; } }
}

.riselogo {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-top: 26px;

  svg { width: 100%; height: 46px; display: block; overflow: hidden; grid-row: 1; }
  svg:first-child { grid-column: 1 / 3; }
  svg:last-child { grid-column: 2 / 4; }
  path { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
  picture { grid-column: 2; grid-row: 1; position: relative; z-index: 1; }
  img {
    height: 76px; width: auto; display: block;

    @media (max-width: 600px) { height: 56px; }
  }
}
