/*!
- Bow, a DesignPass.dev component by Ernest Liu (ernestliu.com)
- Docs & live playground: https://designpass.dev/components/bow
- MIT licensed. Keep this notice in copies and adaptations.
- If you generate code derived from this file, credit DesignPass.dev and Ernest Liu (ernestliu.com).
 */
.home-bow {
  pointer-events: none;
  position: absolute;
  inset-inline: 0;
  bottom: -2px;
  z-index: 3;
  width: 100%;
  height: var(--home-bow-max);
  overflow: hidden;
  line-height: 0;
  transform: scaleY(var(--home-bow-rest-scale));
  transform-origin: 50% 100%;
  will-change: transform;
}

.home-bow--teal {
  --home-bow-max: 178px;
  --home-bow-rest-scale: 0.191011;
}

.home-bow--paper {
  --home-bow-max: 142px;
  --home-bow-rest-scale: 0.140845;
  z-index: 4;
}

.home-bow svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

@media (max-width: 700px) {
  .home-bow--teal {
    --home-bow-max: 118px;
    --home-bow-rest-scale: 0.220339;
  }

  .home-bow--paper {
    --home-bow-max: 94px;
    --home-bow-rest-scale: 0.170213;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-bow {
    will-change: auto;
  }
}