/* ============================================================
   Shared: Marquee strip
   Used on: in-depth.html (and future "Work with me" service pages)
   Situational Session keeps its own inline blue variant.
   ============================================================ */

.marquee {
  background: var(--moss-soft);
  color: var(--deep-green);
  overflow: hidden;
  border-block: 1px solid rgba(51,63,36,.08);
}
.marquee__track {
  display: flex;
  gap: 56px;
  white-space: nowrap;
  padding-block: 14px;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(20px, 1.8vw, 26px);
  letter-spacing: .04em;
  animation: marquee-scroll 30s linear infinite;
  color: var(--deep-green);
}
.marquee__track > span {
  display: inline-flex;
  align-items: center;
  gap: 56px;
}
.marquee__track > span::after {
  content: "\\";
  font-style: italic;
  color: var(--deep-green);
}
@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}