.gw-section-bridge{
  --gw-bridge-from:#050507;
  --gw-bridge-to:#e9e6df;
  display:block;
  inline-size:100%;
  block-size:var(--gw-bridge-height,clamp(120px,12vw,220px));
  margin:0;
  padding:0;
  border:0;
  pointer-events:none;
  background:linear-gradient(to bottom,var(--gw-bridge-from),var(--gw-bridge-to));
}
@supports(color:color-mix(in srgb,black,white)){
  .gw-section-bridge{
    background:linear-gradient(to bottom,
      var(--gw-bridge-from) 0%,
      color-mix(in srgb,var(--gw-bridge-from) 96%,var(--gw-bridge-to)) 12.5%,
      color-mix(in srgb,var(--gw-bridge-from) 85%,var(--gw-bridge-to)) 25%,
      color-mix(in srgb,var(--gw-bridge-from) 69%,var(--gw-bridge-to)) 37.5%,
      color-mix(in srgb,var(--gw-bridge-from) 50%,var(--gw-bridge-to)) 50%,
      color-mix(in srgb,var(--gw-bridge-from) 31%,var(--gw-bridge-to)) 62.5%,
      color-mix(in srgb,var(--gw-bridge-from) 15%,var(--gw-bridge-to)) 75%,
      color-mix(in srgb,var(--gw-bridge-from) 4%,var(--gw-bridge-to)) 87.5%,
      var(--gw-bridge-to) 100%);
  }
}
