/**
 * Homepage section seams — full-width minimal line between sections.
 */

:root {
  --section-divider-padding-y: clamp(16px, 3vw, 26px);
  --section-divider-line-height: 1px;
  --section-divider-accent: rgba(222, 36, 47, 0.32);
  --section-divider-mid: rgba(250, 249, 254, 0.1);
  --section-divider-edge: transparent;
}

.site-section-divider.site-section-divider--change {
  display: block;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: var(--section-divider-padding-y) 0;
  box-sizing: border-box;
  pointer-events: none;
}

.site-section-divider__line {
  display: block;
  width: 100%;
  height: var(--section-divider-line-height);
  border: 0;
  background: linear-gradient(
    90deg,
    var(--section-divider-edge) 0%,
    var(--section-divider-mid) 12%,
    var(--section-divider-accent) 50%,
    var(--section-divider-mid) 88%,
    var(--section-divider-edge) 100%
  );
}

.site-section-divider__marker,
.site-section-divider__glow {
  display: none !important;
}

@media (max-width: 760px) {
  :root {
    --section-divider-padding-y: clamp(14px, 2.8vw, 20px);
    --section-divider-accent: rgba(222, 36, 47, 0.28);
    --section-divider-mid: rgba(250, 249, 254, 0.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-section-divider.site-section-divider--change {
    transition: none;
  }
}