@import url('content.css');

.about-numbers b{color:var(--lime);font:500 17px/1.25 var(--mono)}
.about-numbers h3{color:var(--ink);font-size:22px}
.about-advantages article{min-height:260px}
.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.certificate-grid img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff;padding:14px}
.factory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:44px}
.factory-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.showcase-carousel{display:block;overflow:hidden;position:relative}
.showcase-carousel .carousel-track{display:flex;width:max-content;will-change:transform;animation:about-marquee var(--carousel-duration,42s) linear infinite}
.showcase-carousel:hover .carousel-track{animation-play-state:paused}
.certificate-grid.showcase-carousel{--carousel-gap:18px;--carousel-duration:42s}
.certificate-grid.showcase-carousel .carousel-track{gap:var(--carousel-gap)}
.certificate-grid.showcase-carousel .carousel-track img{flex:0 0 calc((min(calc(100vw - 64px), 1240px) - 36px) / 3);aspect-ratio:4/5;object-fit:cover;object-position:center;background:#fff}
.factory-grid.showcase-carousel{--carousel-gap:12px;--carousel-duration:48s}
.factory-grid.showcase-carousel .carousel-track{gap:var(--carousel-gap);animation-direction:reverse}
.factory-grid.showcase-carousel .carousel-track img{flex:0 0 238px;aspect-ratio:1;object-fit:cover}
@media(min-width:851px) and (max-width:1260px){.factory-grid.showcase-carousel .carousel-track img{flex-basis:calc((100vw - 112px) / 5)}}
@keyframes about-marquee{to{transform:translateX(calc(-50% - var(--carousel-gap) / 2))}}
.video-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:center}
.video-layout h2{margin:0 0 18px}
.video-frame{position:relative;aspect-ratio:16/9;background:var(--ink)}
.video-frame iframe{position:absolute;width:100%;height:100%;border:0;inset:0}
.video-link{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:16/9;background:var(--ink);color:#fff}
.video-link:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14201ae0,#14201a77),url('../media/6、About Us/factory_imgs-2.png') center/cover}
.video-link span{position:relative;z-index:1;padding:15px 22px;border:1px solid #fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
@media(max-width:850px){.certificate-grid.showcase-carousel .carousel-track img{flex-basis:calc((100vw - 56px) / 2)}.factory-grid.showcase-carousel .carousel-track img{flex-basis:calc((100vw - 50px) / 2)}.video-layout{grid-template-columns:1fr;gap:32px}}