/* Pixso 34:594. Section heights follow padding, copy and media aspect ratios. */
.about-page{--about-body:#545b63;color:#22262b}
.about-page .about-section-title h2{font-size:42px;line-height:49px}
.about-page .about-section-title h2::after{height:3px;background:var(--color-brand);margin:7px auto 3px}
.about-page .about-section-title p{max-width:760px;color:var(--about-body);font-size:17px;line-height:27px}
.about-intro h2,.about-page .about-section-title h2,.production-step h3,.about-oem h2{letter-spacing:.5px}
.about-intro{padding:114px 0 90px}
.about-intro__heading{text-align:center}
.about-intro__badge{display:inline-block;padding:8px 40px;background:var(--color-accent);color:#fff;font-size:18px;line-height:22px;font-weight:700}
.about-intro h2{font-size:42px;line-height:49px;margin-top:24px}
.about-intro__description{max-width:820px;margin:18px auto 0;font-size:17px;line-height:27px;color:var(--about-body)}
.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:54px}
.company-card{border:1px solid #e4e7ea;background:#fff}
.company-card__image{aspect-ratio:622/300;overflow:hidden}
.company-card__image img{width:100%;height:100%;object-fit:cover}
.company-card__body{padding:28px 32px 38px}
.company-card__tag{font-size:14px;line-height:19px;font-weight:700;color:#949494;text-transform:uppercase}
.company-card h3{font-size:20px;line-height:23px;margin-top:8px}
.company-card__address{display:flex;gap:12px;margin-top:13px;font-size:16px;line-height:23px;color:var(--about-body)}
.company-card .icon{width:14px;height:16px;margin-top:3px;color:var(--color-accent)}
.company-card li .icon{width:12px;height:10px;margin:6px 2px 0 0}
.company-card ul{display:grid;gap:6px;margin-top:20px}
.company-card li{display:flex;gap:12px;font-size:16px;line-height:23px;color:var(--about-body)}
.about-factory{margin-top:76px;padding:126px 0 122px;background:#f4f4f4}
.about-factory__mosaic{display:grid;grid-template-columns:minmax(0,738fr) minmax(0,515fr);max-width:1277px;gap:18px 24px;margin-top:54px}
.about-factory__mosaic figure{overflow:hidden;border-radius:6px;aspect-ratio:515/270}
.about-factory__mosaic figure:first-child{grid-row:span 2;aspect-ratio:738/558}
.about-factory__mosaic img{width:100%;height:100%;object-fit:cover}
.factory-gallery{margin-top:24px}
.factory-gallery__viewport{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;user-select:none}
.factory-gallery__viewport::-webkit-scrollbar{display:none}
.factory-gallery__viewport.is-dragging{cursor:grabbing}
.factory-gallery__viewport figure{flex:0 0 380px;aspect-ratio:380/280;overflow:hidden}
.factory-gallery__viewport img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.factory-gallery__controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:#8a9099;font-size:16px;line-height:24px;letter-spacing:2px;text-transform:uppercase}
.factory-gallery__controls button{background:transparent;color:var(--color-accent);padding:0 5px;font-size:22px;line-height:32px}
.factory-gallery__controls .icon{width:7px;height:11px}
.about-factory__visit{text-align:center;margin-top:16px;color:#8a9099;font-size:16px;line-height:26px}
.about-factory__visit a{color:var(--color-accent);font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.about-oem{position:relative;isolation:isolate;background:#15181c;color:#fff;padding:90px 0;overflow:hidden}
.about-oem__background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.2}
.about-oem__grid{display:grid;grid-template-columns:640fr 581fr;gap:59px;align-items:center}
.about-oem__copy{align-self:end;padding-bottom:9px}
.about-oem h2{font-size:38px;line-height:44px}
.about-oem__copy>p{font-size:17px;line-height:26px;margin-top:18px;color:#c3c6cc}
.about-oem__services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.about-oem__services article{padding:18px 24px 16px;border:1px solid #33383f;background:#1b1f24}
.about-oem__services h3{font-size:17px;line-height:29px}
.about-oem__services p{font-size:16px;line-height:22px;color:#b5bac3}
.about-oem .button{background:var(--color-accent);margin-top:34px;border-radius:0;font-size:16px;line-height:23px;padding:13px 32px}
.about-oem .button:hover{background:#a60e26}
.about-oem__images{display:grid;gap:18px}
.about-oem__images figure{aspect-ratio:581/201;overflow:hidden}
.about-oem__images img{width:100%;height:100%;object-fit:cover}
.about-process{padding:120px 0 90px}
.production-steps{max-width:980px;margin:63px auto 0;padding:0;list-style:none;border-bottom:1px solid #e4e7ea}
.production-step{display:grid;grid-template-columns:150px minmax(0,1fr) 300px;gap:36px;align-items:center;padding:26px 0;border-top:1px solid #e4e7ea}
.production-step__number{text-align:center;font:700 56px/56px Arial,sans-serif;color:transparent;-webkit-text-stroke:1px #a6a6a6}
.production-step:hover .production-step__number{color:var(--color-accent);-webkit-text-stroke:0}
.production-step h3{font-size:24px;line-height:28px;margin-bottom:8px}
.production-step p{font-size:16px;line-height:23px;color:var(--about-body)}
.production-step figure{aspect-ratio:300/170;overflow:hidden}
.production-step img{width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}
.production-step:hover img{transform:scale(1.05)}
.about-exhibitions .about-section-title p{line-height:25.5px}
.about-exhibitions{padding:120px 0 139px;background:#f4f5f6}
.exhibition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 26px;margin-top:67px}
.exhibition-card{background:#fff}
.exhibition-card__image{aspect-ratio:409.333/254;background:linear-gradient(to bottom,#eef1f4 91%,#dfe4e9 91%);overflow:hidden}
.exhibition-card__image img{width:100%;height:100%;object-fit:cover}
.exhibition-card__body{padding:19px 22px 24px}
.exhibition-card__location{color:#949494;font-size:14px;line-height:19px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.exhibition-card h3{font-size:18px;line-height:21px;margin:7px 0 4px}
.exhibition-card__body>p:last-child{color:var(--about-body);font-size:16px;line-height:23px}
.about-certifications{padding:126px 0 270px}
.certificate-documents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:55px}
.certificate-document{display:block;aspect-ratio:290/387;overflow:hidden;background:#f4f4f4;cursor:zoom-in}
.certificate-document img{width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}
.certificate-document:hover img,.certificate-document:focus-visible img{transform:scale(1.04)}
.certificate-documents figcaption{text-align:center;font-size:18px;line-height:21px;margin-top:11px;color:#545454}
.about-certifications__action{text-align:center;margin-top:57px}
.about-certifications__action .button{font-size:13px;line-height:21px;padding:14px 30px}
.about-certifications .certificate-carousel{margin-top:95px}
dialog.image-preview{width:860px;max-width:calc(100% - 32px);max-height:94vh;max-height:94dvh;padding:24px 32px;overflow:auto;text-align:center}
dialog.image-preview h2{font-size:20px;line-height:26px;margin:0 20px 16px;padding-right:20px}
.image-preview__stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center}
.image-preview__image{display:block;width:100%;height:calc(94vh - 190px);height:calc(94dvh - 190px);min-height:120px;max-width:100%;margin:auto;object-fit:contain}
.image-preview__nav{display:grid;place-items:center;width:44px;height:44px;padding:12px;background:var(--color-brand);color:#fff;border-radius:50%;transition:background-color var(--transition)}
.image-preview__nav:hover{background:#941e18}.image-preview__nav:disabled{opacity:.4;cursor:default}.image-preview__nav .icon{width:12px;height:20px}
.image-preview__counter{display:block;margin-top:8px;font-size:14px;line-height:20px;color:var(--color-body)}
.image-preview__original{display:inline-block;margin-top:12px;font-size:14px;text-decoration:underline;color:var(--color-brand)}
@media(max-width:1050px){.about-intro{padding:80px 0}.about-intro h2,.about-page .about-section-title h2{font-size:36px;line-height:43px}.company-card__body{padding:24px}.about-factory{margin-top:60px;padding:80px 0}.about-factory__mosaic{margin-top:40px}.about-oem{padding:70px 0}.about-oem__grid{gap:32px}.about-oem__services{grid-template-columns:1fr;gap:12px}.about-oem__services article{padding:16px}.about-oem__copy{padding:0}.about-oem__images figure{aspect-ratio:4/3}.about-process{padding:80px 0}.production-step{grid-template-columns:90px minmax(0,1fr) 250px;gap:24px}.exhibition-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}.about-exhibitions{padding:80px 0}.about-certifications{padding:80px 0 200px}.certificate-documents{gap:16px}.about-certifications .certificate-carousel{margin-top:60px}}
@media(max-width:760px){.company-grid{grid-template-columns:1fr;gap:24px;margin-top:36px}.about-intro__description{max-width:600px}.company-card__body{padding:26px}.about-factory__mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-factory__mosaic figure:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:738/558}.about-factory__mosaic figure{aspect-ratio:515/270}.about-oem__grid{grid-template-columns:1fr}.about-oem__services{grid-template-columns:1fr 1fr}.about-oem__images{grid-template-columns:1fr 1fr}.about-oem__images figure{aspect-ratio:4/3}.production-step{grid-template-columns:64px minmax(0,1fr) 200px;gap:18px}.production-step h3{font-size:21px;line-height:25px}.production-step__number{font-size:46px}.certificate-documents{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.exhibition-card__body{padding:20px}.exhibition-card__location{font-size:12px;letter-spacing:1px}}
@media(max-width:600px){.about-intro{padding:60px 0}.about-intro__badge{font-size:14px;padding:8px 22px}.about-intro h2,.about-page .about-section-title h2{font-size:30px;line-height:36px}.about-intro__description,.about-page .about-section-title p{font-size:16px;line-height:26px}.company-card h3{font-size:19px;line-height:25px}.company-card__body{padding:24px 20px}.company-card__tag{font-size:12px}.company-card li,.company-card__address{font-size:14px;line-height:22px}.about-factory{margin-top:48px;padding:56px 0}.factory-gallery__viewport figure{flex-basis:82%;aspect-ratio:380/280}.factory-gallery__controls{font-size:10px;letter-spacing:1px;gap:4px}.factory-gallery__controls button{padding-inline:12px}.about-factory__visit{font-size:14px;line-height:24px}.about-factory__visit a{display:inline-block;margin-top:8px}.about-oem{padding:56px 0}.about-oem h2{font-size:30px;line-height:36px}.about-oem__services{grid-template-columns:1fr}.about-oem__images{gap:12px}.about-process{padding:56px 0}.production-steps{margin-top:36px}.production-step{grid-template-columns:52px minmax(0,1fr);gap:16px;padding-block:24px}.production-step figure{grid-column:2;aspect-ratio:300/170}.production-step__number{font-size:40px;line-height:44px;align-self:start}.production-step h3{font-size:20px;line-height:25px}.production-step p{font-size:14px;line-height:22px}.about-exhibitions{padding:56px 0}.exhibition-grid{grid-template-columns:1fr;gap:24px;margin-top:36px}.about-certifications{padding:56px 0 180px}.certificate-documents{gap:22px 14px;margin-top:36px}.certificate-documents figcaption{font-size:14px}.about-certifications__action{margin-top:36px}.about-certifications .certificate-carousel{margin-top:44px}dialog.image-preview{padding:24px 16px}}

@media(max-width:600px){.image-preview__stage{gap:8px}.image-preview__image{grid-column:1/-1;grid-row:1;height:calc(94vh - 242px);height:calc(94dvh - 242px)}.image-preview__nav{grid-row:2}.image-preview__next{grid-column:3}}
