/* Scène système : une progression, trois repères, une seule sortie. */
.systeme.sc-act--pinned .sc-wrap {
  min-height: 100svh;
  box-sizing: border-box;
  padding: clamp(92px, 9vh, 132px) 0 clamp(36px, 4vh, 64px);
  align-content: center;
}

.systeme .sc-stack .sc-display--lg {
  font-size: clamp(3rem, 3.75vw, 4.65rem);
  line-height: .98;
}

.systeme .sc-stack > .sc-body,
.systeme .systeme-note {
  max-width: 34rem;
  color: var(--sc-ink-soft);
  font-size: clamp(1.1rem, 1.16vw, 1.3rem);
  line-height: 1.55;
}

.systeme .sc-stack > .sc-body {
  margin-top: 1.65rem;
}

.systeme .systeme-note {
  margin-top: 2rem;
}

.systeme .volant-word {
  position: relative;
  white-space: nowrap;
}

.systeme .volant-word::after {
  content: "";
  position: absolute;
  right: -2%;
  bottom: -0.1em;
  left: -2%;
  height: .16em;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 22' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 20 6.5, 46 5.5, 82 9 C 132 13.5, 172 6.5, 214 7.5 C 217 7.9, 217 9.6, 214.5 10.4 C 181 12.5, 141 17.5, 96 16.5 C 60 15.6, 26 17.5, 6.5 16.8 C 2 16.2, .8 14.2, 3 13 Z' fill='%23c99b43' opacity='.9'/%3E%3Cpath d='M14 19.5 C 60 21, 130 20, 200 17.5 C 202 17.4, 202 18.6, 200.2 18.9 C 140 21.8, 70 22.4, 13.6 20.6 C 12.4 20.3, 12.6 19.6, 14 19.5 Z' fill='%23c99b43' opacity='.45'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
  transform: scaleX(var(--bp, 0));
  transform-origin: left;
}

.systeme .fil-path {
  stroke-width: 3.5;
  stroke-linecap: round;
  filter: none;
}

.systeme .fil-card {
  padding: 1.35rem 1.5rem 1.45rem;
  border: .5px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background: rgba(14, 16, 20, .5);
  -webkit-backdrop-filter: blur(24px) saturate(165%) brightness(1.05);
  backdrop-filter: blur(24px) saturate(165%) brightness(1.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 32px rgba(0,0,0,.3);
}

.systeme .fil-card.lit,
.systeme .fil-card:hover {
  border-color: rgba(242, 239, 232, .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 12px 30px rgba(0,0,0,.28);
}

.systeme .fil-card .sheen,
.systeme .fil-card .fil-clip {
  display: none;
}

.systeme .fil-card h3 {
  margin: 0;
  padding-bottom: .9rem;
  border-bottom: 1px solid rgba(242, 239, 232, .14);
  color: var(--paper);
  font-size: 1.05rem;
  font-weight: 650;
}

.systeme .fil-card p {
  margin-top: .9rem;
}

.systeme .fil-num,
.systeme .fil-card.lit .fil-num {
  left: -3.55rem;
  width: auto;
  height: auto;
  border-radius: 0;
  background: linear-gradient(135deg, #7a5a1c 0%, #c99b43 52%, #e0c17a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  box-shadow: none;
  color: transparent;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: 1;
  opacity: .55;
}

.systeme .fil-card.lit .fil-num { opacity: 1; }

@media (max-width: 959px) {
  .systeme .sc-stack .sc-display--lg { font-size: clamp(2.7rem, 10.4vw, 3.55rem); }
  .systeme .sc-stack > .sc-body,
  .systeme .systeme-note { font-size: 1.05rem; }
  .systeme .fil-visual { padding-left: 3rem; }
  .systeme .fil-num,
  .systeme .fil-card.lit .fil-num { left: -2.6rem; font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .systeme .volant-word::after { transform: scaleX(1); }
}