/* История сети: текстовая редакционная страница */
.history-page{--history-ink:#143a46;--history-soft:#56717a;--history-accent:#087f84;--history-line:#d7e2df;background:#fdfdfb}

.history-hero{position:relative;overflow:hidden;background:#0d3544;color:#fff}
.history-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 33%,rgba(74,180,175,.18),transparent 30%),linear-gradient(125deg,transparent 50%,rgba(255,255,255,.035));pointer-events:none}
.history-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:5%;min-height:610px;padding-block:88px 70px}
.history-kicker{display:flex;align-items:center;gap:13px;margin:0 0 35px;color:#9cd7d5;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.history-kicker-line{width:34px;height:1px;background:#80c9c5}
.history-hero h1{margin:0;color:#fff;font-size:clamp(68px,8.5vw,126px);font-weight:750;line-height:.94;letter-spacing:-.075em}
.history-hero h1 em{color:#a6ded8;font-style:normal;font-weight:450}
.history-lead{max-width:650px;margin:34px 0 32px;color:#d6e7e9;font-size:clamp(18px,2vw,22px);line-height:1.55}
.history-scroll{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #7aa9ae;padding-bottom:10px;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.history-scroll span,.history-next span{font-size:21px;font-weight:400;transition:transform .2s ease}
.history-scroll:hover span,.history-next:hover span{transform:translate(3px,3px)}
.history-hero-mark{position:relative;display:grid;place-items:center;width:min(100%,390px);aspect-ratio:1;margin:auto;border:1px solid rgba(150,215,210,.24);border-radius:50%;color:rgba(184,230,224,.8);font-size:clamp(112px,15vw,205px);font-weight:300;line-height:1;letter-spacing:-.17em;transform:rotate(-15deg)}
.history-hero-mark::before,.history-hero-mark::after{content:"";position:absolute;border:1px solid rgba(150,215,210,.25);border-radius:50%}
.history-hero-mark::before{inset:11%}
.history-hero-mark::after{inset:-11%;border-style:dashed;opacity:.55}
.history-hero-mark span{grid-area:1/1}
.history-hero-mark span:first-child{transform:translate(-27%,11%)}
.history-hero-mark span:last-child{transform:translate(23%,-11%);opacity:.45}
.history-hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid rgba(205,238,235,.24);padding-block:20px 23px;color:#a9c7cb;font-size:10px;font-weight:700;letter-spacing:.16em}

.history-content{background:#fdfdfb}
.history-section,.history-section-inner,.history-impact-grid{display:grid;grid-template-columns:minmax(135px,.28fr) minmax(0,1fr);gap:7%;padding-block:115px}
.history-section-label{align-self:start;border-top:2px solid #8dbfbb;padding-top:14px;color:#627e83;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.history-section-body{max-width:930px}
.history-overline{margin:0 0 17px;color:#087f84;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.history-section h2,.history-impact h2{max-width:790px;margin:0 0 33px;color:var(--history-ink);font-size:clamp(37px,4.3vw,62px);font-weight:720;line-height:1.1;letter-spacing:-.055em}
.history-section-body>p:not(.history-overline):not(.history-closing){max-width:760px;margin:0 0 21px;color:#3f5961;font-size:17px;line-height:1.75}
.history-section-body .history-intro{color:#163d4a!important;font-size:22px!important;line-height:1.55!important;font-weight:550}
.history-partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:35px 0 0;padding:0;list-style:none;border-top:1px solid var(--history-line)}
.history-partners li{position:relative;min-height:80px;display:flex;align-items:center;border-bottom:1px solid var(--history-line);padding:15px 10px 15px 27px;color:#244b56;font-size:15px;line-height:1.5}
.history-partners li::before{content:"";position:absolute;top:50%;left:0;width:7px;height:7px;border:1.5px solid #238e8c;border-radius:50%;transform:translateY(-50%)}
.history-section-tinted{display:block;background:#eef5f2}
.history-section-tinted .history-section-inner{padding-block:108px}
.history-date-block{display:grid;grid-template-columns:145px 1fr;gap:32px;align-items:center;margin:35px 0;border-top:1px solid #c5dcd8;border-bottom:1px solid #c5dcd8;padding:25px 0}
.history-date{display:flex;align-items:center;gap:12px;color:#0d6770}
.history-date strong{font-size:80px;font-weight:650;letter-spacing:-.075em;line-height:1}
.history-date span{font-size:15px;font-weight:700;line-height:1.45;text-transform:uppercase}
.history-date-block p{margin:0;color:#294f58;font-size:18px;line-height:1.7}
.history-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 0;padding:0;list-style:none}
.history-components li{min-height:111px;border:1px solid #c8dcd7;border-radius:12px;background:#f9fcfa;padding:22px;color:#234b55;font-size:16px;font-weight:600;line-height:1.45}
.history-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px;margin-top:42px}
.history-work-grid h3{margin:0 0 18px;color:#164553;font-size:21px;font-weight:700;letter-spacing:-.03em}
.history-lined-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--history-line)}
.history-lined-list li{border-bottom:1px solid var(--history-line);padding:17px 0;color:#49616a;font-size:15px;line-height:1.6}
.history-impact{background:#e2eeea}
.history-impact-grid{padding-block:113px 120px}
.history-impact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:42px 0 44px;padding:0;list-style:none}
.history-impact-list li{min-height:180px;border-top:2px solid #338f8c;background:rgba(255,255,255,.56);padding:22px;color:#254d56;font-size:15px;font-weight:600;line-height:1.55}
.history-closing{max-width:790px;margin:0 0 25px;color:#173f4c;font-size:20px;font-weight:550;line-height:1.6}
.history-next{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #6eaaa8;padding-bottom:9px;color:#0b5965;font-size:14px;font-weight:800;text-decoration:none}
.history-next:hover span{transform:translate(3px,-3px)}

@media(max-width:1000px){
  .history-page .partners-label{display:none}
  .history-hero-grid{min-height:540px}
  .history-section,.history-section-inner,.history-impact-grid{gap:5%;padding-block:85px}
  .history-work-grid{gap:30px}
}
@media(max-width:700px){
  .history-hero-grid{display:block;min-height:0;padding-block:78px 85px}
  .history-hero-mark{position:absolute;right:-80px;top:40px;width:260px;opacity:.3;pointer-events:none}
  .history-hero-copy{position:relative;z-index:1}
  .history-hero h1{font-size:clamp(62px,13vw,90px)}
  .history-lead{max-width:540px;font-size:17px}
  .history-section,.history-section-inner,.history-impact-grid{grid-template-columns:1fr;gap:32px;padding-block:70px}
  .history-section-label{width:max-content;min-width:120px}
  .history-section h2,.history-impact h2{font-size:clamp(36px,8vw,52px)}
  .history-work-grid{grid-template-columns:1fr;gap:35px}
  .history-impact-list{grid-template-columns:1fr;gap:10px}
  .history-impact-list li{min-height:0}
}
@media(max-width:500px){
  .history-kicker{font-size:9px;letter-spacing:.11em}
  .history-hero-grid{padding-block:69px 72px}
  .history-hero h1{font-size:clamp(54px,14vw,68px)}
  .history-hero-mark{right:-115px;top:25px}
  .history-partners,.history-components{grid-template-columns:1fr}
  .history-date-block{grid-template-columns:1fr;gap:17px}
  .history-date strong{font-size:66px}
  .history-date-block p{font-size:16px}
  .history-section-body .history-intro{font-size:19px!important}
  .history-section-body>p:not(.history-overline):not(.history-closing){font-size:16px}
  .history-closing{font-size:18px}
}