/* About: a measured editorial layout, with a technical illustration as its focal point. */
.about-opening{padding-top:34px;padding-bottom:68px;background:#f3f5f7}
.about-opening .breadcrumbs{margin-bottom:30px}
.about-opening-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center}
.about-page-label{color:var(--blue);font-size:13px;line-height:1.8;margin:0 0 24px}
.about-opening h1{font-size:clamp(36px,3.7vw,60px);line-height:1.38;letter-spacing:-1.8px;font-weight:600;max-width:760px}
.about-opening-intro{max-width:500px;margin:27px 0;color:#5b697d;line-height:2;font-size:15px}
.about-opening-copy>.inline-link{margin-top:13px;font-size:13px}
.about-visual{margin:0;position:relative;width:100%;min-height:460px;aspect-ratio:1.04;background:#e9edf2;overflow:hidden;display:grid;place-items:center}
.about-instrument{position:relative;height:91%;width:100%;object-fit:contain;padding:10px 35px 45px 60px}
.about-visual-axis{position:absolute;left:28px;top:28px;bottom:58px;width:15px;border-left:1px solid #9dacc0;background:repeating-linear-gradient(0deg,transparent 0 18px,#a5b3c4 18px 19px);opacity:.65}
.about-visual-caption{position:absolute;left:29px;top:25px;font-size:11px;color:#53657c;writing-mode:vertical-rl;letter-spacing:2px;transform:translateX(17px)}
.about-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:14px 23px;background:#dfe5ed;color:#53657c;font-size:10px;line-height:1.7}
.about-visual.has-photo{background:#fff}
.about-company-image{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:18px 0 55px}
.about-visual-brand{width:140px;height:140px;color:#a0b4d5;stroke-width:1}
.about-facts{display:grid;grid-template-columns:.8fr 1fr 1.3fr;padding-top:35px;padding-bottom:35px;border-bottom:1px solid var(--line);gap:30px}
.about-facts>div{padding:6px 0;display:flex;flex-direction:column;gap:9px}
.about-facts>div+div{border-left:1px solid var(--line);padding-left:45px}
.about-facts span{font-size:11px;color:#637287}
.about-facts strong{font-size:24px;font-weight:500;line-height:1.5}
.about-facts .about-year{font:40px/1.1 var(--number);color:var(--blue);font-weight:400}
.about-story{display:grid;grid-template-columns:1fr 1.15fr;gap:12%;align-items:start}
.about-section-intro h2{font-size:clamp(29px,2.6vw,42px);line-height:1.5;letter-spacing:-1px;margin-bottom:30px}
.about-story-body{font-size:15px;line-height:2.15;padding-top:4px}
.about-story-body h2{font-size:25px;margin:0 0 20px}
.about-story-body p:last-child{margin-bottom:0}
.about-credentials{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:8%;align-items:center;border-top:1px solid var(--line);padding-top:64px;padding-bottom:72px;background:#fafbfc}
.about-credentials h2{font-size:clamp(28px,2.8vw,42px);line-height:1.4;font-weight:500;letter-spacing:-.8px}
.about-certificate-company{font-size:13px;color:#637287;line-height:1.9;margin:20px 0 30px}
.about-certificate-details{margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:22px}
.about-certificate-details dt{font-size:11px;color:#637287;margin-bottom:9px}
.about-certificate-details dd{font-size:17px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.about-credentials-copy>.inline-link{font-size:12px}
.about-certificate-figure{margin:0;min-width:0}
.about-certificate-figure>a{display:block;background:white;border:1px solid #e0e5eb;padding:14px;transition:border-color .2s}
.about-certificate-figure>a:hover{border-color:#91a5cf}
.about-certificate-image{display:block;width:100%;height:auto;object-fit:contain}
.about-certificate-figure figcaption{font-size:10px;color:#637287;text-align:right;margin-top:12px;line-height:1.8}
@media(max-width:800px){.about-credentials{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.about-credentials h2{font-size:30px}.about-certificate-company{margin:16px 0 22px}.about-certificate-details{max-width:480px;margin-bottom:22px}.about-certificate-figure>a{padding:8px}.about-certificate-figure figcaption{text-align:left}}
.about-principles{background:#eaf0f7;display:grid;grid-template-columns:1fr 1.12fr;gap:12%;padding-top:78px;padding-bottom:78px}
.about-principles-heading h2{font-size:clamp(29px,2.55vw,40px);line-height:1.5;letter-spacing:-1px;max-width:500px}
.about-principles-heading>p:last-child{font-size:14px;color:#53657c;line-height:2;max-width:430px;margin-top:24px}
.about-principles-list article{display:flex;gap:23px;padding:29px 0;border-top:1px solid #cdd7e4}
.about-principles-list article:first-child{padding-top:0;border:0}
.about-principles-list article:last-child{padding-bottom:0}
.about-principle-mark{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;background:var(--blue);color:white;margin-top:4px}
.about-principle-mark svg{width:16px;height:16px}
.about-principles-list h3{font-size:21px;font-weight:500;line-height:1.55;margin-bottom:10px}
.about-principles-list p{font-size:13px;line-height:1.95;color:#53657c;max-width:540px}
.about-process-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:54px}
.about-process-heading h2{font-size:clamp(28px,2.5vw,40px);line-height:1.5;letter-spacing:-1px}
.about-process-heading>p{max-width:340px;color:#637287;font-size:13px;line-height:2}
.about-process-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.about-process-steps li{border-top:1px solid #cdd5e0;padding-top:22px;position:relative}
.about-process-steps li:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;background:var(--blue)}
.about-step-number{font:36px/1.2 var(--number);color:#a3b7d9;display:block;margin-bottom:23px}
.about-process-steps h3{font-size:18px;line-height:1.65;font-weight:500;margin-bottom:13px}
.about-process-steps p{font-size:12px;line-height:1.95;color:#637287;max-width:300px}
.about-page :is(a,li,article,figure){min-width:0}
:lang(en) .about-opening h1{font-size:clamp(35px,3.7vw,58px);line-height:1.2;letter-spacing:-1.5px}
:lang(en) .about-facts strong:not(.about-year){font-size:22px}
@media(max-width:1050px){.about-opening-grid{gap:4%}.about-visual{min-height:370px}.about-story,.about-principles{gap:7%}.about-facts>div+div{padding-left:25px}.about-facts strong{font-size:22px}.about-process-steps{gap:22px}.about-process-heading>p{max-width:280px}}
@media(max-width:800px){.about-opening-grid{grid-template-columns:1fr;gap:40px}.about-opening-copy{max-width:700px}.about-opening h1{font-size:44px}.about-visual{min-height:340px;aspect-ratio:1.7}.about-instrument{height:370px;max-width:650px;padding-bottom:40px}.about-opening-intro{max-width:600px}.about-facts{gap:18px}.about-facts strong{font-size:18px}.about-facts>div+div{padding-left:20px}.about-facts .about-year{font-size:34px}.about-story,.about-principles{grid-template-columns:1fr;gap:36px}.about-principles-heading h2{max-width:650px}.about-principles-heading>p:last-child{max-width:650px}.about-process-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:40px}.about-process-heading>p{max-width:600px}.about-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.about-process-steps p{max-width:none}}
@media(max-width:520px){.about-opening{padding-top:26px;padding-bottom:35px}.about-opening .breadcrumbs{margin-bottom:32px}.about-page-label{font-size:11px;margin-bottom:17px}.about-opening h1{font-size:clamp(26px,7.4vw,33px);letter-spacing:-1px;line-height:1.45}.about-opening-intro{font-size:13px;margin:22px 0;line-height:1.95}.about-opening-copy>.inline-link{font-size:12px;margin-top:2px}.about-opening-grid{gap:28px}.about-visual{min-height:300px;aspect-ratio:1.1}.about-instrument{height:300px;padding:4px 12px 36px 30px}.about-visual-axis{left:18px;top:20px}.about-visual-caption{left:19px;font-size:9px;letter-spacing:1px}.about-visual figcaption{padding:11px 18px;font-size:9px}.about-facts{grid-template-columns:1fr 1.2fr;padding-top:23px;padding-bottom:23px;gap:18px}.about-facts>div+div{padding-left:20px}.about-facts>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:17px 0 0;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.about-facts strong{font-size:18px}.about-facts>div:last-child strong{font-size:14px}.about-facts span{font-size:10px}.about-story{gap:27px;padding-top:50px;padding-bottom:50px}.about-section-intro h2{font-size:29px;margin-bottom:20px}.about-story-body{font-size:13px;line-height:2}.about-story-body h2{font-size:23px}.about-principles{padding-top:45px;padding-bottom:45px;gap:31px}.about-principles-heading h2{font-size:28px}.about-principles-heading>p:last-child{font-size:12px;margin-top:18px}.about-principles-list article{gap:17px;padding:24px 0}.about-principles-list h3{font-size:19px}.about-principles-list p{font-size:12px}.about-principle-mark{width:27px;height:27px}.about-process{padding-top:50px;padding-bottom:50px}.about-process-heading h2{font-size:28px}.about-process-heading>p{font-size:12px}.about-process-steps{gap:30px 22px}.about-step-number{font-size:29px;margin-bottom:17px}.about-process-steps h3{font-size:16px}.about-process-steps p{font-size:11px}:lang(en) .about-opening h1{font-size:36px;letter-spacing:-1px}:lang(en) .about-facts strong:not(.about-year){font-size:17px}:lang(en) .about-facts>div:last-child strong{font-size:12px}}
