.timeline-sec{background:var(--surface);padding-top:var(--section-y)}.timeline-head{max-width:760px;margin-bottom:clamp(8px,2vw,24px)}.timeline-lead{max-width:52ch;font-size:var(--step-lead);color:var(--muted);margin-top:18px;line-height:1.4}.tl{--p:1;margin:0;padding:0;list-style:none;position:relative}.tl:before,.tl:after{content:"";z-index:1;border-radius:3px;width:3px;margin-left:-1.5px;position:absolute;top:0;left:50%}.tl:before{background:#6f8fc952;bottom:0}.tl:after{height:calc(var(--p) * 100%);background:var(--focus)}.tl-item{--band:var(--surface);background:var(--band);padding-block:clamp(44px,5.5vw,80px)}.tl-item[data-tone=dark]{--band:var(--navy);color:var(--white)}.tl-row{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;display:grid}.tl-photo{aspect-ratio:4/3;border-radius:var(--radius);background:var(--surface-2);margin:0;overflow:hidden}.tl-photo img,.tl-video{object-fit:cover;width:100%;height:100%;display:block}.tl-item[data-side=left] .tl-photo{grid-area:1/1}.tl-item[data-side=left] .tl-body,.tl-item[data-side=right] .tl-photo{grid-area:1/3}.tl-item[data-side=right] .tl-body{grid-area:1/1}.tl-dot{z-index:2;border:3px solid var(--focus);background:var(--focus);width:24px;height:24px;box-shadow:0 0 0 8px var(--band);transition:background-color .4s ease, transform .4s var(--ease-out);border-radius:50%;grid-area:1/2;justify-self:center;position:relative}.tl[data-live=true] .tl-item[data-on=false] .tl-dot{background:var(--band);border-color:#6f8fc98c;transform:scale(.8)}.tl-body{max-width:520px}.tl-item[data-side=right] .tl-body{justify-self:end}.tl-name{font-size:var(--step-head);color:var(--navy);font-weight:700}.tl-title{font-size:var(--step-lead);color:var(--navy);margin-top:14px;font-weight:600;line-height:1.35}.tl-text{color:var(--ink);margin-top:10px}.tl-points{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tl-points li{color:var(--navy);padding-left:22px;font-weight:500;position:relative}.tl-points li:before{content:"";background:var(--blotek);border-radius:2px;width:8px;height:8px;position:absolute;top:.55em;left:0}.tl-item[data-tone=dark] .tl-name,.tl-item[data-tone=dark] .tl-title,.tl-item[data-tone=dark] .tl-points li{color:var(--white)}.tl-item[data-tone=dark] .tl-text{color:#c9d3e3}.tl-item[data-tone=dark] .tl-points li:before{background:var(--focus)}.tl-item[data-tone=dark] .tl-photo{background:var(--navy-2)}@media (max-width:1023px){.tl:before,.tl:after{left:calc(var(--gutter) + 12px)}.tl-row{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:20px clamp(18px,4vw,32px)}.tl-item[data-side] .tl-dot{grid-area:1/1;margin-top:4px}.tl-item[data-side] .tl-photo{grid-area:2/2}.tl-item[data-side] .tl-body{grid-area:1/2;justify-self:stretch;max-width:none}}