/* A continuous, scroll-filled path through the four steps. */
#metodo{background:#eeede8}
#metodo .section-heading{max-width:none;margin-bottom:62px}
#metodo .section-heading h2{max-width:none;font-size:clamp(32px,3.4vw,46px);line-height:1.12}
#metodo .section-heading h2>span{color:var(--muted)}
#metodo .section-heading>.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font:400 11px/1.5 ui-monospace,monospace;letter-spacing:.09em}
#metodo .section-heading>.eyebrow::before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--blue)}
#metodo .method-timeline{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0}
#metodo .method-track{position:absolute;left:7px;right:0;top:6px;height:2px;background:var(--line);pointer-events:none}
#metodo .method-track-fill{display:block;width:100%;height:100%;background:var(--blue);transform-origin:left;transform:scaleX(1)}
#metodo .method-timeline article{position:relative;display:block;border:0;padding:42px 0 0;min-width:0}
#metodo .method-timeline article::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;box-sizing:border-box;border:2px solid var(--blue);border-radius:50%;background:#eeede8;z-index:1}
#metodo .method-timeline article>span{display:block;color:var(--blue);font:400 12px/1.5 ui-monospace,monospace}
#metodo .method-timeline h3{font-size:21px;line-height:1.3;min-height:0;margin:20px 0 0;color:var(--ink)}
#metodo .method-timeline p{font-size:15px;line-height:1.6;margin-top:14px}
#metodo .method-timeline.is-scroll-driven article:not(.is-reached) h3{color:var(--muted)}
#metodo .method-timeline.is-scroll-driven article:not(.is-reached)::before{opacity:.65}
@media(max-width:800px){
  #metodo .section-heading{margin-bottom:42px}
  #metodo .method-timeline{grid-template-columns:1fr;gap:32px}
  #metodo .method-track{left:6px;right:auto;top:6px;bottom:0;width:2px;height:auto}
  #metodo .method-track-fill{transform-origin:top;transform:scaleY(1)}
  #metodo .method-timeline article{padding:0 0 0 35px}
  #metodo .method-timeline article::before{top:3px}
  #metodo .method-timeline h3{font-size:22px;margin-top:10px}
  #metodo .method-timeline p{margin-top:10px}
}