/* About banner uses shared .banner-all; keep only page-specific tweaks */
.banner-all.about-banner h1::after{display:none}
.banner-all.about-banner .text{max-width:740px}
.banner-all.about-banner .text strong,.banner-all.about-banner h3{display:block;font-size:20px;line-height:28px;font-weight:bold;margin:0 0 10px}

.about-highlight{margin-top:40px}
.about-highlight .content{display:grid;grid-template-columns:repeat(6,1fr);align-items:start;background:#f7f6f4;border:1px solid #e5e2de;border-radius:8px;padding:28px 10px}
.about-highlight .list{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 18px}
.about-highlight .list + .list::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(102,102,102,.18)}
.about-highlight .img-xl{width:76px;height:76px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.about-highlight .img-xl img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:darken;}
.about-highlight .t1{font-size:15px;line-height:22px;font-weight:600;color:#333;text-wrap:balance;max-width:11em}

.about-intro{margin-top:55px}
.about-intro .content{display:flex;align-items:center;justify-content:space-between;gap:60px}
.about-intro .left{width:42%;max-width:580px}
.about-intro .right{width:54%}
.about-intro .right img{width:100%;height:auto;display:block;object-fit:cover}
.about-intro h3{font-size:40px;line-height:50px;font-weight:500;color:#333;margin:0 0 18px}
.about-intro h3::after{content:"";display:block;width:53px;height:3px;background-color:#beaa9b;margin-top:20px}
.about-intro p{font-size:18px;line-height:30px;color:#666;margin:0;font-weight:500}

.about-work{margin-top:70px}
.about-work > .container-xl > h3{font-size:40px;line-height:50px;font-weight:500;color:#333;text-align:center;margin:0 0 40px}
.about-work .content{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.about-work .list{background:#fff;border:1px solid #e8e5e1;border-radius:10px;box-shadow:0 8px 24px rgba(57,45,30,.06);overflow:hidden;padding:0 0 22px;display:flex;flex-direction:column}
.about-work .img{border-radius:6px;overflow:hidden;margin-bottom:18px}
.about-work .img img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.about-work .list h3{font-size:24px;line-height:32px;font-weight:600;color:#333;margin:0 15px 10px}
.about-work .list p{font-size:18px;line-height:30px;color:#666;margin:0 15px;font-weight:500}

.about-factory{margin-top:70px}
.about-factory .content{display:flex;align-items:center;justify-content:space-between;gap:60px}
.about-factory .left{position:relative;display:block;width:54%;border-radius:8px;overflow:hidden;line-height:0}
.about-factory .left img{width:100%;height:auto;display:block;object-fit:cover}
.about-factory .play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease}
.about-factory .play-btn svg{margin-left:3px}
.about-factory .left:hover .play-btn{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.about-factory .right{width:40%;}
.about-factory h3{font-size:40px;line-height:50px;font-weight:500;color:#333;margin:0 0 18px}
.about-factory h3::after{content:"";display:block;width:53px;height:3px;background-color:#beaa9b;margin-top:20px}
.about-factory p{font-size:18px;line-height:30px;color:#666;margin:0;font-weight:500}
body.about-video-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.about-video-popup{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:24px}
.about-video-popup[hidden]{display:none !important}
.about-video-popup__mask{position:absolute;inset:0;background:rgba(0,0,0,.78)}
.about-video-popup__dialog{position:relative;z-index:1;width:min(960px,100%)}
.about-video-popup__close{position:absolute;right:0;top:-42px;width:36px;height:36px;border:0;background:transparent;color:#fff;font-size:36px;line-height:1;cursor:pointer;padding:0}
.about-video-popup__box{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}
.about-video-popup__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.about-process{margin-top:70px}
.about-process .content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.about-process .list{text-align:center}
.about-process .img{border-radius:8px;overflow:hidden;margin-bottom:18px}
.about-process .img img{width:100%;height:auto;display:block;object-fit:cover}
.about-process h3{font-size:22px;line-height:30px;font-weight:700;color:#333;margin:0 0 10px}
.about-process p{font-size:18px;line-height:30px;color:#666;margin:0;max-width:92%;margin-left:auto;margin-right:auto;font-weight:500}

.about-faq{margin-top:70px}
.about-faq .content{background:#f7f6f4;border:1px solid #e5e2de;border-radius:4px;padding:40px 50px 30px}
.about-faq h3{font-size:28px;line-height:36px;font-weight:700;color:#222;margin:0 0 8px}
.about-faq .all-faqs{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:70px}
.about-faq .all-faqs .items{padding:18px 0;margin:0;z-index:1;position:relative;cursor:pointer}
.about-faq .all-faqs .items::after{content:"";width:100%;height:1px;background-color:#ddd;position:absolute;left:0;right:0;top:0;bottom:auto;display:block !important}
.about-faq .all-faqs .items.show::after,.about-faq .all-faqs .items.active::after{display:block !important}
.about-faq .all-faqs .items:nth-last-child(2)::after,.about-faq .all-faqs .items:last-child::after{display:block !important}
.about-faq .all-faqs .item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.about-faq .all-faqs .quen-q{font-size:18px;line-height:30px;font-weight:500;color:#444;}
.about-faq .all-faqs .quen-a{font-size:18px;line-height:30px;color:#666;margin-top:12px;font-weight:500}
.about-faq .all-faqs .symbol{color:#b19b8f;flex-shrink:0;margin-top:2px}

.about-paper .all-need{margin-top:70px}

@media(max-width:1100px){
	.about-highlight .content{grid-template-columns:repeat(3,1fr);row-gap:24px}
	.about-highlight .list:nth-child(3n+1)::before{display:none}
	.about-process .content{grid-template-columns:repeat(2,1fr);gap:28px 24px}
}
@media(max-width:991px){
	.banner-all.about-banner .content{padding:28px 0 20px}
	.banner-all.about-banner .text strong,.banner-all.about-banner h3{font-size:17px;line-height:26px;margin:0 0 8px;color:#fff}
	.about-paper .all-need{margin-top:48px}
	.about-highlight{margin-top:24px}
	.about-highlight .content{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px 0;border-radius:6px}
	.about-highlight .list{padding:18px 10px}
	.about-highlight .list + .list::before,.about-highlight .list:nth-child(3n+1)::before{display:none}
	.about-highlight .list:not(:nth-child(3n)){border-right:1px solid rgba(102,102,102,.16)}
	.about-highlight .list:nth-child(-n+3){border-bottom:1px solid rgba(102,102,102,.16)}
	.about-highlight .img-xl{width:56px;height:56px;margin-bottom:8px}
	.about-highlight .t1{font-size:13px;line-height:18px;max-width:none}
	.about-intro{margin-top:40px}
	.about-intro .content{flex-direction:column;gap:20px}
	.about-intro .left,.about-intro .right{width:100%;max-width:none}
	.about-intro .right{order:-1}
	.about-intro .right img{border-radius:8px}
	.about-intro h3{font-size:26px;line-height:1.25;margin-bottom:12px}
	.about-intro h3::after{margin-top:12px}
	.about-intro .left,.about-intro .left p{font-size:16px;line-height:26px}
	.about-work{margin-top:48px}
	.about-work > .container-xl > h3{font-size:26px;line-height:1.25;margin-bottom:22px}
	.about-work .content{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:none}
	.about-work .list:last-child:nth-child(odd){grid-column:1 / -1}
	.about-work .list{padding-bottom:16px}
	.about-work .img{margin-bottom:14px}
	.about-work .list h3{font-size:18px;line-height:26px;margin:0 12px 8px}
	.about-work .list p,.about-work .list p *{font-size:15px;line-height:24px}
	.about-factory{margin-top:48px}
	.about-factory .content{flex-direction:column;gap:20px}
	.about-factory .left,.about-factory .right{width:100%;max-width:none}
	.about-factory .play-btn{width:64px;height:64px}
	.about-factory h3{font-size:26px;line-height:1.25;margin-bottom:12px}
	.about-factory h3::after{margin-top:12px}
	.about-factory p,.about-factory p *{font-size:16px;line-height:26px}
	.about-video-popup{padding:12px;align-items:center}
	.about-video-popup__dialog{width:100%}
	.about-video-popup__close{top:8px;right:8px;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);font-size:28px;line-height:40px}
	.about-process{margin-top:48px}
	.about-process .content{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
	.about-process .img{margin-bottom:12px}
	.about-process h3{font-size:16px;line-height:22px;margin-bottom:8px}
	.about-process p,.about-process p *{font-size:14px;line-height:22px;max-width:none}
	.about-faq{margin-top:48px}
	.about-faq .content{padding:22px 16px 12px}
	.about-faq h3{font-size:26px;line-height:1.25;margin-bottom:4px}
	.about-faq .all-faqs{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;column-gap:0}
	.about-faq .all-faqs .items{padding:14px 0}
	.about-faq .all-faqs .quen-q,.about-faq .all-faqs .quen-a,.about-faq .all-faqs .quen-a *{font-size:16px;line-height:26px}
}
@media(max-width:767px){
	.about-highlight .content{grid-template-columns:repeat(2,minmax(0,1fr))}
	.about-highlight .list{border-right:0;border-bottom:0;padding:16px 8px}
	.about-highlight .list:nth-child(odd){border-right:1px solid rgba(102,102,102,.16)}
	.about-highlight .list:nth-child(-n+4){border-bottom:1px solid rgba(102,102,102,.16)}
	.about-highlight .t1{font-size:13px;line-height:18px}
	.about-work .list h3{font-size:17px;line-height:24px}
}
@media(max-width:575px){
	.about-highlight .img-xl{width:48px;height:48px}
	.about-intro h3,.about-work > .container-xl > h3,.about-factory h3,.about-faq h3{font-size:22px;line-height:1.3}
	.about-intro .left,.about-intro .left p,.about-factory p,.about-factory p *{font-size:15px;line-height:24px}
	.about-work .content{grid-template-columns:1fr;gap:14px}
	.about-work .list h3{font-size:18px;line-height:26px}
	.about-factory .play-btn{width:56px;height:56px}
	.about-process h3{font-size:15px;line-height:22px}
	.about-faq .content{padding:18px 14px 8px}
	.about-faq .all-faqs .quen-q,.about-faq .all-faqs .quen-a,.about-faq .all-faqs .quen-a *{font-size:15px;line-height:24px}
}