@import url('./about/fonts.css');
.about-page{--about-accent:#2e54a1;--about-line:#dce4ed}
.about-hero{padding:72px 0 76px;background:#fff}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:80px;align-items:center;min-height:384px}
.about-hero h1{font-family:var(--serif);font-size:38px;font-weight:600;line-height:1.7;letter-spacing:0;margin:0}
.about-hero h1>span{display:block;white-space:nowrap}
.about-hero h1>span+span{color:#2F5F8F}
.about-hero-description{margin-top:24px;max-width:580px;font-size:16px;line-height:1.9;color:var(--secondary);line-break:strict}
.about-hero-description>span{display:block}
.about-contact{margin-top:30px;min-width:152px}
.about-hero-principles{list-style:none;margin:0;padding:0;width:max-content;max-width:100%;justify-self:start}
.about-hero-principles li{font-size:17px;line-height:1.85;color:#29435a;padding:28px 0;min-height:96px;display:flex;align-items:center;line-break:strict;text-wrap:pretty}
.about-hero-principles li+li{border-top:1px solid #eff0f2}
.about-statistics{background:#fff}
.about-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 0 36px}
.about-metric{text-align:left;padding-inline:0}
.about-metric-value{display:flex;align-items:baseline;justify-content:flex-start;gap:5px;color:var(--about-accent);line-height:1.25;font-variant-numeric:tabular-nums}
.about-metric-value strong{font-size:32px;font-weight:700;letter-spacing:-.02em}
.about-metric-value span{font-size:20px;font-weight:500}
.about-metric-label{font-size:15px;line-height:1.7;color:var(--secondary);margin-top:12px}
.about-page .section{padding-block:72px}
.about-page .section-head{margin-bottom:32px}
.about-page .section-intro{max-width:1100px;font-size:16px;line-height:1.9;margin-top:16px}
.about-intro-grid{display:grid;grid-template-columns:minmax(0,.37fr) minmax(0,.63fr);gap:64px;align-items:stretch}
.about-intro-grid h3{font-size:18px;line-height:1.75;color:#294a67;margin-bottom:14px}
.about-intro-grid p{font-size:16px;line-height:1.95;color:var(--secondary);line-break:strict;overflow-wrap:break-word}
.about-intro-grid p+p{margin-top:18px}
.about-background{display:flex;flex-direction:column}
.about-background p:last-child{margin-top:auto;padding-top:18px}
.about-capabilities{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.about-intro-grid .about-capabilities p+p{margin-top:0}
.about-advantages{background:#f5f8fa}
.about-advantage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-advantage-grid article{padding:28px 30px 30px;border:1px solid var(--about-line);border-radius:4px;background:#fff}
.about-advantage-heading{display:flex;gap:14px;align-items:start;margin-bottom:15px}
.about-advantage-heading .icon{width:23px;height:23px;color:#6588a8;margin-top:5px}
.about-advantage-heading h3{font-size:19px;font-weight:700;line-height:1.75;text-wrap:pretty;min-height:3.5em}
.about-advantage-grid article>p{font-size:16px;line-height:1.9;color:var(--secondary);line-break:strict}
.about-history-shell{position:relative}
.about-history-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding-block:12px 4px}
.about-history-viewport::-webkit-scrollbar{display:none}
.about-history-track{display:flex;list-style:none;margin:0;padding:0;width:max-content;min-width:100%}
.about-history-track>li{position:relative;flex:0 0 270px;width:270px;padding:34px 25px 14px 0;scroll-snap-align:start}
.about-history-track>li::before{content:'';position:absolute;left:0;right:0;top:7px;height:1px;background:#c8d6e3}
.about-history-dot{position:absolute;top:3px;left:0;width:9px;height:9px;border-radius:50%;background:#6588a8}
.about-history-track h3{font-size:29px;font-weight:700;line-height:1.4;color:var(--about-accent);font-variant-numeric:tabular-nums}
.about-history-track p{font-size:15px;line-height:1.9;color:var(--secondary);margin-top:14px;max-width:230px}
.about-history-track .is-latest .about-history-dot{background:var(--about-accent)}
.about-history-arrow{position:absolute;top:1px;bottom:auto;margin:0;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--about-line);background:#fff;color:var(--about-accent);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .15s,background .15s}
.about-history-arrow[hidden]{display:none}
.about-history-arrow .icon{width:18px;height:18px;stroke-width:1.6}
.about-history-arrow.is-prev{left:-18px}.about-history-arrow.is-next{right:-18px}
.about-history-shell:hover .about-history-arrow,.about-history-shell:focus-within .about-history-arrow{opacity:1;pointer-events:auto}
.about-history-arrow:hover{background:#f0f5fb}
.about-history-arrow:disabled{cursor:default}
.about-history-shell:hover .about-history-arrow:disabled,.about-history-shell:focus-within .about-history-arrow:disabled{opacity:.25}
@media(min-width:768px) and (max-width:1199px){.about-hero-grid{gap:48px}.about-hero h1{font-size:clamp(28px,3.05vw,38px)}.about-intro-grid{gap:32px}.about-metric-value span{font-size:19px}.about-metric-label{font-size:14px}.about-advantage-grid article{padding:24px}.about-advantage-heading h3{font-size:18px}}
@media(min-width:768px) and (max-width:1023px){.about-hero-grid{grid-template-columns:1fr;gap:36px}.about-hero h1{font-size:38px}.about-hero-principles li{min-height:0;padding:20px 0}}
@media(max-width:767px){
 .about-hero{padding:36px 0 44px}.about-hero-grid{grid-template-columns:1fr;gap:36px;min-height:0}.about-hero h1{font-size:clamp(21px,6vw,29px);line-height:1.7}.about-contact{margin-top:28px}.about-hero-description{font-size:15px;margin-top:20px}.about-hero-description>span{display:inline}.about-hero-principles li{font-size:16px;min-height:0;padding:20px 0}
 .about-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:8px 14px;row-gap:0}
 .about-metric{padding:22px 0}
 .about-metric-value span{font-size:18px}.about-metric-label{font-size:13px;margin-top:10px}
 .about-page .section{padding-block:48px}.about-page .section-head{margin-bottom:25px}
 .about-intro-grid{grid-template-columns:1fr;gap:28px}.about-background,.about-capabilities{display:block}.about-background p:last-child{margin-top:18px;padding-top:0}.about-intro-grid .about-capabilities p+p{margin-top:18px}.about-intro-grid h3{font-size:18px}.about-intro-grid p{font-size:16px;line-height:1.95}
 .about-advantage-grid{grid-template-columns:1fr;gap:18px}.about-advantage-grid article{padding:23px}.about-advantage-heading h3{font-size:18px;min-height:0}.about-advantage-grid article>p{font-size:15px}
 .about-history-track>li{flex-basis:245px;width:245px;padding-right:25px}.about-history-track p{max-width:210px}.about-history-track h3{font-size:27px}
 .about-history-arrow.is-prev{left:-12px}.about-history-arrow.is-next{right:-12px}
}
@media(hover:none){.about-history-arrow{opacity:1;pointer-events:auto}.about-history-arrow:disabled{opacity:.25}}
@media(prefers-reduced-motion:reduce){.about-history-arrow{transition:none}}