.about-page{background:#fff}
.about-hero{height:800px;position:relative;overflow:hidden;background:#e6e7eb}
.about-hero-picture{position:absolute;inset:0}
.about-hero-picture img{position:absolute;max-width:none;width:113.47%;height:114%;left:-6.74%;top:-7%;object-fit:fill}
.about-hero-copy{position:relative;padding-top:109px;text-align:center}
.about-hero h1{font-size:34px;line-height:1}
.about-hero-copy p{max-width:727px;margin:30px auto 0;font-size:16px;line-height:15.62px}
.about-mobile-text{display:none}
.about-journey{padding:50px 0}
.about-journey-heading{text-align:center}
.about-journey-heading h2{font-size:34px;line-height:1.2;text-wrap:balance}
.about-journey-heading p{font-size:16px;line-height:15.62px;margin-top:20px}
.about-badges{display:flex;justify-content:space-between;gap:24px;margin-top:49px}
.about-badges li{border:1px solid var(--ink);border-radius:100px;padding:5px 30px;font-size:14px;line-height:17px;text-align:center}
.about-timeline{position:relative;padding:0;margin:100px 0 0;list-style:none;display:grid;gap:110px}
.about-timeline::before{content:'';position:absolute;left:calc(50% - 1px);width:2px;top:50px;bottom:-50px;background:#dde5ff}
.about-step{display:grid;grid-template-columns:minmax(0,520px) minmax(0,520px);justify-content:space-between;position:relative;min-height:350px;gap:80px}
.about-step:first-child{margin-bottom:40px}
.about-step-picture{height:350px;position:relative;overflow:hidden;border-radius:8px}
.about-step-picture img{position:absolute;max-width:none;object-fit:fill}
.about-step--lines .about-step-picture img{width:266%;height:220.58%;left:-7.19%;top:-60.29%}
.about-step--technologist .about-step-picture img{width:100%;height:198.98%;left:0;top:-73.82%}
.about-step--quality .about-step-picture img{width:100%;height:198.98%;left:0;top:-43.26%}
.about-step--control .about-step-picture img{width:266%;height:220.58%;left:-162.84%;top:-50.86%}
.about-step-copy{padding-top:20px;min-width:0}
.about-step-number{display:block;font-size:34px;line-height:1.2;font-weight:500;color:var(--blue)}
.about-step-copy h3{font-size:34px;line-height:1.2;margin-top:20px}
.about-step-copy h4{font-size:20px;line-height:1.2;margin-top:20px}
.about-step-copy>p,.about-factory-address{font-size:16px;line-height:1.2;margin-top:20px}
.about-factory-address p+p{margin-top:8px}
.about-step:nth-child(even) .about-step-picture{grid-column:2;grid-row:1}
.about-step:nth-child(even) .about-step-copy{grid-column:1;grid-row:1}
.about-step-marker{position:absolute;left:50%;top:94px;transform:translateX(-50%);width:36px;height:36px;display:grid;place-items:center}
.about-step-marker img{max-width:none}
.about-step:first-child .about-step-marker{top:134px}
.about-continuation{position:relative;text-align:center;margin-top:50px}
.about-continuation h2{position:relative;color:var(--blue);font-size:34px;line-height:1.2;background:#fff;display:table;margin-inline:auto}
.about-continuation>p{margin-top:20px;font-size:16px;line-height:15.62px}
.about-timeline-end{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.about-timeline-end img{max-width:none}
.about-manager{display:flex;flex-direction:column;align-items:center;margin-top:30px;gap:16px}
.about-manager .button{padding:11px 32px;min-height:37px;width:335px;max-width:100%;font-size:16px;border-radius:5px}
.about-manager small{font-size:13px;line-height:1;opacity:.8}
.about-continuation h2,.about-continuation>p,.about-continuation .about-manager small{transition:color 768ms var(--motion-ease)}
.about-continuation .about-manager .button{transition:color 768ms var(--motion-ease),background-color 768ms var(--motion-ease)}
.about-continuation.is-route-locked h2,.about-continuation.is-route-locked>p,.about-continuation.is-route-locked .about-manager small{color:#d1d1d1}
.about-continuation.is-route-locked .about-manager .button{background:#e4e4e4;color:#fff}
.about-continuation.is-route-locked .about-timeline-end{filter:grayscale(1)}
.about-timeline.about-route-enhanced::before,.about-timeline.about-route-enhanced::after{top:var(--route-start);bottom:auto;height:var(--route-length);pointer-events:none}
.about-route-enhanced::before{background:none;border-left:2px dashed #d5ddf3;width:0}
.about-route-enhanced::after{content:'';position:absolute;left:calc(50% - 1px);width:2px;background:var(--blue);transform:scaleY(var(--route-progress,0));transform-origin:top;transition:transform 768ms var(--motion-ease);z-index:0}
.about-route-enhanced .about-step{z-index:1}
.about-route-enhanced .about-step-marker{isolation:isolate;width:36px;height:36px}
.about-route-enhanced .about-step-marker img{display:none}
.about-route-enhanced .about-step-marker::before{content:'';position:absolute;inset:1px;border:1px solid #b6c5f3;border-radius:50% 50% 50% 0;background:#fff;transform:rotate(-45deg);transition:background-color 384ms ease,border-color 384ms ease,box-shadow 768ms var(--motion-ease)}
.about-route-enhanced .about-step-marker::after{content:'';position:relative;font-size:12px;font-weight:500;line-height:1;color:var(--blue);transition:color 384ms ease}
.about-route-enhanced .about-step-marker.is-route-reached::before{background:var(--blue);border-color:var(--blue)}
.about-route-enhanced .about-step-marker.is-route-reached::after{color:#fff}
.about-route-enhanced .about-step-marker.is-route-current::before{box-shadow:0 0 0 5px #e5ebff}
@media(max-width:1100px){
 .about-page{padding-top:59px}
 .about-hero{height:480px}
 .about-hero-copy{padding-top:48px}
 .about-hero h1{font-size:28px}
 .about-hero-copy p{max-width:640px;margin-top:24px}
 .about-journey{padding-block:48px}
 .about-journey-heading h2{font-size:28px}
 .about-journey-heading p{margin-top:24px}
 .about-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:24px}
 .about-badges li{height:40px;display:grid;place-items:center;padding:5px 16px}
 .about-timeline{gap:48px;margin-top:24px}
 .about-timeline::before{top:0;bottom:0}
 .about-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:84px;align-items:center;min-height:240px}
 .about-step:first-child{margin-bottom:0}
 .about-step-picture{height:240px}
 .about-step-copy{padding:0;display:flex;flex-direction:column;gap:16px}
 .about-step-number{font-size:28px}
 .about-step-copy h3{font-size:26px;margin:0}
 .about-step-copy h4{font-size:18px;margin:0}
 .about-step-copy>p,.about-factory-address{margin:0}
 .about-step-marker,.about-step:first-child .about-step-marker{top:50%;width:28px;height:24px;transform:translate(-50%,-50%)}
 .about-route-enhanced .about-step-marker,.about-route-enhanced .about-step:first-child .about-step-marker{width:30px;height:30px}
 .about-continuation{margin-top:64px}
 .about-continuation h2{font-size:28px}
 .about-timeline-end{display:none}
 .about-manager{margin-top:20px;gap:12px}
 .about-manager .button{min-height:40px}
}
@media(max-width:599px){
 .about-hero{height:442px}
 .about-hero-picture img{width:100%;height:500px;left:0;top:-58px;object-fit:fill}
 .about-hero-copy{padding-top:20px}
 .about-hero h1{font-size:24px;line-height:1;max-width:358px;margin-inline:auto;text-wrap:balance}
 .about-wide-text{display:none}
 .about-mobile-text{display:block}
 .about-hero-copy p{margin-top:20px}
 .about-journey{padding-block:32px}
 .about-journey-heading h2{font-size:24px}
 .about-badges{grid-template-columns:1fr;gap:12px}
 .about-badges li{height:44px}
 .about-timeline{gap:40px}
 .about-timeline::before{left:11px}
 .about-route-enhanced::after{left:11px}
 .about-route-enhanced .about-step-marker,.about-route-enhanced .about-step:first-child .about-step-marker{width:24px;height:24px}
 .about-route-enhanced .about-step-marker::after{font-size:10px}
 .about-step{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0;padding-left:40px}
 .about-step-picture{height:auto;aspect-ratio:4/3;flex-shrink:0}
 .about-step-copy{gap:14px}
 .about-step-number,.about-step-copy h3{font-size:24px}
 .about-step-marker,.about-step:first-child .about-step-marker{left:0;top:calc((100vw - 72px)*.75 + 20px);transform:none;width:24px;height:24px}
 .about-continuation h2{font-size:24px}
 .about-manager{width:100%}
 .about-manager .button{width:100%;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .about-continuation h2,.about-continuation>p,.about-continuation .about-manager small,.about-continuation .about-manager .button{transition:none}
 .about-route-enhanced::after,.about-route-enhanced .about-step-marker::before,.about-route-enhanced .about-step-marker::after{transition:none}
}