.lp-header {
  transition: background 260ms ease, border-color 260ms ease, box-shadow 260ms ease, backdrop-filter 260ms ease;
  background: linear-gradient(
    108deg,
    #07845f 0,
    #07936d 72px,
    #42b998 132px,
    #c9eadf 190px,
    #fff 250px,
    #fff 100%
  );
}

.lp-header.is-scrolled {
  background: rgb(255 255 255 / 38%);
  border-color: rgb(228 238 231 / 45%);
  box-shadow: 0 3px 18px rgb(22 59 42 / 7%);
  backdrop-filter: blur(12px);
}

.lp-header .lp-brand {
  padding: 0;
  overflow: visible;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.lp-header .lp-logo {
  object-fit: contain;
}

@media (min-width: 561px) {
  .lp-header .lp-brand {
    transform: translateX(-6px);
  }
}

.lp-header .lp-logo {
  filter: drop-shadow(0 1px 2px rgb(0 42 30 / 34%));
}

@media (max-width: 560px) {
  .lp-header {
    background: linear-gradient(
      108deg,
      #07845f 0,
      #07936d 64px,
      #42b998 118px,
      #c9eadf 175px,
      #fff 230px,
      #fff 100%
    );
  }
}