.history-intro-wrap{padding:72px 0 68px;background:#fff}
.history-intro{max-width:920px;text-align:center}
.history-intro .mod-title{margin-bottom:24px}
.history-intro__lead{margin-bottom:14px;color:#1a1a1a;font-size:19px;font-weight:600;line-height:1.7}
.history-intro>p:not(.history-intro__lead){color:var(--color-muted);font-size:15px;line-height:1.95}
.history-intro__note{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:10px 16px;border:1px solid #dbe6f2;border-radius:4px;background:#f5f8fc;color:#68788d;font-size:13px}
.history-intro__note span{color:var(--color-main);font-weight:700}
.history-timeline-wrap{padding:72px 0 86px;background:#f5f8fc}
.history-timeline__list{position:relative;display:grid;gap:28px}
.history-timeline__list:before{content:'';position:absolute;top:18px;bottom:18px;left:50%;width:2px;background:#dbe6f2;transform:translateX(-50%)}
.history-timeline__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:24px;align-items:center}
.history-timeline__year{position:relative;z-index:1;grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;justify-content:center;width:84px;height:84px;border:8px solid #f5f8fc;border-radius:50%;background:var(--color-main);box-shadow:0 0 0 1px #bdd4ed;color:#fff}
.history-timeline__year span{font-size:17px;font-weight:700}
.history-timeline__card{grid-row:1;padding:26px 28px;background:#fff;border:1px solid var(--color-line);border-radius:10px;box-shadow:0 8px 24px rgba(13,27,46,.05);transition:transform .3s,box-shadow .3s,border-color .3s}
.history-timeline__card:hover{border-color:#c8dcf3;box-shadow:0 14px 30px rgba(26,112,218,.1);transform:translateY(-3px)}
.history-timeline__item:nth-child(odd) .history-timeline__card{grid-column:1;text-align:right}
.history-timeline__item:nth-child(even) .history-timeline__card{grid-column:3}
.history-timeline__card>span{display:block;margin-bottom:8px;color:var(--color-main);font-size:13px;letter-spacing:.12em}
.history-timeline__card h3{margin-bottom:10px;color:#1a1a1a;font-size:18px;line-height:1.5}
.history-timeline__card p{color:var(--color-muted);font-size:14px;line-height:1.8}
@media (max-width:1024px){
.history-timeline__item{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:16px}
.history-timeline__card{padding:24px 20px}
}
@media (max-width:768px){
.history-intro-wrap,.history-timeline-wrap{padding:48px 0 56px}
.history-intro__lead{font-size:17px}
.history-intro>p:not(.history-intro__lead){font-size:14px}
.history-intro__note{display:flex;align-items:flex-start;flex-direction:column;gap:4px;text-align:left}
.history-timeline__list{gap:16px}
.history-timeline__list:before{top:24px;bottom:24px;left:31px;transform:none}
.history-timeline__item{grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}
.history-timeline__year{grid-column:1;grid-row:1;width:64px;height:64px;border-width:6px}
.history-timeline__year span{font-size:14px}
.history-timeline__card,.history-timeline__item:nth-child(odd) .history-timeline__card,.history-timeline__item:nth-child(even) .history-timeline__card{grid-column:2;grid-row:1;padding:20px 18px;text-align:left}
.history-timeline__card h3{font-size:16px}
.history-timeline__card p{font-size:14px;line-height:1.75}
}
@media (max-width:360px){
.history-timeline__item{grid-template-columns:56px minmax(0,1fr);gap:12px}
.history-timeline__list:before{left:27px}
.history-timeline__year{width:56px;height:56px}
.history-timeline__card{padding:18px 16px !important}
}
