:root{--bg: #fafdff;--surface: #ffffff;--surface-2: #f3f6fa;--ink: #1b2228;--ink-2: #262828;--ink-3: #353535;--muted: #4e5452;--muted-2: rgba(20, 35, 46, 0.62);--line: #e6ecf3;--line-strong: #d1ddff;--accent: #3b6fff;--accent-hover: #2c5be8;--orange: #ff7a1a;--orange-hover: #ec6500;--warn: #dc2626;--ok: #16a34a;--shadow-sm: 0 2px 12px rgba(20, 35, 46, 0.06);--shadow-md: 0 12px 32px rgba(20, 35, 46, 0.10);--shadow-lg: 0 24px 60px rgba(20, 35, 46, 0.18);--nav-h: 64px;--container-width: 1216px;--radius-card: 18px}.timeline-block{padding:96px 0;background:linear-gradient(180deg, var(--surface-2) 0%, #eef3f9 100%);position:relative;overflow:hidden}.timeline-block .section-head{padding:0;margin-bottom:56px;align-items:center;text-align:center}.timeline__inner{max-width:calc(var(--container-width) + 96px);margin:0 auto;padding:0 48px}.timeline__years{position:relative;margin:0 0 40px}.timeline__years::before{content:"";position:absolute;left:0;right:0;bottom:16px;height:1px;background:var(--line-strong);z-index:0}.timeline__years-track{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 4px;z-index:1}.timeline__years-track::-webkit-scrollbar{display:none}.timeline__year{position:relative;flex:0 0 auto;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:8px 12px 34px;font-weight:600;font-size:18px;color:var(--muted);transition:color .25s ease,font-size .25s ease;display:flex;flex-direction:column;align-items:center;font-feature-settings:"tnum"}.timeline__year::after{content:"";position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #c4cfdf;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.timeline__year:hover{color:var(--ink-2)}.timeline__year:hover::after{border-color:var(--ink-3)}.timeline__year.is-active{color:var(--ink-2);font-size:20px}.timeline__year.is-active::after{background:var(--accent);border-color:var(--accent);transform:translateX(-50%) scale(1.15);box-shadow:0 0 0 6px rgba(59,111,255,.14),0 4px 14px rgba(59,111,255,.35)}.timeline__hint{display:none;font-size:11px;color:var(--muted-2);letter-spacing:1.4px;text-transform:uppercase;text-align:center;margin:14px 0 0;font-weight:600}.timeline__viewport{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.timeline__panel{grid-column:1;grid-row:1;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity .5s ease,visibility 0s linear .5s,transform .5s ease;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;background:var(--surface);border-radius:24px;padding:32px;box-shadow:var(--shadow-sm)}.timeline__panel.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .5s ease,visibility 0s linear,transform .5s ease}.timeline__panel.is-active .timeline__media img{transform:scale(1)}.timeline__media{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#eef2f6;box-shadow:var(--shadow-sm)}.timeline__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s ease}.timeline__year-tag{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.94);color:var(--ink-2);font-weight:700;font-size:13px;letter-spacing:1.4px;padding:8px 14px;border-radius:999px;box-shadow:0 6px 20px rgba(20,35,46,.18);backdrop-filter:blur(6px)}.timeline__copy{padding:8px 16px 8px 0}.timeline__title{font-weight:600;font-size:30px;color:var(--ink-2);margin:0 0 16px;line-height:1.2;letter-spacing:-0.4px}.timeline__desc{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 24px}.timeline__meta{display:flex;gap:36px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.timeline__meta-item{display:flex;flex-direction:column;gap:4px}.timeline__meta-num{font-weight:700;font-size:24px;color:var(--ink-2);letter-spacing:-0.3px;margin:0;line-height:1}.timeline__meta-num span{color:var(--accent)}.timeline__meta-num small{font-size:14px;font-weight:500;color:var(--muted);margin-left:2px}.timeline__meta-label{font-size:12px;color:var(--muted);letter-spacing:.4px;margin:0}.timeline__nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:0 4px}.timeline__counter{font-size:13px;font-weight:600;color:var(--muted-2);letter-spacing:1.4px;text-transform:uppercase;font-feature-settings:"tnum";margin:0}.timeline__counter b{color:var(--accent);font-weight:700}.timeline__arrows{display:flex;gap:10px}.timeline__arrow{appearance:none;border:1px solid #dbe2ec;background:#fff;color:var(--muted);width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.timeline__arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.timeline__arrow:active{transform:scale(0.96)}.timeline__arrow svg{width:24px;height:24px}@media only screen and (max-width: 991px){.timeline-block{padding:64px 0}.timeline__inner{padding:0 24px}.timeline__years::before{top:49px;bottom:initial}.timeline__years-track{justify-content:flex-start;gap:32px;scroll-snap-type:x mandatory}.timeline__year{font-size:16px;scroll-snap-align:center}.timeline__year.is-active{font-size:18px}.timeline__hint{display:block}.timeline__panel{grid-template-columns:1fr;gap:20px;padding:20px;border-radius:20px}.timeline__copy{padding:0 4px 4px}.timeline__title{font-size:22px;margin:0 0 12px}.timeline__desc{font-size:14px;margin:0 0 20px}.timeline__meta{gap:24px;padding-top:16px}.timeline__meta-num{font-size:20px}}