@import url('content.css');

.editorial-hero{min-height:0;aspect-ratio:80/27;grid-template-rows:minmax(0,1fr)}
.editorial-hero .copy{min-width:0;min-height:0;padding:clamp(24px,3vw,64px) clamp(28px,4vw,80px) clamp(24px,3vw,64px) max(32px,calc((100vw - var(--max))/2));justify-content:center}
.editorial-hero .display{font-size:clamp(32px,3vw,56px);line-height:1.08;letter-spacing:-.04em}
.editorial-hero .lead{font-size:clamp(14px,.95vw,17px);line-height:1.6;margin:20px 0 0}
.editorial-hero .image{min-width:0;min-height:0}
.editorial-hero .image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:1100px){
 .editorial-hero{aspect-ratio:auto;grid-template-columns:1fr;grid-template-rows:auto auto}
 .editorial-hero .copy{padding:36px 30px}
 .editorial-hero .display{font-size:clamp(30px,4vw,44px)}
 .editorial-hero .lead{font-size:15px;max-width:700px}
 .editorial-hero .image{order:-1;aspect-ratio:4/3;min-height:0}
 .editorial-hero .image img{height:auto;aspect-ratio:4/3}
}

.about-numbers b{color:var(--forest);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:1/1.414;object-fit:contain;background:#fff;padding:8px}
.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,.showcase-carousel:focus-within .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 var(--gallery-item-size);width:var(--gallery-item-size);min-width:0;max-width:none;height:auto;aspect-ratio:1/1.414;object-fit:contain;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 var(--gallery-item-size);width:var(--gallery-item-size);height:var(--gallery-item-size);min-width:0;max-width:none;object-fit:cover}
@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 video{position:absolute;width:100%;height:100%;border:0;inset:0;object-fit:contain;background:#000}
.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{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:550px){.certificate-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.showcase-carousel{overflow-x:auto}.showcase-carousel .carousel-track{animation:none}.carousel-clone{display:none}}