:root{--title:#1f3bb3;--green:#1fb46a;--text:#6a6a6a;--line:#cfcfcf;--gap:70px;--edgePad:60px;--blur:6px;--colW:clamp(
    260px,
    calc((100vw - (var(--edgePad) * 2) - (var(--gap) * 2)) / 3),
    560px
  );--imgMaxH:clamp(200px, calc(var(--colW) * 0.75), 360px);--imgMaxW:calc(var(--colW) * 0.85)}.history-timeline{position:relative;width:100%;padding:70px 0 70px;overflow:hidden;background:#fff0;font-family:Arial,sans-serif}.timeline-title{text-align:center;font-size:22px;font-weight:700;color:var(--title);margin:0 0 55px}.timeline-viewport{position:relative;overflow:hidden;width:100%;padding:0 var(--edgePad)}.timeline-track{position:relative;display:flex;align-items:flex-start;gap:var(--gap);will-change:transform;transition:transform .55s ease;padding:0}.timeline-line{position:absolute;height:2px;background:var(--line);top:0;left:0;width:0;z-index:0}.timeline-item{flex:0 0 var(--colW);text-align:center;transform:scale(.92);transition:transform .35s ease,opacity .35s ease,filter .35s ease;position:relative;z-index:2;opacity:0;pointer-events:none}.timeline-item.is-visible{opacity:1;pointer-events:auto}.timeline-item.is-center{transform:scale(1);opacity:1;z-index:4}.timeline-item.is-side{transform:scale(.92);opacity:.55;z-index:3}.timeline-item.is-side .media{filter:blur(var(--blur));opacity:.6}.media{position:relative;display:inline-block;z-index:5}.media img{display:block;width:auto;height:auto;max-height:var(--imgMaxH);max-width:var(--imgMaxW);object-fit:contain}.noimg{width:320px;height:240px;display:grid;place-items:center;color:#777;background:#e6e6e6}.year{position:absolute;left:50%;transform:translateX(-50%);bottom:-14px;font-size:clamp(34px, calc(var(--colW) * 0.10), 52px);font-weight:800;color:var(--green);line-height:1;letter-spacing:.5px;text-shadow:0 2px 0 rgb(255 255 255 / .75);pointer-events:none}.t-heading{margin:16px 0 10px;font-size:15px;font-weight:700;color:#222}.desc{max-width:calc(var(--colW) * 0.9);margin:6px auto 0;font-size:12px;color:var(--text);line-height:1.7;text-align:center}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid var(--green);border-radius:6px;background:#fff0;color:var(--green);cursor:pointer;z-index:20;display:grid;place-items:center;font-size:30px}.nav-btn.left{left:12px}.nav-btn.right{right:12px}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.ht-dots{display:none;justify-content:center;gap:10px;margin-top:24px}.ht-dot{width:7px;height:7px;border-radius:50%;background:#bdbdbd}.ht-dot.is-active{background:#111}@media (max-width:1024px){:root{--edgePad:24px;--gap:45px}}@media (max-width:768px){:root{--edgePad:20px;--gap:22px;--blur:0px}.timeline-line{display:none}.nav-btn{display:none!important}.timeline-viewport{padding:0 var(--edgePad)}.timeline-item{padding:0 10px!important}.timeline-item{flex:0 0 calc(100% - 60px);opacity:1;pointer-events:auto;transform:none}.timeline-item.is-visible,.timeline-item.is-side,.timeline-item.is-center{opacity:1;transform:none}.media{width:100%;display:block}.media img{width:100%;height:auto;object-fit:contain;border-radius:0;display:block;max-width:100%;max-height:none}.year{font-size:40px;bottom:14px;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .45)}.t-heading{display:none}.desc{font-size:13px;line-height:1.6;max-width:100%;padding:0 8px;margin-top:12px;text-align:center}.ht-dots{display:flex;justify-content:center;gap:10px;margin-top:24px}}@media (max-width:600px){:root{--edgePad:14px}.timeline-title{font-size:20px;margin-bottom:40px}}