.tl{padding:var(--section-pad) 0;background:#e7e8e1;position:relative}.tl-header{margin-bottom:clamp(48px,6vw,80px)}.tl-label{margin-bottom:12px}.tl-heading{font-family:var(--font-serif);letter-spacing:-.02em;color:#222f30;font-size:clamp(40px,5.5vw,68px);font-weight:500;line-height:1.1}.tl-body{grid-template-columns:80px 1fr 340px;gap:48px;display:grid}.tl-rail{flex-direction:column;align-items:center;display:flex;position:relative}.tl-track{flex:1;width:2px;position:relative}.tl-track-bg{background:#222f301f;border-radius:1px;position:absolute;inset:0}.tl-track-fill{background:#222f30;border-radius:1px;width:100%;transition:height 80ms linear;position:absolute;top:0;left:0}.tl-dot{width:36px;height:36px;transition:border-color var(--transition-mid), background var(--transition-mid);z-index:2;background:#e7e8e1;border:2px solid #222f3026;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.tl-dot.is-active{background:#222f30;border-color:#222f30}.tl-dot-number{font-family:var(--font-sans);color:#222f30b3;transition:color var(--transition-mid);font-size:12px;font-weight:700}.tl-dot.is-active .tl-dot-number{color:#e7e8e1}.tl-steps{flex-direction:column;gap:clamp(100px,12vw,160px);padding:60px 0;display:flex}.tl-step{opacity:.25;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.tl-step.is-active{opacity:1}.tl-step-number{font-family:var(--font-sans);color:#222f30b8;letter-spacing:.08em;margin-bottom:16px;font-size:13px;font-weight:600;display:block}.tl-step-title{font-family:var(--font-serif);color:#222f30;letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(24px,3vw,40px);font-weight:500;line-height:1.2}.tl-step-desc{font-family:var(--font-sans);color:#222f30b3;max-width:500px;font-size:clamp(15px,1.2vw,18px);line-height:1.7}.tl-pillars{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tl-pillar{font-family:var(--font-sans);color:#222f3099;white-space:nowrap;letter-spacing:.01em;background:#222f300a;border:1px solid #222f3026;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;display:inline-block}.tl-illustration{position:relative}.tl-illustration-sticky{width:100%;height:320px;position:sticky;top:calc(50vh - 160px)}.tl-illustration-panel{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.tl-illustration-panel.is-active{opacity:1;pointer-events:auto}.tl-illustration-panel svg{width:100%;height:100%}@keyframes tl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tl-illustration-panel.is-active svg{animation:3s ease-in-out infinite tl-float}@keyframes tl-draw{to{stroke-dashoffset:0}}@keyframes tl-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes tl-fade-in{to{opacity:1}}.tl-illustration-panel .tl-anim-line{stroke-dasharray:var(--tl-dash,300);stroke-dashoffset:var(--tl-dash,300);transition:none}.tl-illustration-panel.is-active .tl-anim-line{animation:tl-draw var(--tl-dur,.8s) ease var(--tl-del,0s) forwards}.tl-illustration-panel .tl-anim-dot{opacity:0;transform-origin:50%;transform-box:fill-box}.tl-illustration-panel.is-active .tl-anim-dot{animation:tl-pop .4s ease var(--tl-del,.4s) forwards}.tl-illustration-panel .tl-anim-fade{opacity:0}.tl-illustration-panel.is-active .tl-anim-fade{animation:tl-fade-in .5s ease var(--tl-del,.3s) forwards}@media (max-width:1024px){.tl-body{grid-template-columns:60px 1fr}.tl-illustration{display:none}.tl-dot{width:30px;height:30px}.tl-steps{gap:clamp(64px,8vw,100px)}}@media (max-width:640px){.tl-body{grid-template-columns:40px 1fr;gap:24px}.tl-dot{width:24px;height:24px}.tl-dot-number{font-size:10px}.tl-steps{gap:clamp(48px,8vw,80px);padding:40px 0}}