/* Five main pages, with separate home and product catalog destinations. */
body .site-header .desktop-nav{gap:32px}
body .site-header .desktop-nav a{font-size:14px}
.featured-series{min-width:0}
.featured-series-label{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-top:17px}
.featured-series-label>span{font-size:12px;line-height:1.5;letter-spacing:1px;color:#6c8077}
.featured-series-label h2{font-size:27px;font-weight:600;letter-spacing:-.5px;line-height:1.2}
.homepage-intro-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}
.homepage-factory-intro .homepage-intro-actions .button{margin:0}
.brand-vision{padding:80px 0;background:#163f36;color:#fff}
.vision-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}
.brand-vision .business-label{color:#b8d9c9}
.brand-vision h2{font-size:clamp(36px,3.7vw,54px);font-weight:600;line-height:1.15;letter-spacing:-1.5px}
.brand-vision p{font-size:23px;line-height:1.65;color:#e0ece5}
.brand-vision ul{display:flex;gap:34px;flex-wrap:wrap;list-style:none;padding-top:27px;margin-top:30px;border-top:1px solid #527365}
.brand-vision li{font-size:16px;line-height:1.5;color:#c6dfd1}
.about-vision-hero{padding:24px 0 64px;background:#163f36}
.about-vision-hero .breadcrumb{margin-bottom:38px;color:#c4dacf}
.about-vision-hero .breadcrumb a{color:#d4e7dd}
.about-vision-hero .vision-layout{grid-template-columns:1.08fr 1fr;gap:65px;align-items:start}
.about-vision-hero h1{font-size:clamp(44px,4.4vw,66px);line-height:1.06;font-weight:650;letter-spacing:-1.8px}
.about-vision-hero p{font-size:20px;line-height:1.65}
.about-vision-hero ul{margin-top:22px;padding-top:20px}
.vision-facility-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:42px}
.vision-facility-gallery .photo{margin:0;min-width:0}
.vision-facility-gallery .photo>button{display:block;width:100%;aspect-ratio:2496/1696;overflow:hidden;border-radius:9px;background:#fff}
.vision-facility-gallery .photo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){
 .about-vision-hero .vision-layout{gap:35px}
 .about-vision-hero h1{font-size:44px}
 .about-vision-hero p{font-size:18px}
}
@media(max-width:850px){
 .about-vision-hero .vision-layout{grid-template-columns:1fr;gap:26px}
 .about-vision-hero h1{font-size:46px;max-width:650px}
 .vision-facility-gallery{gap:18px;margin-top:30px}
}
@media(max-width:700px){
 .about-vision-hero{padding:20px 0 38px}
 .about-vision-hero .breadcrumb{margin-bottom:30px}
 .about-vision-hero h1{font-size:clamp(34px,8.8vw,46px);letter-spacing:-1px;line-height:1.1}
 .about-vision-hero p{font-size:17px;line-height:1.7}
 .about-vision-hero ul{gap:25px}
 .vision-facility-gallery{grid-template-columns:1fr;gap:18px}
}
.factory-certificates{padding:70px 0;background:#fff}
.certification-heading{display:flex;justify-content:space-between;gap:60px;align-items:start;margin-bottom:35px}
.certification-heading h2{font-size:38px;font-weight:600;line-height:1.2;letter-spacing:-1px}
.certification-heading>p{font-size:16px;line-height:1.7;max-width:450px}
.certificate-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.certificate-placeholder{border:1px dashed #bacdc1;background:#f7f9f7;min-height:210px;padding:28px 20px;text-align:center}
.certificate-placeholder svg{width:55px;height:55px;stroke:#91a89b;stroke-width:1.5;margin:0 auto 18px}
.certificate-placeholder h3{font-size:19px;line-height:1.4;letter-spacing:0;font-weight:500;color:#61786c}
.certificate-placeholder>span{display:block;font-size:13px;line-height:1.5;margin-top:10px;color:#7e9186}
/* Product previews only; complete specifications belong to model pages. */
.architecture-simple-hero{background:#f1f7f4;padding:24px 0 55px}
.architecture-simple-hero .breadcrumb{margin-bottom:35px}
.architecture-simple-hero h1{font-size:clamp(45px,4.5vw,66px);font-weight:650;letter-spacing:-2px}
.architecture-simple-hero p{font-size:20px;line-height:1.6;margin-top:20px}
.product-preview-section{padding:52px 0 90px}
.products-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:35px}
.preview-filters{display:flex;gap:8px;flex-wrap:wrap}
.preview-filters button{padding:12px 16px;font-size:14px;border:1px solid #d5e3db;border-radius:4px}
.preview-filters button.active{background:#207767;color:#fff;border-color:#207767}
.products-search{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.products-search input{border:1px solid #d5e3db;padding:13px 15px;width:215px;font-size:14px;border-radius:4px;background:#fff}
.products-search .text-link{font-size:13px}
.product-preview-count{font-size:12px;color:var(--muted);letter-spacing:.6px;margin-bottom:25px}
.product-preview-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:40px 24px}
.product-preview-card{width:calc((100% - 72px)/4);min-width:0}
.product-preview-image{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#f4f7fa}
.product-preview-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.product-preview-image:hover img{transform:scale(1.04)}
.product-preview-card h2{font-size:25px;line-height:1.2;letter-spacing:-.4px;font-weight:600;margin-top:19px}
.product-preview-card>p{font-size:14px;line-height:1.6;margin-top:8px}
.product-preview-meta{overflow-wrap:anywhere}
.preview-architecture{white-space:nowrap}
.preview-meta-divider{color:#9bafa3}
.product-preview-capacity{color:#49675b}
/* Manufacturer page sections inspired by the reference information flow. */
.architecture-cover{padding:24px 0 55px;background:#f1f7f4}
.architecture-cover .breadcrumb{margin-bottom:32px}
.architecture-cover-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}
.architecture-cover h1{font-size:clamp(42px,4.4vw,64px);font-weight:650;line-height:1.1;letter-spacing:-2px}
.architecture-cover-grid>div>p{font-size:20px;line-height:1.7;margin-top:26px;max-width:540px}
.architecture-cover-grid>img{width:100%;height:350px;object-fit:cover;border-radius:9px}
.business-next p{font-size:17px;line-height:1.7;color:#cadfd3;margin-top:20px;max-width:580px}
.oem-overview,.about-company-overview{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.oem-overview .text-link,.about-company-overview .text-link{font-size:15px}
.oem-overview .photo img,.about-company-overview .photo img{height:360px}
.oem-overview .photo>button,.about-company-overview .photo>button,.customization-block .photo>button,.oem-quality-photos .photo>button,.about-quality-photos .photo>button{border-radius:9px}
.oem-overview .photo figcaption,.about-company-overview .photo figcaption,.customization-block .photo figcaption,.oem-quality-photos figcaption,.about-quality-photos figcaption{font-size:13px;line-height:1.6}
.service-process-section{background:#f5f8f5;scroll-margin-top:110px}
.service-process-section .business-heading{max-width:880px;text-align:center;margin:0 auto 54px}
.service-process-section .business-label{margin-bottom:16px}
.service-process-section .business-heading h2{font-size:clamp(32px,3.2vw,46px)}
.service-process-section .business-heading>p{margin:23px auto 0;max-width:760px;font-size:18px}
.service-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;list-style:none;border:0;text-align:center}
.service-process li{min-width:0;padding:0;border:0}
.service-process .service-process-icon{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 24px;border:1px solid #96b7a6;border-radius:9px;background:#ffffffb8;color:#257c65}
.service-process-icon svg{width:46px;height:46px;display:block}
.service-process h3{font-size:18px;font-weight:650;line-height:1.35;letter-spacing:-.25px;min-height:49px}
.service-process p{font-size:14px;line-height:1.8;margin-top:10px;color:#62786c}
.customization-blocks{display:grid;gap:65px}
.customization-block{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.customization-block.reversed>.photo{order:2}
.customization-block .photo img{height:350px;object-fit:cover}
.customization-block h3{font-size:39px;font-weight:600;line-height:1.15;letter-spacing:-1px}
.customization-block>div>p{font-size:19px;line-height:1.75;margin-top:24px}
.customization-sequence>.business-note{margin-top:38px}
.oem-quality-section{background:#f1f7f4}
.oem-quality-copy{max-width:830px}
.oem-quality-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.oem-quality-photos img{height:320px;object-fit:contain;background:#eaf0ec}
.about-company-overview>div>p:not(.business-lead){font-size:18px;line-height:1.8;margin-top:22px}
.about-company-overview .text-link{margin-top:25px}
.factory-data-cards{background:#f4f8f5}
.factory-data-cards .factory-data-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0}
.factory-data-cards .factory-data-item{padding:32px 30px;min-height:180px;border:0;border-radius:9px;background:#dfede4}
.factory-data-cards .factory-data-value{color:#18563f}
.factory-data-cards .factory-data-item dt{color:#4c695b}
/* Aligned About Us mosaics retain individual full-size image links. */
.about-factory-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-factory-mosaic>.photo,.factory-photo-pair{aspect-ratio:16/10;min-width:0;min-height:0;overflow:hidden;border-radius:9px}
.about-factory-mosaic>.factory-panorama{grid-column:1/-1;aspect-ratio:16/7}
.factory-photo-pair{display:grid;grid-template-columns:4fr 5fr;grid-template-rows:minmax(0,1fr);gap:8px;background:#fff}
.about-factory-mosaic .photo,.quality-photo-mosaic .photo{margin:0;min-width:0;min-height:0;height:100%;overflow:hidden}
.about-factory-mosaic .photo>button,.quality-photo-mosaic .photo>button{display:block;position:relative;width:100%;height:100%;border-radius:0;overflow:hidden}
.about-factory-mosaic .photo img,.quality-photo-mosaic .photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.about-factory-mosaic .factory-panorama img{object-position:center 42%}
.about-factory-mosaic .tester-photo img{object-fit:contain;background:#fff}
.quality-photo-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.quality-photo-group,.quality-photo-mosaic>.inspection-photo{aspect-ratio:2/1;min-width:0;min-height:0;overflow:hidden;border-radius:9px}
.quality-photo-group{display:grid;grid-template-columns:4fr 4fr 3fr;grid-template-rows:minmax(0,1fr);gap:8px;background:#fff}
.quality-photo-mosaic .inspection-photo img{object-position:center}
@media(max-width:850px){
 .quality-photo-mosaic{grid-template-columns:1fr}
}
@media(max-width:700px){
 .about-factory-mosaic{grid-template-columns:1fr;gap:18px}
 .about-factory-mosaic>.factory-panorama{grid-column:auto;aspect-ratio:16/10}
 .factory-photo-pair,.quality-photo-group{gap:6px}
 .quality-photo-mosaic{gap:18px}
}
.research-figures{display:flex;gap:55px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.research-figures strong{font-size:36px;line-height:1.2;font-weight:600;display:block}
.research-figures span{font-size:14px;line-height:1.5;margin-top:9px;display:block;color:var(--muted)}
.manufacturing-origin{display:flex;align-items:center;gap:50px;margin-top:55px;padding-top:35px;border-top:1px solid #cbddd2}
.manufacturing-origin>strong{font-size:65px;line-height:1.1;font-weight:500;letter-spacing:-2px;color:#207767}
.manufacturing-origin h3{font-size:24px;line-height:1.2;font-weight:600}
.manufacturing-origin p{font-size:16px;line-height:1.7;margin-top:12px}
.about-quality-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.about-quality-photos img{height:280px;object-fit:contain;background:#eaf0ec}
.about-quality-photos .inspection-photo img{object-fit:cover}
/* Contact layout: form space, official details and a reserved location panel. */
.contact-page-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:start}
.contact-form-preview h2,.contact-company-panel h2{font-size:35px;font-weight:600;line-height:1.2;letter-spacing:-1px}
.contact-form-preview>p{font-size:14px;line-height:1.7;margin:18px 0 30px;max-width:520px}
.contact-form-preview form,.contact-form-preview fieldset{border:0;padding:0;min-width:0}
.contact-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contact-form-preview label{display:block;font-size:15px;line-height:1.5;color:#4c6659}
.contact-form-preview input:not([type=radio]),.contact-form-preview textarea{display:block;width:100%;min-width:0;border:1px solid #bdcfc4;background:#fff;color:#153f36;padding:13px 15px;font-size:15px;line-height:1.5;border-radius:4px;margin-top:10px;opacity:1}
.contact-form-preview input:focus-visible,.contact-form-preview textarea:focus-visible{outline:2px solid #207767;outline-offset:2px}
.contact-form-preview input,.contact-form-preview textarea{font-family:inherit}
.contact-form-preview form>label{margin-top:23px}
.contact-form-preview textarea{resize:vertical}
.contact-role{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin:25px 0}
.contact-role>span{font-size:14px;color:var(--muted);margin-right:5px}
.contact-role label{display:flex;gap:7px;align-items:center;font-size:14px}
.contact-role legend{font-size:14px;color:var(--muted);margin-bottom:12px}
.contact-form-preview .button{font-size:15px;background:#207767;color:#fff;cursor:pointer;border:0}
.contact-form-preview .button:hover{background:#185f52}
.contact-email{font-size:16px;color:#207767;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#contact-form-status{font-size:14px;line-height:1.7;margin-top:20px;color:#476353}
.contact-company-panel dl{margin-top:26px}
.contact-company-panel dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.contact-company-panel dt{font-size:15px;font-weight:500;color:#476353}
.location-placeholder{margin-top:30px;min-height:220px;border:1px dashed #bdcfc2;background:repeating-linear-gradient(0deg,transparent,transparent 35px,#e6ede7 36px),repeating-linear-gradient(90deg,#f5f8f5,#f5f8f5 35px,#e6ede7 36px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;gap:10px;text-align:center}
.location-placeholder svg{width:42px;height:48px;stroke:#7f9b89;stroke-width:1.6;margin-bottom:7px}
.location-placeholder strong{font-size:17px;font-weight:500;color:#5a7665}
.location-placeholder span{font-size:14px;color:#84988a}
@media(max-width:1100px){
 body .site-header .desktop-nav{gap:25px}
 .vision-layout,.architecture-cover-grid,.oem-overview,.about-company-overview,.customization-block{gap:40px}
 .architecture-cover-grid>img{height:310px}
 .architecture-cover-grid>div>p{font-size:18px}
 .contact-page-grid{gap:45px}
 .certification-heading{gap:35px}
 .product-preview-card{width:calc((100% - 48px)/3)}
 .service-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}
 .customization-block h3{font-size:34px}
}
@media(max-width:850px){
 .vision-layout{gap:35px}
 .brand-vision h2{font-size:36px}
 .brand-vision p{font-size:20px}
 .certificate-slots{gap:15px}
 .certificate-placeholder{padding:25px 12px}
 .certificate-placeholder h3{font-size:17px}
 .architecture-cover h1{font-size:40px}
 .architecture-cover-grid{gap:30px}
 .architecture-cover-grid>img{height:300px}
 .customization-block>div>p{font-size:17px}
 .contact-page-grid{grid-template-columns:1.05fr 1fr;gap:35px}
 .contact-input-grid{grid-template-columns:1fr}
 .contact-company-panel h2{font-size:30px}
 .contact-company-panel dl>div{grid-template-columns:1fr;gap:10px}
}
@media(max-width:700px){
 .featured-series-label{gap:15px;padding-top:13px}
 .featured-series-label>span{font-size:11px;letter-spacing:.7px}
 .featured-series-label h2{font-size:24px}
 .homepage-intro-actions{gap:13px;margin-top:23px}
 .brand-vision,.factory-certificates{padding-block:50px}
 .vision-layout{grid-template-columns:1fr;gap:28px}
 .brand-vision h2{font-size:35px;letter-spacing:-1px}
 .brand-vision p{font-size:20px;line-height:1.65}
 .brand-vision ul{gap:28px;margin-top:24px;padding-top:22px}
 .certification-heading{flex-direction:column;gap:20px;margin-bottom:28px}
 .certification-heading h2{font-size:31px;letter-spacing:-.8px}
 .certification-heading>p{font-size:15px}
 .certificate-slots{grid-template-columns:1fr;gap:18px}
 .certificate-placeholder{min-height:155px;padding:23px;display:grid;grid-template-columns:55px 1fr;text-align:left;gap:8px 20px;align-content:center}
 .certificate-placeholder svg{grid-row:span 2;margin:0;align-self:center}
 .certificate-placeholder>span{margin:0}
 .certificate-placeholder h3{font-size:18px}
 .architecture-simple-hero{padding:20px 0 38px}
 .architecture-simple-hero h1{font-size:43px}
 .architecture-simple-hero p{font-size:17px}
 .product-preview-section{padding:35px 0 55px}
 .products-toolbar{gap:20px;margin-bottom:25px}
 .preview-filters{gap:7px}
 .preview-filters button{font-size:12px;padding:10px 12px}
 .products-search{width:100%;justify-content:space-between;gap:12px}
 .products-search input{width:190px;font-size:13px}
 .products-search .text-link{font-size:12px}
 .product-preview-count{margin-bottom:20px}
 .product-preview-grid{gap:28px 16px}
 .product-preview-card{width:calc((100% - 16px)/2)}
 .product-preview-card h2{font-size:21px;margin-top:14px}
 .product-preview-card>p{font-size:12px;margin-top:6px}
 .architecture-cover{padding:20px 0 35px}
 .architecture-cover-grid{grid-template-columns:1fr;gap:28px}
 .architecture-cover h1{font-size:40px;letter-spacing:-1.5px}
 .architecture-cover-grid>div>p{font-size:17px;margin-top:22px}
 .architecture-cover-grid>img{height:250px}
 .oem-overview,.about-company-overview{grid-template-columns:1fr;gap:30px}
 .oem-overview .photo img,.about-company-overview .photo img{height:250px}
 .service-process-section .business-heading{margin-bottom:36px}
 .service-process-section .business-heading>p{font-size:16px;line-height:1.75}
 .service-process{grid-template-columns:1fr 1fr;gap:34px 24px}
 .service-process .service-process-icon{width:72px;height:72px;margin-bottom:18px}
 .service-process-icon svg{width:42px;height:42px}
 .service-process h3{font-size:17px;min-height:46px}
 .service-process p{font-size:14px;line-height:1.75;margin-top:8px}
 .customization-blocks{gap:42px}
 .customization-block{grid-template-columns:1fr;gap:24px}
 .customization-block.reversed>.photo{order:0}
 .customization-block .photo img{height:250px}
 .customization-block h3{font-size:32px}
 .customization-block>div>p{font-size:17px;margin-top:20px}
 .customization-block .business-label{margin-bottom:15px}
 .oem-quality-photos{grid-template-columns:1fr;gap:26px}
 .oem-quality-photos img{height:280px}
 .about-company-overview>div>p:not(.business-lead){font-size:17px}
 .research-figures{gap:45px;margin-top:25px}
 .manufacturing-origin{gap:25px;align-items:start;flex-direction:column;margin-top:35px;padding-top:28px}
 .manufacturing-origin>strong{font-size:55px}
 .manufacturing-origin h3{font-size:23px}
 .manufacturing-origin p{font-size:15px}
 .about-quality-photos{grid-template-columns:1fr;gap:26px}
 .contact-page-grid{grid-template-columns:1fr;gap:45px}
 .contact-input-grid{grid-template-columns:1fr 1fr;gap:18px}
 .contact-form-preview h2,.contact-company-panel h2{font-size:32px}
 .contact-company-panel dl>div{grid-template-columns:100px minmax(0,1fr);gap:18px}
 .contact-role{gap:13px}
 .contact-role>span{width:100%}
}
@media(max-width:360px){.products-search input{width:170px}.preview-filters button{padding-inline:10px}.contact-input-grid{grid-template-columns:1fr}.featured-series-label h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.product-preview-image img{transition:none}}
@media(max-width:850px){
 .factory-data-cards .factory-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .factory-data-cards .factory-data-item{padding:28px 24px;min-height:165px}
}
@media(max-width:700px){
 .factory-data-cards .factory-data-grid{gap:14px}
 .factory-data-cards .factory-data-item{padding:24px 18px;min-height:155px}
}
/* Contact cover uses a supplied factory photograph; form inputs stay on white. */
.architecture-simple-hero.contact-photo-hero{background-color:#163f36;background-image:linear-gradient(90deg,rgba(10,44,36,.9) 0%,rgba(10,44,36,.69) 45%,rgba(10,44,36,.22) 100%),url('assets/company-profile/factory-exterior-clean-v26.png');background-size:cover;background-position:center 65%;padding:30px 0 70px;min-height:320px;color:#fff}
.contact-photo-hero h1{color:#fff}
.contact-photo-hero p{color:#e7f0eb}
.contact-photo-hero .breadcrumb,.contact-photo-hero .breadcrumb a{color:#d7e7df}
.contact-company-panel .contact-phone{color:#207767;font-size:16px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.contact-company-panel .contact-address-row{align-items:start}
.contact-address{font-size:16px;line-height:1.75;font-style:normal;color:#35594b;overflow-wrap:break-word}
@media(max-width:700px){
 .architecture-simple-hero.contact-photo-hero{min-height:290px;padding:24px 0 50px;background-position:56% center}
 .contact-address,.contact-company-panel .contact-phone{font-size:15px}
}
