h2{position:relative;margin-bottom:3rem;}
h2::after {content:'';position:absolute;left:0;bottom:-1.3rem;width:60px;height:6px;background:#df0819;}
p {font-size:18px;line-height:32px;margin-top:2rem;}
@media (max-width:1024px) {
    p {font-size:17px;line-height:28px;margin-top:1.8rem;}
}
@media (max-width:768px) {
    p {font-size:16px;margin-top:1.6rem;}
}

/* Company */
.about-company {margin:6rem 0;}
.about-content {display:flex;flex-wrap:wrap;gap:0;}
.about-media {width:54%;position:relative;}
.about-media video {width:100%;cursor:pointer;}
.about-info {width:46%;padding:0 0 10px 65px;}
.about-info h2{line-height:4.2rem;}
@media (max-width:1024px) {
    .about-info {padding-bottom:40px;}
}
@media (max-width:768px) {
    .about-company {margin:3.5rem 0 1.5rem;}
    .about-content {flex-direction:column;}
    .about-media {width:100%;}
    .about-info {width:100%;padding:30px 0 20px;}
    .about-info h2{line-height:2.8rem;}
}


/* Product */
.about-product {margin:6rem 0;}
.about-product .about-info {padding:4px 65px 10px 0;}
.about-product .btn{margin-top:1.8rem;padding:9px 15px;}
.about-product .about-media{overflow:hidden;}
.about-product img{transition:transform 0.4s ease;}
.about-product img:hover {transform:scale(1.05);}
@media (max-width:768px) {
    .about-product {margin:1.5rem 0 5rem;}
    .about-product .about-info{padding-right:0;}
    .about-product .about-media{margin-top:2rem;}
}


/* Num */
.about-num ul{text-align:center;margin:2rem 0;display:flex;flex-wrap:wrap;}
.about-num li{padding:50px 0;border-right:5px solid #f9f9f9;border-left:5px solid #f9f9f9;width:25%;background:#f3f3f3;transition:transform 0.3s ease;}
.about-num li:hover{cursor:pointer;transform:scale(1.1);}
.about-num li:first-child{border-left:none;}
.about-num li:last-child{border-right:none;}
.about-num li h3{font-weight:800;font-size:36px;color:#3a3a3a;}
.about-num li p{color:#545454;font-size:16px;}
@media (max-width:1200px){
    .about-num li{padding:30px 0 10px;width:50%;border-right:none;}
    .about-num li h3{font-size:30px;}
    .about-num li:nth-child(3){border-left:none;}
}
@media (max-width:768px){
    .about-num li h3{font-size:2.1rem;}
}


/* Factory */
.factory-section {padding:3rem 0 2rem;}
.factory-list {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.factory-list li {cursor:pointer;background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.factory-list figure {overflow:hidden;}
.factory-list img {width:100%;display:block;object-fit:cover;aspect-ratio:1 / 0.7;transition:transform 0.4s ease;}
.factory-list li:hover img {transform:scale(1.05);}
.factory-list h3 {background:#2052AE;text-align:center;padding:18px 10px;color:#fff;font-weight:600;line-height:1.2;font-size:1.25rem;margin:0;}
@media (max-width:1024px) {
    .factory-list {gap:20px;}
    .factory-list h3 {font-size:1.2rem;padding:14px 10px;}
}
@media (max-width:768px) {
    .factory-list {grid-template-columns:1fr;gap:24px;}
    .factory-list h3 {font-size:1rem;padding:12px 10px;}
}


/* Banner */
.about-banner {background:url('../images/about-vp-factory.webp') no-repeat center center / cover;}
.about-banner-content {width:46%;background:rgba(255,255,255,0.7);padding:85px 65px 70px;}
.about-banner-content h2 {margin-bottom:1rem;}
.about-banner-content h2::after {display:none;}
.about-banner-content h2:nth-of-type(2) {margin-top:2rem;}
.about-banner-content p {color:#4d5153;font-size:18px;line-height:32px;margin-bottom:0;}
@media (max-width:1024px) {
    .about-banner-content p {font-size:16px;line-height:28px;}
}
@media (max-width:768px) {
    .about-banner-content {width:100%;padding:40px 30px;background:rgba(255,255,255,0.85);}
    .about-banner-content h2:nth-of-type(2) {margin-top:1.5rem;}
    .about-banner-content p {font-size:15px;line-height:26px;}
}


/* Certificates */
.cert-section {padding:100px 0;}
.cert-list {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cert-img {border:#C0C0C0 1px solid;overflow:hidden;cursor:pointer;}
.cert-img img {display:block;width:100%;height:auto;object-fit:contain;transition:transform 0.3s ease;}
.cert-img img:hover {transform:scale(1.05);}
@media (max-width:1024px) {
    .cert-section {padding:80px 40px;}
    .cert-list {grid-template-columns:repeat(2,1fr);gap:20px;}
}
@media (max-width:768px) {
    .cert-section {padding:60px 20px;background-size:cover;}
    .cert-list {grid-template-columns:1fr;gap:20px;}
}