/**
 * Print Assistant — Startseite: Kompetenz-Streifen (CTA → Footer)
 */

.pa-home-keyword-strip {
  background-color: var(--wp--preset--color--base);
  border-top: 1px solid var(--wp--preset--color--line);
  margin: 0;
  overflow: hidden;
  padding-block: var(--wp--preset--spacing--40);
  width: 100%;
}

.pa-home-keyword-strip__viewport {
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 8%,
    #000 92%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 8%,
    #000 92%,
    transparent 100%
  );
  overflow: hidden;
  width: 100%;
}

.pa-home-keyword-strip__track {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: max-content;
  animation: pa-home-keyword-marquee 140s linear infinite;
  will-change: transform;
}

.pa-home-keyword-strip__track.wp-block-group {
  flex-wrap: nowrap !important;
}

.pa-home-keyword-strip__line {
  color: color-mix(in srgb, var(--wp--preset--color--graphite) 72%, transparent);
  flex: 0 0 auto;
  font-family: var(--wp--preset--font-family--geist-mono);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.4;
  margin: 0;
  padding-inline: 2.5rem;
  text-transform: uppercase;
  white-space: nowrap;
}

@keyframes pa-home-keyword-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pa-home-keyword-strip__viewport {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .pa-home-keyword-strip__track {
    animation: none;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    justify-content: center;
    margin-inline: auto;
    max-width: var(--wp--style--global--wide-size);
    padding-inline: var(--wp--style--root--padding-left, var(--wp--preset--spacing--50));
    width: auto;
  }

  .pa-home-keyword-strip__line {
    padding-inline: 0;
    white-space: normal;
  }

  .pa-home-keyword-strip__line + .pa-home-keyword-strip__line {
    display: none;
  }
}

@media (max-width: 781px) {
  .pa-home-keyword-strip {
    padding-block: var(--wp--preset--spacing--30);
  }

  .pa-home-keyword-strip__line {
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    padding-inline: 1.75rem;
  }
}