/* Interactive chronology in "Le nostre origini" only. */
.origins .year{min-width:0}
.origins .timeline-number{font:500 clamp(105px,15vw,235px)/.9 Montserrat,Arial,sans-serif;letter-spacing:-.12em;color:#d4dee2;white-space:nowrap;display:flex;align-items:baseline}
.origins .timeline-number .timeline-suffix{color:var(--pgf-orange)}
.origins .timeline-controls{margin-top:36px;max-width:435px}
.origins .timeline-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font:600 10.5px Montserrat,Arial,sans-serif;letter-spacing:.16em;color:#a7bbc4}
.origins .timeline-kicker strong{color:var(--pgf-orange);font-weight:600}
.origins .timeline-range{display:block;width:100%;margin:0;appearance:none;-webkit-appearance:none;height:4px;border-radius:3px;background:linear-gradient(90deg,var(--orange) 0 var(--progress,0%),#41525c var(--progress,0%) 100%);cursor:pointer;outline-offset:8px}
.origins .timeline-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:4px solid #ef6216;background:#f3f6f7;box-shadow:0 0 0 5px #ef621620,0 0 18px #ef621670}
.origins .timeline-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;border:4px solid #ef6216;background:#f3f6f7;box-shadow:0 0 0 5px #ef621620}
.origins .timeline-labels{display:flex;justify-content:space-between;margin-top:17px;font:500 10.5px Montserrat,Arial,sans-serif;letter-spacing:.08em;color:#718993}
.origins .timeline-labels strong{color:#c7d4da;font-weight:600}
.origins .timeline-details{min-height:74px;margin-top:27px;display:flex;align-items:flex-start;gap:13px}
.origins .timeline-status{display:block;width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 13px #ef6216;flex:0 0 auto;margin-top:8px}
.origins .timeline-details strong{display:block;color:#f0f4f6;font:600 14px Montserrat,Arial,sans-serif;margin-bottom:6px}
.origins .timeline-details p{margin:0;color:#8da0aa;font-size:12.5px;line-height:1.6;max-width:350px}
.origins .timeline-nav{display:flex;gap:10px;margin-top:16px;align-items:center}
.origins .timeline-nav button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #425662;border-radius:3px;background:#18242b;color:#f0f4f6;font-size:20px;cursor:pointer;transition:.2s}
.origins .timeline-nav button:hover:not(:disabled){background:#ef6216;color:#111;border-color:#ef6216}
.origins .timeline-nav button:disabled{opacity:.3;cursor:default}
.origins .timeline-nav small{font:500 10.5px Montserrat,Arial,sans-serif;letter-spacing:.08em;color:#78909b;padding-left:8px}
@media(max-width:900px){.origins .timeline-number{font-size:clamp(110px,20vw,180px)}}
@media(max-width:560px){.origins .timeline-number{font-size:clamp(100px,23vw,145px)}.origins .timeline-controls{margin-top:28px}}
.origins .timeline-autoplay-track{width:min(100%,415px);height:2px;background:#40525c;margin-top:35px;overflow:hidden;border-radius:3px}
.origins .timeline-autoplay-track span{display:block;height:100%;width:0;background:var(--orange);box-shadow:0 0 13px #ef6216;transition:width .42s linear}
.origins .timeline-suffix.year-change{animation:pgf-year-tick .26s ease both}
.origins .timeline-visual{position:relative;isolation:isolate;min-height:clamp(180px,20vw,250px)}
.origins .timeline-visual .timeline-number{position:relative;z-index:2}
.origins .year-circuit-svg{position:absolute;z-index:1;inset:-10% -7%;width:115%;height:132%;pointer-events:none;overflow:visible;opacity:.78}
.origins .year-circuit-line{fill:none;stroke:#7394a1;stroke-width:1.35;stroke-linejoin:round;opacity:.4}
.origins .year-circuit-current{fill:none;stroke:#ef6216;stroke-width:1.7;stroke-dasharray:8 22;filter:drop-shadow(0 0 4px #ef6216);animation:pgf-timeline-current 2.8s linear infinite}
.origins .year-circuit-current.c2{animation-duration:3.7s;animation-direction:reverse}
.origins .year-circuit-current.c3{animation-duration:3.1s}
.origins .year-circuit-current.c4{animation-duration:4.2s;animation-direction:reverse}
.origins .year-circuit-dot{fill:#ff9a58;filter:drop-shadow(0 0 7px #ef6216)}
.origins .year-circuit-ports{fill:#ef6216;filter:drop-shadow(0 0 5px #ef6216)}
@keyframes pgf-timeline-current{to{stroke-dashoffset:-120}}
@keyframes pgf-year-tick{from{opacity:.55;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.origins .timeline-suffix.year-change{animation:none}.origins .timeline-autoplay-track span{transition:none}}
@media(prefers-reduced-motion:reduce){.origins .year-circuit-current{animation:none}}

/* Fixed year markers, independent of the animated counter. */
.origins .timeline-storyboard {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: min(100%, 415px);
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  color: inherit;
  font: 500 calc(10.5px + 2pt) Montserrat, Arial, sans-serif;
}
.origins .timeline-storyboard::before {
  content: '';
  position: absolute;
  inset: 4px 12px auto;
  border-top: 1px solid #8499a4;
}
.origins .timeline-storyboard li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 9px;
}
.origins .timeline-storyboard li::before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #8499a4;
}
.origins .timeline-storyboard li:first-child::before,
.origins .timeline-storyboard li:last-child::before { background: var(--pgf-orange); }
.origins .timeline-storyboard strong { color:var(--pgf-orange); }