/* GDZY social icons start */
.footer .example-2{list-style:none;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:16px;margin:30px auto;padding:0;width:100%}.footer .example-2 .icon-content{margin:0;position:relative}.footer .example-2 .tooltip{position:absolute;top:-34px;left:50%;transform:translateX(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;font-size:14px;transition:all .3s ease;z-index:3}.footer .example-2 .icon-content:hover .tooltip,.footer .example-2 .icon-content:focus-within .tooltip{opacity:1;visibility:visible;top:-44px}.footer .example-2 .icon-content a,.footer .example-2 .icon-content button{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:50%;color:#4d4d4d;background:#fff;transition:all .3s ease-in-out;cursor:pointer}.footer .example-2 .icon-content button[aria-disabled=true]{cursor:default}.footer .example-2 .icon-content a:hover,.footer .example-2 .icon-content button:hover,.footer .example-2 .icon-content a:focus-visible,.footer .example-2 .icon-content button:focus-visible{box-shadow:3px 2px 45px rgb(0 0 0 / 12%);color:white}.footer .example-2 .icon-content svg{position:relative;z-index:1;width:30px;height:30px}.footer .example-2 .filled{position:absolute;bottom:0;left:0;width:100%;height:0;background:#000;transition:height .3s ease-in-out}.footer .example-2 .icon-content:hover .filled,.footer .example-2 .icon-content:focus-within .filled{height:100%}.footer .example-2 [data-social=facebook] .filled,.footer .example-2 [data-social=facebook]~.tooltip{background:#1877f2}.footer .example-2 [data-social=instagram] .filled,.footer .example-2 [data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.footer .example-2 [data-social=tiktok] .filled,.footer .example-2 [data-social=tiktok]~.tooltip{background:#111}.footer .example-2 a:focus-visible,.footer .example-2 button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(prefers-reduced-motion:reduce){.footer .example-2 .filled,.footer .example-2 .tooltip,.footer .example-2 a,.footer .example-2 button{transition:none}}
/* GDZY social icons end */

/* GDZY contact QR start */
.contact-whatsapp-qr{margin:24px 0;max-width:300px}.contact-whatsapp-qr img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}.contact-whatsapp-qr figcaption{margin-top:10px;font-size:14px;color:var(--muted);text-align:center}
/* GDZY contact QR end */





















:root{--blue:#0752a1;--ink:#172938;--muted:#576875;--line:#dce3e8;--pale:#f1f5f7;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h2{font-size:clamp(32px,3.2vw,48px);font-weight:600}h3{font-size:24px;font-weight:600}p{color:var(--muted)}:focus-visible{outline:3px solid #398ee8;outline-offset:4px}.container{width:min(var(--max),calc(100% - 100px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:#fff;padding:10px}.skip:focus{top:10px}.utility{height:31px;background:var(--pale);font-size:11px;letter-spacing:.06em}.utility .container{display:flex;justify-content:space-between;align-items:center;height:100%}.utility a{color:var(--muted)}.utility-links{display:flex;gap:28px}.header{position:sticky;top:0;z-index:50;background:white;border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:45px;height:45px;object-fit:contain}.brand strong{font-size:28px;letter-spacing:.005em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.16em;margin-top:6px;font-weight:600}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.navlinks>a{padding:25px 0}.navlinks>a[aria-current=page]{color:var(--blue)}.navlinks>a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:24px}.search-toggle{border:0;background:transparent;padding:8px;color:var(--ink);font-size:23px;line-height:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:13px 22px;background:var(--blue);color:white;font-weight:600;font-size:14px;border:1px solid var(--blue);white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#003d7d}.button:active{transform:translateY(1px)}.button.light{background:white;color:var(--blue);border-color:white}.button.outline{background:transparent;color:var(--blue)}.button.outline:hover{background:#eef5fc}.arrow{font-size:22px;font-weight:400;line-height:1}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 12px}.hero{height:clamp(500px,calc(100svh - 205px),740px);position:relative;overflow:hidden;background:#334754;color:white}.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,24,35,.79),rgba(9,24,35,.32) 62%,rgba(9,24,35,.12))}.hero-content{position:relative;z-index:1;padding-top:clamp(55px,8vh,90px)}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:600}.hero h1{font-size:clamp(42px,5.1vw,74px);font-weight:600;max-width:800px;margin:25px 0 23px;line-height:1.04;letter-spacing:-.045em}.hero p{color:#e0e7ed;font-size:18px;max-width:500px;margin-bottom:30px;line-height:1.6}.hero .button{padding:16px 26px}.hero-index{position:absolute;left:50px;bottom:29px;z-index:2;font-size:11px;color:#dfe5e9;letter-spacing:.1em}.quicklinks{border-bottom:1px solid var(--line);background:var(--white)}.quicklinks .container{display:grid;grid-template-columns:repeat(3,1fr)}.quicklink{display:flex;align-items:center;justify-content:space-between;padding:24px 30px 24px 0;border-right:1px solid var(--line);gap:20px}.quicklink:nth-child(n+2){padding-left:30px}.quicklink:last-child{border:0;padding-right:0}.quicklink strong{display:block;font-size:15px}.quicklink small{color:var(--muted);font-size:12px}.quicklink .arrow{color:var(--blue)}.section{padding:94px 0}.section-intro{max-width:740px;margin-bottom:38px}.section-intro p{margin-top:17px;max-width:660px}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:22px;color:var(--blue);font-size:14px;font-weight:600}.text-link:hover{text-decoration:underline}.tablist{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:35px;overflow:auto}.tab{background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);padding:10px 0 15px;font-weight:600;font-size:14px;white-space:nowrap}.tab.active{color:var(--blue);border-color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.product-card{display:block}.product-img{height:245px;background:#f5f7f8;overflow:hidden;margin-bottom:18px}.product-img img{height:100%;object-fit:contain;padding:17px;mix-blend-mode:multiply;transition:transform .4s}.product-card:hover img{transform:scale(1.05)}.product-card .category{font-size:11px;color:var(--muted);margin-bottom:7px}.product-card h3{font-size:19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.product-card h3 .arrow{color:var(--blue);font-size:20px}.product-card p{font-size:13px;margin-top:12px}.factory-section{background:var(--pale)}.factory-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}.factory-photo{height:480px;object-fit:cover}.factory-copy h2{margin:20px 0}.factory-copy>p{margin-bottom:24px}.stats{display:flex;gap:45px;border-top:1px solid #ccd6de;margin:28px 0;padding-top:24px}.stat strong{font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.05em;display:block;color:var(--blue)}.stat small{font-size:12px;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:45px 0 0;margin-top:50px;border-top:1px solid #ccd6de}.benefits h3{font-size:19px;margin-bottom:12px}.benefits p{font-size:13px}.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-strip img{height:190px;object-fit:cover}.process-step{padding-top:18px;display:flex;align-items:flex-start;gap:14px}.process-step>span{color:var(--blue);font-size:12px;margin-top:3px}.process-step h3{font-size:18px}.process-step p{font-size:13px;margin-top:10px}.document-link{margin-top:35px}.projects{background:var(--pale)}.project-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.project-card img{height:250px;object-fit:cover;margin-bottom:20px}.project-card h3{font-size:23px;margin:8px 0 15px}.project-card p{font-size:13px}.project-card .country{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.project-card:hover .text-link{text-decoration:underline}.project-card .text-link{margin-top:20px}.contact-band{padding:66px 0;border-bottom:1px solid var(--line)}.contact-band .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-band h2{font-size:38px}.contact-band p{margin-top:15px}.footer{padding:55px 0 20px;background:#f6f8fa;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:45px}.footer .brand{margin-bottom:20px}.footer p{font-size:12px;max-width:240px}.footer h3{font-size:14px;letter-spacing:0;margin:8px 0 20px}.footer a:not(.brand){display:block;color:var(--muted);margin:10px 0}.footer a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:11px;color:var(--muted)}.floating-contact{position:fixed;right:0;top:42%;z-index:20;display:grid}.floating-contact a{background:var(--blue);color:white;width:50px;padding:15px 5px;text-align:center;border-bottom:1px solid #ffffff40;font-size:11px}.floating-contact strong{font-size:23px;line-height:1;display:block;margin-bottom:6px}.page-title{padding:65px 0 50px;background:var(--pale)}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumb a:hover{color:var(--blue)}.page-title h1{font-size:clamp(40px,4.5vw,64px);font-weight:600;max-width:900px}.page-title p{margin-top:20px;max-width:660px}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:start}.detail-image{height:480px;object-fit:contain;background:var(--pale);padding:20px}.detail-copy h2{font-size:34px;margin:10px 0 25px}.detail-copy p{margin-bottom:23px}.detail-copy .button{margin-top:20px}.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.detail-gallery a{background:var(--pale)}.detail-gallery img{height:150px;object-fit:contain;padding:8px}.note{font-size:12px;color:var(--muted);margin-top:15px}.requirements{background:var(--pale);padding:25px;margin-top:28px}.requirements h3{font-size:17px;margin-bottom:15px}.requirements ul{padding-left:20px;color:var(--muted);font-size:14px;margin:0}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cert-grid img{height:330px;object-fit:contain;background:var(--pale);padding:20px}.cert-grid h3{font-size:20px;margin-top:18px}.cert-grid p{font-size:13px;margin-top:10px}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.contact-info h2{font-size:32px;margin-bottom:25px}.contact-info dt{font-size:12px;color:var(--muted);margin-top:25px}.contact-info dd{margin:4px 0;font-size:17px}.contact-info .button{margin-top:25px}.contact-form{padding:34px;background:var(--pale)}.contact-form h2{font-size:28px;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.field label{font-size:13px;font-weight:600;display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;background:#fff;border:1px solid #b9c5cf;color:var(--ink);border-radius:0}.field textarea{height:130px;resize:vertical}.full{grid-column:1/-1}.contact-form .button{margin-top:24px}.form-status{color:var(--blue);margin-top:15px;font-size:13px}.empty-results{grid-column:1/-1;padding:40px;background:var(--pale)}dialog{border:0;padding:0;width:min(650px,calc(100% - 32px));box-shadow:0 24px 100px #17293840}dialog::backdrop{background:#112637aa}.search-body{padding:32px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.search-head h2{font-size:28px}.close-search{background:transparent;border:0;font-size:27px}.search-body input{width:100%;padding:13px;border:1px solid #b9c5cf}.search-results{margin-top:20px;max-height:50vh;overflow:auto}.search-results a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.search-results small{color:var(--muted)}.reveal{opacity:1}@media(prefers-reduced-motion:no-preference){.reveal.wait{opacity:0;transform:translateY(22px)}.reveal{transition:opacity .65s,transform .65s}}@media(min-width:1800px){.hero-content{padding-top:90px}}@media(max-width:1150px){.container{width:calc(100% - 64px)}.navlinks{gap:20px}.nav-actions{gap:12px}.nav{gap:18px}.nav .brand small{display:none}.factory-layout{gap:40px}.product-grid{gap:18px}.product-img{height:210px}.floating-contact{display:none}.contact-layout{gap:50px}}@media(max-width:950px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px 32px;border-bottom:1px solid var(--line)}.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.navlinks>a{padding:12px}.menu-toggle{display:block}.nav-actions{margin-left:auto}.nav-actions .button{padding:10px 15px}.product-grid{grid-template-columns:repeat(2,1fr)}.factory-layout{gap:30px}.factory-photo{height:410px}.stats{gap:25px}.benefits{grid-template-columns:repeat(2,1fr)}.process-strip{grid-template-columns:repeat(2,1fr);gap:32px}.project-grid{grid-template-columns:1fr 1fr}.project-card:first-child{grid-column:1/-1}.project-card:first-child img{height:330px}.footer-grid{grid-template-columns:1fr 1fr}.detail-grid{gap:35px}.contact-layout{grid-template-columns:1fr 1.4fr;gap:30px}}@media(max-width:650px){.container{width:calc(100% - 40px)}.utility{height:28px;font-size:9px}.utility-links a:first-child{display:none}.utility-links{gap:0}.brand img{width:36px;height:36px}.brand strong{font-size:24px}.nav{height:68px;gap:10px}.navlinks{top:68px}.nav-actions{gap:7px}.nav-actions .button{font-size:12px;padding:9px 11px}.nav-actions .button .arrow{display:none}.search-toggle{font-size:20px;padding:7px}.menu-toggle{padding:5px 8px;font-size:17px}.hero{height:570px;max-height:calc(100svh - 96px);min-height:460px}.hero-content{padding-top:50px}.hero h1{font-size:45px;margin:24px 0;letter-spacing:-.04em}.hero p{font-size:16px;max-width:300px;margin-bottom:28px}.hero .eyebrow{font-size:10px}.hero:after{background:linear-gradient(90deg,#102332d9,#10233250)}.hero-index{left:20px;bottom:25px;font-size:9px;max-width:170px}.quicklinks .container{grid-template-columns:1fr}.quicklink,.quicklink:nth-child(n+2){border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.quicklink:last-child{padding:15px 0}.quicklink small{display:none}.quicklink strong{font-size:13px}.section{padding:60px 0}.title-row{align-items:flex-start;flex-direction:column;gap:15px}.section-intro{margin-bottom:25px}.tablist{gap:25px}.product-grid{gap:28px 14px}.product-img{height:175px}.product-img img{padding:10px}.product-card h3{font-size:16px;letter-spacing:-.02em}.product-card .category{font-size:10px}.product-card p{display:none}.factory-layout{grid-template-columns:1fr;gap:35px}.factory-photo{height:290px}.factory-copy h2{font-size:36px}.stats{gap:40px}.benefits{gap:28px 22px;margin-top:35px;padding-top:35px}.benefits h3{font-size:18px}.process-strip{gap:28px 17px}.process-strip img{height:145px}.process-step{gap:8px}.process-step h3{font-size:16px;line-height:1.3}.project-grid{grid-template-columns:1fr;gap:38px}.project-card:first-child{grid-column:auto}.project-card img,.project-card:first-child img{height:240px}.contact-band{padding:45px 0}.contact-band .container{align-items:flex-start;flex-direction:column;gap:24px}.contact-band h2{font-size:31px}.footer-grid{gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.page-title{padding:40px 0}.page-title h1{font-size:40px}.detail-grid{grid-template-columns:1fr;gap:32px}.detail-image{height:340px}.detail-gallery img{height:110px}.cert-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-form{padding:24px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.search-body{padding:24px}.search-results a{gap:15px}.search-results small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
[hidden]{display:none!important}
/* Consistent, modest rounding for every button and button-style link. */
:root{--button-radius:8px}
button,.button,[role="button"],.floating-contact a{border-radius:var(--button-radius)}
.floating-contact{right:6px;gap:5px}
.floating-contact a{border-bottom:0}

/* Product galleries: thumbnail selection, previous/next and mobile swipe. */
.gallery-stage{position:relative}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;border:1px solid #ccd6de;background:rgba(255,255,255,.95);color:var(--blue);font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center}
.gallery-arrow:hover{background:var(--blue);color:white;border-color:var(--blue)}
.gallery-prev{left:12px}.gallery-next{right:12px}
.gallery-status{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;font-size:12px;color:var(--muted);min-height:20px}
.product-gallery .detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.gallery-thumb{background:var(--pale);padding:0;border:2px solid transparent;overflow:hidden;min-width:0}
.gallery-thumb:hover{border-color:#9cbadb}.gallery-thumb.active{border-color:var(--blue)}
.product-gallery .gallery-thumb img{height:115px;padding:6px;object-fit:contain}
@media(max-width:650px){.gallery-arrow{width:34px;height:42px}.gallery-prev{left:8px}.gallery-next{right:8px}.product-gallery .detail-gallery{gap:8px}.product-gallery .gallery-thumb img{height:80px;padding:4px}}

/* Functional link cues, without decorative arrows on every CTA or product. */
.button{gap:12px}
.text-link{gap:10px}
.text-link .arrow,.quicklink .arrow{font-size:23px;line-height:1}
.product-card:hover h3{color:var(--blue)}
.product-card:focus-visible h3{text-decoration:underline}
.floating-contact .contact-icon{width:23px;height:23px;margin:0 auto 7px;filter:brightness(0) invert(1)}

/* Product navigation: one purposeful, grouped dropdown. */
.nav-product-toggle{border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:600;padding:25px 0;display:flex;align-items:center;gap:7px;white-space:nowrap}
.nav-product-toggle.current,.nav-product-toggle:hover,.nav-product-toggle[aria-expanded=true]{color:var(--blue)}
.nav-chevron{font-size:16px;transition:transform .2s}.nav-product-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
.product-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(90deg,var(--pale) 0,var(--pale) 32%,white 32%,white 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:calc(100dvh - 110px);overflow:auto;box-shadow:0 12px 22px #17293812}
.product-menu-layout{position:relative;display:grid;grid-template-columns:270px 1fr;gap:70px;padding:48px 0}
.product-menu-intro h2{font-size:25px;letter-spacing:-.025em}.product-menu-intro p{font-size:14px;margin:17px 0 27px;line-height:1.6}.product-menu-intro .button{font-size:13px}
.product-menu-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-right:25px}
.product-menu-group{display:flex;flex-direction:column;gap:12px}.product-menu-group a{font-size:13px;line-height:1.4;color:var(--muted);padding:5px 0}.product-menu-group a:hover{color:var(--blue);text-decoration:underline}.product-menu-group .product-menu-category{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:7px}
.product-menu-close{position:absolute;right:-8px;top:10px;background:none;border:0;color:var(--blue);font-size:28px;width:40px;height:40px}
.nav-backdrop{position:fixed;inset:0;z-index:40;background:rgba(15,30,42,.5)}
@media(max-width:1150px){.product-menu-layout{gap:35px;grid-template-columns:230px 1fr}.product-menu-groups{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.nav-product-toggle{padding:12px;justify-content:space-between}.product-menu{background:#fff;max-height:calc(100dvh - 100px)}.product-menu-layout{grid-template-columns:1fr;gap:25px;padding:32px 0}.product-menu-intro{padding-right:35px}.product-menu-intro h2{font-size:24px}.product-menu-intro p{margin:12px 0 20px;max-width:480px}.product-menu-groups{padding-right:0;border-top:1px solid var(--line);padding-top:25px;gap:25px}.product-menu-close{top:12px;right:-8px}}
.product-menu{background:white}
.product-menu-intro{position:relative;isolation:isolate}
.product-menu-intro::before{content:"";position:absolute;inset:-48px -35px -48px -100vw;z-index:-1;background:var(--pale)}
@media(max-width:1150px){.product-menu-intro::before{right:-17px}}
@media(max-width:950px){.product-menu-intro::before{display:none}}
/* Warm orange is a secondary accent; blue remains the primary action color. */
:root{--accent-orange:#D97732}
.hero .eyebrow{display:flex;align-items:center;gap:12px}
.hero .eyebrow::before{content:"";width:28px;height:3px;background:var(--accent-orange);flex-shrink:0}
.title-row h2::before,.section-intro h2::before{content:"";display:block;width:42px;height:3px;background:var(--accent-orange);margin-bottom:18px}
.factory-copy .eyebrow{border-left:3px solid var(--accent-orange);padding-left:12px}
.tab.active{border-bottom-color:var(--accent-orange)}
.process-step>span{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-orange);color:#311b0d;font-weight:700;min-width:28px;height:28px;border-radius:5px;margin-top:0}
.project-card .country{border-left:3px solid var(--accent-orange);padding-left:9px}
.product-menu-category{border-left:3px solid var(--accent-orange);padding-left:10px!important}
/* Neutral graphite and soft gray add depth to the existing brand palette. */
:root{--graphite:#343A40;--neutral-gray:#ECEEEF}
.utility{background:var(--neutral-gray)}
.factory-section,.projects,.page-title{background:var(--neutral-gray)}
.product-img{background:#F0F1F2}
.product-card .category{color:#60676D}
.benefits h3,.process-step h3{color:var(--graphite)}
.stats,.benefits{border-top-color:#CDD1D4}
.footer{background:#E4E7E9}
.footer h3{color:var(--graphite)}
.footer-bottom{border-top-color:#C8CDD1}
.requirements,.contact-form{background:#EEF0F1}
.product-menu-intro::before{background:var(--neutral-gray)}
/* Large photography and complete stories give the homepage a stronger rhythm. */
.home-product-section{padding:90px 0 0}.home-product-section .section-intro{margin-bottom:42px}.home-product-section .text-link{margin-top:20px}
.home-product-section h2,.home-factory h2,.home-manufacturing h2,.home-cases>.section-intro h2{font-size:clamp(38px,4.4vw,64px);line-height:1.04}
.category-mosaic{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:repeat(2,340px);gap:5px}
.category-tile{position:relative;overflow:hidden;background:var(--neutral-gray)}.category-lead{grid-row:span 2}
.category-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.category-tile:hover>img{transform:scale(1.035)}
.category-tile-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(23,41,56,.87);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-top:2px solid var(--accent-orange)}
.category-tile-caption h3{font-size:23px;font-weight:500;letter-spacing:-.02em}.category-tile-caption span{font-size:27px;line-height:1}
.home-factory{background:var(--neutral-gray);padding-bottom:90px}.factory-panorama{width:100%;height:600px;object-fit:cover;object-position:center}
.factory-story{position:relative;margin-top:-65px;background:white;padding:55px;display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center;border-top:4px solid var(--accent-orange)}
.factory-story h2{font-size:clamp(34px,3.3vw,49px);margin:18px 0 22px}.factory-story p{max-width:630px}.factory-story .text-link{margin-top:22px}.factory-story .eyebrow{color:var(--muted)}
.factory-numbers{display:grid;grid-template-columns:1fr 1fr;gap:28px}.factory-numbers strong{display:block;color:var(--blue);font-size:88px;letter-spacing:-.065em;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.factory-numbers strong span{font-size:13px;letter-spacing:0;display:block;margin-top:15px;color:var(--ink)}.factory-numbers p{font-size:12px;margin-top:8px}
.home-factory .benefits{margin-top:45px;padding-top:35px}
.home-manufacturing{padding:95px 0}.home-manufacturing .process-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}.home-manufacturing .process-strip img{height:360px}.home-manufacturing .process-step h3{font-size:25px}.home-manufacturing .process-step p{font-size:15px}.home-manufacturing .process-step>span{width:34px;height:34px;flex-shrink:0}
.home-cases{padding:90px 0 0;background:var(--neutral-gray)}.home-cases>.section-intro{margin-bottom:65px}.case-story{padding-bottom:85px;scroll-margin-top:95px}.case-heading{margin-bottom:30px}.case-country{display:block;font-size:12px;color:var(--muted);border-left:3px solid var(--accent-orange);padding-left:12px;margin-bottom:17px}.case-heading h3,.case-copy h3{font-size:clamp(32px,3.5vw,48px);line-height:1.08;max-width:700px}
.case-main-photo{height:580px;object-fit:cover;width:100%;object-position:center}.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:38px;align-items:center}.case-detail-grid>img{height:340px;object-fit:cover}
.case-copy h4,.case-peru-summary h4{font-size:25px;letter-spacing:-.02em;line-height:1.25;margin:0 0 20px}.case-copy p,.case-peru-summary p{font-size:16px;line-height:1.75;max-width:600px}.case-copy dl,.case-peru-summary dl{margin:27px 0 0;display:grid;gap:18px}.case-copy dt,.case-peru-summary dt{font-size:11px;color:var(--muted);margin-bottom:5px}.case-copy dd,.case-peru-summary dd{font-size:14px;color:var(--ink);margin:0}.case-copy .text-link{margin-top:30px}
.case-portugal{background:white;padding:85px 0}.case-partner-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.case-partner-photo{height:560px;object-fit:cover}.case-partner-layout h3{margin-bottom:25px}
.case-peru{padding:85px 0}.case-peru-images{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.case-peru-images img{height:490px;object-fit:cover}.case-peru-summary{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;margin-top:38px}.case-peru-summary dl{margin:0}
.catalog-categories{padding-top:5px}.catalog-categories .category-mosaic{grid-template-rows:repeat(2,290px)}#catalog-products .product-img{height:310px}
.floating-contact .contact-icon{display:block;stroke:currentColor;filter:none;color:white}
@media(max-width:1100px){.category-mosaic{grid-template-rows:repeat(2,285px)}.factory-story{padding:38px;gap:35px}.factory-numbers strong{font-size:70px}.case-detail-grid,.case-partner-layout{gap:35px}.case-main-photo{height:480px}.case-partner-photo{height:500px}.case-peru-images img{height:390px}}
@media(max-width:750px){.home-product-section{padding-top:60px}.category-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:380px 255px 255px}.category-lead{grid-row:auto;grid-column:span 2}.category-tile-caption{padding:16px 18px}.category-tile-caption h3{font-size:19px}.factory-panorama{height:390px}.factory-story{margin-top:-35px;grid-template-columns:1fr;padding:30px;gap:30px}.factory-numbers{border-top:1px solid var(--line);padding-top:25px}.factory-numbers strong{font-size:66px}.home-factory{padding-bottom:60px}.home-manufacturing{padding:60px 0}.home-manufacturing .process-strip{gap:28px 20px}.home-manufacturing .process-strip img{height:230px}.home-manufacturing .process-step h3{font-size:19px}.home-manufacturing .process-step p{font-size:13px}.home-cases{padding-top:60px}.home-cases>.section-intro{margin-bottom:45px}.case-main-photo{height:390px}.case-detail-grid,.case-partner-layout,.case-peru-summary{grid-template-columns:1fr;gap:28px}.case-detail-grid>img{height:310px}.case-story{padding-bottom:60px}.case-portugal,.case-peru{padding:60px 0}.case-partner-photo{height:460px}.case-peru-images{grid-template-columns:1fr;gap:16px}.case-peru-images img{height:360px}.case-peru-images img:last-child{height:300px}.catalog-categories .category-mosaic{grid-template-rows:350px 240px 240px}}
@media(max-width:480px){.category-mosaic{grid-template-rows:320px 220px 220px}.category-tile-caption{padding:13px 14px;gap:8px}.category-tile-caption h3{font-size:16px}.factory-panorama{height:300px}.factory-story{padding:26px}.factory-story h2{font-size:32px}.home-manufacturing .process-strip{grid-template-columns:1fr}.home-manufacturing .process-strip img{height:300px}.home-manufacturing .process-step h3{font-size:23px}.case-main-photo{height:330px}.case-detail-grid>img{height:240px}.case-partner-photo{height:380px}.case-peru-images img{height:300px}.case-peru-images img:last-child{height:240px}.catalog-categories .category-mosaic{grid-template-rows:300px 220px 220px}#catalog-products .product-img{height:210px}}
/* Words wrap naturally; only letters move during the one-time entrance. */
.title-word{display:inline-block;white-space:nowrap}
.title-letter{display:inline-block;will-change:transform,opacity}

/* Reference layout: full-width, short mask over a much taller photograph. */
.about-page .factory-layout,.about-page .factory-section .detail-grid{grid-template-columns:1fr;gap:70px}
.about-parallax-frame{position:relative;width:100%;height:clamp(250px,26vw,340px);overflow:hidden;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);view-timeline-name:--about-photo;view-timeline-axis:block}
.about-parallax-frame>.about-parallax-image{position:absolute;left:0;top:50%;width:100%;height:760px;max-width:none;object-fit:cover;object-position:center;transform:translateY(-50%)}
.about-page .factory-copy{display:grid;grid-template-columns:1.25fr 1fr;column-gap:85px;align-items:start;padding:0 7.5%}
.about-page .factory-copy>.eyebrow,.about-page .factory-copy>h2,.about-page .factory-copy>p,.about-page .factory-copy>.text-link{grid-column:1}
.about-page .factory-copy>h2{font-size:clamp(32px,3vw,44px)}
.about-page .factory-copy>.stats{grid-column:2;grid-row:2/5;margin:20px 0 0;padding-top:24px;gap:55px}
.about-page .factory-copy .stat strong{font-size:60px}
.about-page .factory-copy>.text-link{margin-top:0;justify-self:start}
.about-page .factory-section .detail-grid>div:not(.about-parallax-frame){max-width:850px;padding:0 7.5%}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .about-parallax-frame>.about-parallax-image{animation:about-background-pan linear both;animation-timeline:--about-photo;animation-range:entry 0% exit 100%}
 }
}
@keyframes about-background-pan{from{transform:translateY(calc(-50% - 150px))}to{transform:translateY(calc(-50% + 150px))}}
@media(max-width:950px){.about-page .factory-copy{column-gap:35px;padding:0 4%}.about-page .factory-copy>.stats{gap:30px}.about-page .factory-copy .stat strong{font-size:48px}}
@media(max-width:650px){.about-parallax-frame{height:210px}.about-parallax-frame>.about-parallax-image{height:520px}.about-page .factory-layout,.about-page .factory-section .detail-grid{gap:38px}.about-page .factory-copy{display:block;padding:0}.about-page .factory-copy>.stats{margin:25px 0;gap:50px}.about-page .factory-section .detail-grid>div:not(.about-parallax-frame){padding:0}.about-page .factory-copy>h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.about-parallax-frame>.about-parallax-image{animation:none;transform:translateY(-50%)}}
.home-product-description{margin-bottom:25px}


/* Color travels in first; the unchanged-size photo follows from left to right. */
.quality-image-reveal{position:relative;width:100%;height:420px;overflow:hidden;background:white}
.quality-image-reveal>img{width:100%;height:100%;object-fit:cover}
.quality-image-reveal.is-pending>img{transform:translateX(-100%)}
.quality-image-sweep{position:absolute;top:0;bottom:0;left:-15%;width:130%;background:var(--accent-orange);transform:translateX(-120%) skewX(14deg);pointer-events:none}
.quality-image-reveal.is-revealing .quality-image-sweep{animation:quality-color-wipe 1.05s cubic-bezier(.45,0,.25,1) both}
.quality-image-reveal.is-revealing>img{animation:quality-photo-motion 1.05s cubic-bezier(.45,0,.25,1) both}
@keyframes quality-color-wipe{0%{transform:translateX(-120%) skewX(14deg)}32%{transform:translateX(0) skewX(14deg)}100%{transform:translateX(120%) skewX(14deg)}}
@keyframes quality-photo-motion{0%,30%{transform:translateX(-100%)}100%{transform:translateX(0)}}
@media(max-width:650px){.quality-image-reveal{height:280px}}
@media(prefers-reduced-motion:reduce){.quality-image-reveal.is-pending>img{transform:none}.quality-image-sweep{display:none}}
/* Homepage product hover: angled color cover and a centered right arrow. */
#home-products .product-img{position:relative;isolation:isolate}
#home-products .product-img::before{content:"";position:absolute;inset:0 -22%;z-index:1;background:rgb(217 119 50 / 88%);transform:translateX(-110%) skewX(14deg);transition:transform .32s cubic-bezier(.4,0,.2,1);pointer-events:none}
#home-products .product-img::after{content:"→";position:absolute;left:50%;top:50%;z-index:2;color:white;font-size:92px;line-height:1;font-weight:700;opacity:0;transform:translate(calc(-50% - 18px),-50%);transition:opacity .16s,transform .25s;pointer-events:none}
#home-products .product-card:hover img{transform:none}
#home-products .product-card:focus-visible .product-img::before{transform:translateX(0) skewX(14deg)}
#home-products .product-card:focus-visible .product-img::after{opacity:1;transform:translate(-50%,-50%)}
@media(hover:hover) and (pointer:fine){
 #home-products .product-card:hover .product-img::before{transform:translateX(0) skewX(14deg)}
 #home-products .product-card:hover .product-img::after{opacity:1;transform:translate(-50%,-50%);transition-delay:.08s}
}
.hero video,.hero::after{pointer-events:none}
/* Original project render, cropped in the page without altering the architecture. */
.tanzania-evidence{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;align-items:start}
.tanzania-evidence figure{margin:0;min-width:0}
.hotel-render-window{position:relative;aspect-ratio:818/707;overflow:hidden;background:var(--neutral-gray)}
.hotel-render-window>img{position:absolute;left:0;top:-3.67751%;width:100%;height:auto;max-width:none}
.tanzania-site-photo{width:100%;aspect-ratio:818/707;object-fit:cover;object-position:70% center}
.tanzania-evidence figcaption{font-size:12px;color:var(--muted);margin-top:12px;padding-left:10px;border-left:2px solid var(--accent-orange)}
.tanzania-project-description{margin-top:35px}
.tanzania-project-description .case-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:0 65px}
.tanzania-project-description h4,.tanzania-project-description p{grid-column:1}
.tanzania-project-description dl{grid-column:2;grid-row:1/3;margin-top:0}
@media(max-width:750px){.tanzania-evidence{grid-template-columns:1fr;gap:28px}.tanzania-site-photo{aspect-ratio:3/2}.tanzania-project-description .case-copy{display:block}.tanzania-project-description dl{margin-top:25px}}

/* Homepage storefront cards: four columns, large product photos and direct actions. */
#home-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 30px;align-items:stretch}
#home-products .home-product-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px 18px 24px;background:#fff;border:1px solid #edf0f2;border-radius:19px;box-shadow:0 5px 10px rgb(24 43 59 / 13%)}
#home-products .home-product-card[hidden]{display:none}
#home-products .product-image-link{display:block;width:100%;border-radius:15px}
#home-products .product-img{height:auto;aspect-ratio:1;background:white;border:1px solid #edf0f2;border-radius:15px;box-shadow:0 1px 5px rgb(24 43 59 / 10%);overflow:hidden}
#home-products .product-img img{width:100%;height:100%;object-fit:contain;padding:10px}
#home-products .home-product-card h3{position:static;width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.15;letter-spacing:-.5px;margin:12px 0 13px;padding:0}
#home-products .home-product-card h3 a{color:var(--ink);text-decoration:none}
#home-products .home-learn-more{min-width:151px;justify-content:center;min-height:43px;padding:11px 20px;border-radius:4px;font-size:15px}
#home-products .home-contact-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);font-weight:700;font-size:15px;margin-top:16px;text-decoration:none}
#home-products .home-contact-link svg{color:var(--blue);flex-shrink:0}
#home-products .home-contact-link:hover{color:var(--blue);text-decoration:underline}
#home-products .product-image-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#home-products .product-image-link:focus-visible .product-img::before{transform:translateX(0) skewX(14deg)}
#home-products .product-image-link:focus-visible .product-img::after{opacity:1;transform:translate(-50%,-50%)}
@media(max-width:1050px){#home-products{gap:24px 18px}#home-products .home-product-card{padding:14px 12px 22px}#home-products .home-product-card h3{font-size:21px}}
@media(max-width:750px){#home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}#home-products .home-product-card h3{font-size:23px;min-height:56px}}
@media(max-width:480px){#home-products{gap:22px 14px}#home-products .home-product-card{padding:10px 10px 19px;border-radius:15px}#home-products .product-img img{padding:5px}#home-products .home-product-card h3{font-size:19px;min-height:65px;margin:10px 0}#home-products .home-learn-more{min-width:0;width:100%;padding:10px 8px;font-size:13px}#home-products .home-contact-link{font-size:13px;gap:5px}#home-products .product-img::after{font-size:70px}}

/* Supplied company banner keeps its original aspect ratio and complete content. */
.about-company-banner{padding:48px 0 0;background:white}
.about-company-banner img{display:block;width:100%;height:auto}
@media(max-width:650px){.about-company-banner{padding-top:28px}}

/* Supplied product overview precedes the homepage product section. */
.home-product-banner{padding:60px 0 0;background:white}
.home-product-banner img{display:block;width:100%;height:auto}
@media(max-width:650px){.home-product-banner{padding-top:30px}}
/* About banner spans the full browser width, matching the supplied reference. */
.about-company-banner{padding:0;background:white}
.about-company-banner>.container{width:100%;max-width:none;margin:0;padding:0}
.about-company-banner img{display:block;width:100%;height:auto;max-width:none}
/* Homepage product banner fills the browser width. */
.home-product-banner{padding:0;background:white}
.home-product-banner>.container{width:100%;max-width:none;margin:0;padding:0}
.home-product-banner img{display:block;width:100%;height:auto;max-width:none}
/* Graphite navigation distinguishes the persistent header from white sections. */
.header{background:#343a40;border-bottom-color:#495159;color:#fff}
.header .brand strong{color:#fff}
.header .brand small{color:#d7dde3}
.header .navlinks>a,.header .nav-product-toggle,.header .search-toggle,.header .menu-toggle{color:#fff}
.header .navlinks>a:hover,.header .navlinks>a[aria-current=page],.header .nav-product-toggle:hover,.header .nav-product-toggle.current,.header .nav-product-toggle[aria-expanded=true]{color:#f1a367}
.header .menu-toggle{border-color:#68717b}
.header .product-menu{color:var(--ink)}
.header .nav-actions>.button{border-color:#2873bd}
@media(max-width:950px){.header .navlinks{background:#343a40;border-color:#495159}}
/* Slightly lighter graphite navigation. */
.header{background:#50575e;border-bottom-color:#626a72}
@media(max-width:950px){.header .navlinks{background:#50575e;border-color:#626a72}}

/* Tanzania case: three photographs and the project introduction in four equal cells. */
.tanzania-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.tanzania-story-grid>.case-main-photo{order:1;width:100%;height:360px;object-fit:cover}
.tanzania-story-grid>.tanzania-evidence{display:contents}
.tanzania-story-grid .tanzania-evidence>figure:first-child{order:3}
.tanzania-story-grid .tanzania-evidence>figure:last-child{order:4}
.tanzania-story-grid .hotel-render-window{height:360px;aspect-ratio:auto}
.tanzania-story-grid .hotel-render-window>img{top:-3.67751%;height:auto;width:100%}
.tanzania-story-grid .tanzania-site-photo{height:360px;aspect-ratio:auto;object-fit:cover}
.tanzania-story-grid>.tanzania-project-description{order:2;margin:0;background:#fff;padding:35px 38px;display:flex;align-items:center}
.tanzania-story-grid .tanzania-project-description .case-copy{display:block}
.tanzania-story-grid .case-copy h4{font-size:26px;line-height:1.2}
.tanzania-story-grid .case-copy p{margin-top:18px;font-size:15px}
.tanzania-story-grid .case-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
@media(max-width:950px){.tanzania-story-grid>.case-main-photo,.tanzania-story-grid .hotel-render-window,.tanzania-story-grid .tanzania-site-photo{height:310px}.tanzania-story-grid>.tanzania-project-description{padding:24px}.tanzania-story-grid .case-copy h4{font-size:23px}.tanzania-story-grid .case-copy dl{gap:12px}}
@media(max-width:650px){.tanzania-story-grid{grid-template-columns:1fr;gap:22px}.tanzania-story-grid>.case-main-photo,.tanzania-story-grid .hotel-render-window,.tanzania-story-grid .tanzania-site-photo{height:300px}.tanzania-story-grid>.tanzania-project-description{padding:28px}.tanzania-story-grid .hotel-render-window>img{height:110.2%;width:100%;object-fit:cover}}
.tanzania-story-grid .hotel-render-window>img{width:100%;height:110.2%;object-fit:cover;object-position:center;top:-3.67751%}

/* Factory photograph and blue veil ground the homepage company introduction. */
.home-company-profile{position:relative;isolation:isolate;background:#0752a1 url('/assets/factory-wide.webp') center/cover no-repeat;color:white}
.home-company-profile::before{content:"";position:absolute;inset:0;background:rgb(7 65 143 / 84%);z-index:-1}
.home-company-heading{text-align:center;margin-bottom:38px}
.home-company-heading .eyebrow{color:#d4e4f7}
.home-company-heading h2{margin-top:14px}
.home-company-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;max-width:1100px;margin:0 auto}
.home-company-copy h3{font-size:clamp(32px,3vw,46px);line-height:1.1}
.home-company-copy p{color:#eef4fc;margin-top:23px;line-height:1.75}
.home-company-copy .stats{border-color:rgb(255 255 255 / 30%);margin:30px 0}
.home-company-copy .stat strong{color:white;font-size:46px}
.home-company-copy .stat small{color:#e1ecfa}
.home-customer-video{margin:0;justify-self:center;max-width:340px;width:100%}
.home-customer-video video{display:block;width:100%;height:auto;aspect-ratio:950/1414;background:#132f4f;box-shadow:0 15px 38px rgb(0 20 54 / 25%)}
.home-customer-video figcaption{text-align:center;color:#e1ecfa;margin-top:13px;font-size:13px}
.home-company-profile .benefits{border-color:rgb(255 255 255 / 30%);margin-top:45px;padding-top:34px}
.home-company-profile .benefits p{color:#dce8f7}
@media(max-width:750px){.home-company-layout{grid-template-columns:1fr;gap:35px}.home-company-heading{margin-bottom:30px}.home-company-copy .stats{gap:45px}.home-customer-video{max-width:320px}.home-company-profile{background-position:center}.home-company-profile .benefits{margin-top:35px}}
.home-company-profile .benefits h3{color:#fff}

/* Factory collage follows the blue company profile without side gutters. */
.home-factory-collage{width:100%;background:#eceeef}
.factory-collage-window{position:relative;overflow:hidden;aspect-ratio:1902/867}
.factory-collage-window img{position:absolute;left:0;top:-2.422%;width:100%;height:auto;max-width:none}
/* Give the four company strengths their own clear visual emphasis. */
.home-company-profile .benefits{gap:22px;border-top:0;margin-top:50px;padding-top:0}
.home-company-profile .benefits>div{position:relative;padding:30px 25px 27px;background:rgb(5 37 80 / 78%);border:1px solid rgb(255 255 255 / 23%);border-radius:8px;box-shadow:0 8px 22px rgb(0 20 50 / 14%)}
.home-company-profile .benefits>div::before{content:"";display:block;width:42px;height:4px;background:#ee9b5f;margin-bottom:21px}
.home-company-profile .benefits h3{color:white;font-size:24px;line-height:1.2;margin-bottom:15px;font-weight:700}
.home-company-profile .benefits p{color:#f1f6fc;font-size:15px;line-height:1.7}
@media(max-width:950px){.home-company-profile .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.home-company-profile .benefits{gap:16px}.home-company-profile .benefits>div{padding:24px 19px}.home-company-profile .benefits h3{font-size:21px}.home-company-profile .benefits p{font-size:14px}}
@media(max-width:400px){.home-company-profile .benefits{grid-template-columns:1fr}}

/* Selective emphasis: brand blue for heading phrases, warm orange for key figures. */
.heading-accent{color:var(--blue)}
.factory-copy .stat strong{color:#ae4e16}
.home-company-copy .stat strong{color:#ffb77b}

/* Keep colored emphasis readable on the homepage blue panel. */
.home-company-profile .heading-accent{color:#fff}

/* Evidence videos and an appointment section for Why Choose Us. */
.quality-evidence{background:#eceeef}
.quality-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.quality-video-card{min-width:0;background:#fff;padding:18px 18px 25px;border:1px solid #dce3e8;border-radius:8px}
.quality-video-window{height:430px;display:flex;justify-content:center;background:#172938;overflow:hidden}
.quality-video-window video{display:block;width:100%;height:100%;object-fit:contain}
.quality-video-card h3{font-size:24px;color:var(--blue);margin:22px 0 12px;line-height:1.15}
.quality-video-card p{font-size:14px;line-height:1.7}
.factory-visit{background:#fff}
.factory-visit-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
.factory-visit-info h3{font-size:32px;margin:18px 0 24px}
.factory-visit-info p{margin:18px 0}
.factory-visit-info>.button{margin-top:14px}
.factory-visit-info>.text-link{display:flex;margin-top:22px}
.factory-map iframe{display:block;width:100%;height:420px;border:1px solid var(--line);background:#eceeef}
.factory-map .note{margin-top:12px}
@media(max-width:950px){.quality-video-grid{gap:18px}.quality-video-card{padding:12px 12px 20px}.quality-video-window{height:370px}.quality-video-card h3{font-size:21px}.factory-visit-layout{gap:30px}}
@media(max-width:650px){.quality-video-grid{grid-template-columns:1fr;gap:26px}.quality-video-window{height:440px}.factory-visit-layout{grid-template-columns:1fr}.factory-map iframe{height:340px}}

/* Videos read as individual stories: description on the left, footage on the right. */
.quality-video-grid{grid-template-columns:1fr;gap:36px}
.quality-video-card{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:40px 65px;border-radius:8px}
.quality-video-description{max-width:530px}
.quality-video-description h3{font-size:36px;line-height:1.1;margin:0 0 22px}
.quality-video-description p{font-size:17px;line-height:1.75}
.quality-video-window{height:480px;background:transparent}
.quality-video-window video{max-width:360px;justify-self:center;object-fit:contain;background:#172938;margin:auto}
/* Large complete certificate sheets, readable without opening a separate view. */
.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 38px;align-items:start}
.cert-grid article{background:#fff;padding:24px;border:1px solid #dce3e8}
.cert-grid article h3{font-size:27px;color:var(--blue);margin-bottom:10px}
.cert-grid article p{font-size:14px;margin-bottom:22px}
.cert-grid article img{width:100%;height:auto;padding:0;object-fit:contain;background:#fff}
.customer-visit-photos{background:#fff}
.customer-visit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.customer-visit-grid figure{margin:0;overflow:hidden;background:#eceeef}
.customer-visit-grid img{width:100%;height:290px;object-fit:cover;object-position:center}
.visit-gallery-button{margin-top:35px}
@media(max-width:950px){.quality-video-card{gap:35px;padding:32px}.quality-video-description h3{font-size:30px}.customer-visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-visit-grid img{height:260px}}
@media(max-width:650px){.quality-video-card{grid-template-columns:1fr;padding:26px;gap:24px}.quality-video-description p{font-size:15px}.quality-video-window{height:450px}.cert-grid{grid-template-columns:1fr;gap:30px}.cert-grid article{padding:18px}.customer-visit-grid{grid-template-columns:1fr;gap:20px}.customer-visit-grid img{height:auto;max-height:460px;object-fit:contain}}

/* Certificates stay in one swipeable row on every screen size. */
.certificate-carousel-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px}
.certificate-carousel-controls button{width:48px;height:48px;border:1px solid var(--blue);border-radius:50%;color:var(--blue);background:#fff;font-size:32px;line-height:1;display:grid;place-items:center}
.certificate-carousel-controls button:hover:not(:disabled){background:var(--blue);color:#fff}
.certificate-carousel-controls button:disabled{opacity:.3;cursor:default}
.certificate-carousel .cert-grid{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 20px;scrollbar-color:#0752a1 #dce3e8;scrollbar-width:thin;align-items:flex-start}
.certificate-carousel .cert-grid article{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start}
.certificate-carousel .cert-grid article img{width:100%;height:auto}
@media(max-width:650px){.certificate-carousel .cert-grid{gap:18px}.certificate-carousel .cert-grid article{flex-basis:90%}.certificate-carousel-controls button{width:42px;height:42px}}
/* Slightly smaller certificate sheets, with three visible on desktop. */
.certificate-carousel .cert-grid article{flex-basis:calc((100% - 56px)/3);padding:20px}
.certificate-carousel .cert-grid article h3{font-size:23px}
@media(max-width:950px){.certificate-carousel .cert-grid article{flex-basis:calc((100% - 28px)/2)}}
@media(max-width:650px){.certificate-carousel .cert-grid article{flex-basis:82%;padding:16px}}

/* Hide the horizontal scrollbar; arrows, swiping and timed rotation remain. */
.certificate-carousel .cert-grid{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}
.certificate-carousel .cert-grid::-webkit-scrollbar{display:none}
.certificate-carousel-controls .cert-autoplay{font-size:18px}

/* Continuous seamless certificate strip, without controls or scrollbars. */
.certificate-carousel-controls{display:none}
.certificate-carousel .cert-grid{display:block;overflow:hidden;scroll-snap-type:none}
.certificate-loop-track{display:flex;align-items:flex-start;width:max-content;gap:28px;will-change:transform}
.certificate-carousel .certificate-loop-track article{width:var(--cert-card-width);flex:0 0 var(--cert-card-width);scroll-snap-align:none}
@media(prefers-reduced-motion:reduce){.certificate-carousel .cert-grid{overflow-x:auto}.certificate-loop-track{will-change:auto}.certificate-loop-track>[aria-hidden=true]{display:none}}

/* Customer visits: editorial introduction beside a continuously moving photo wall. */
.customer-visit-photos{background:#eceeef}
.customer-visits-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:70px;align-items:center}
.customer-visits-copy .eyebrow{display:block;color:var(--blue);border-left:3px solid var(--accent-orange);padding-left:12px;margin-bottom:22px}
.customer-visits-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.1;margin-bottom:25px}
.customer-visits-copy p{font-size:16px;line-height:1.8;margin-top:18px}
.customer-visits-copy .visit-gallery-button{margin-top:30px}
.visit-photo-window{height:560px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent)}
.visit-photo-track{display:flex;flex-direction:column;gap:16px;will-change:transform}
.visit-photo-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.visit-photo-group figure{margin:0;min-width:0;overflow:hidden;background:white;aspect-ratio:4/3}
.visit-photo-group img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:950px){.customer-visits-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.visit-photo-window{height:470px}.customer-visits-copy p{font-size:15px}}
@media(max-width:650px){.customer-visits-layout{grid-template-columns:1fr;gap:35px}.visit-photo-window{height:340px}.visit-photo-group{gap:16px}.customer-visits-copy h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.visit-photo-window{overflow-y:auto;mask-image:none}.visit-photo-track{will-change:auto}.visit-photo-track>[aria-hidden=true]{display:none}}

/* Full production workflow follows the numbering in the supplied folder. */
.detailed-process{row-gap:38px;align-items:start}
.detailed-process .process-step>span{min-width:34px;padding:4px 7px;flex-shrink:0}
.detailed-process .process-step h3{font-size:20px;line-height:1.2}
@media(max-width:650px){.detailed-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.detailed-process .process-step h3{font-size:17px}}

/* Larger process photographs move through the same seamless horizontal loop. */
.workflow-carousel .certificate-loop-track article{padding:0;border:0;background:transparent}
.workflow-carousel .cert-grid article img{height:270px;width:100%;object-fit:cover;padding:0;background:#eceeef}
.workflow-carousel .cert-grid article .process-step{margin-top:18px}
.workflow-carousel .cert-grid article h3{font-size:22px;line-height:1.2;margin:0 0 10px;color:var(--ink)}
.workflow-carousel .cert-grid article p{font-size:14px;line-height:1.7;margin:0}
@media(max-width:650px){.workflow-carousel .cert-grid article img{height:230px}.workflow-carousel .cert-grid article h3{font-size:20px}}

/* Manual previous/next controls for the continuously moving production photographs. */
.workflow-carousel{position:relative}
.workflow-arrow{position:absolute;top:135px;transform:translateY(-50%);z-index:2;width:48px;height:48px;display:grid;place-items:center;background:#fff;color:var(--blue);border:1px solid #dce3e8;border-radius:50%;font-size:34px;line-height:1;box-shadow:0 3px 12px rgb(23 41 56 / 18%)}
.workflow-arrow:hover{background:var(--blue);color:white;border-color:var(--blue)}
.workflow-prev{left:-24px}.workflow-next{right:-24px}
@media(max-width:650px){.workflow-arrow{top:115px;width:40px;height:40px;font-size:30px}.workflow-prev{left:0}.workflow-next{right:0}}
.workflow-prev{left:12px}.workflow-next{right:12px}

/* Full-width workshop photograph with an editorial text overlay. */
.manufacturing-hero{position:relative;isolation:isolate;width:100%;height:clamp(520px,76svh,780px);overflow:hidden;background:#172938;color:#fff}
.manufacturing-hero>img,.manufacturing-hero>.quality-image-reveal{position:absolute;inset:0;width:100%;height:100%}
.manufacturing-hero>img,.manufacturing-hero .quality-image-reveal>img{object-fit:cover;object-position:center}
.manufacturing-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 23 34 / 84%) 0%,rgb(8 23 34 / 56%) 42%,rgb(8 23 34 / 12%) 78%);z-index:1;pointer-events:none}
.manufacturing-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:25px;padding-bottom:60px}
.manufacturing-hero-copy .eyebrow{display:flex;align-items:center;gap:14px;color:#fff}
.manufacturing-hero-copy .eyebrow::before{content:"";width:32px;height:3px;background:#ee9b5f}
.manufacturing-hero-copy h1{color:#fff;font-size:clamp(44px,5.5vw,80px);line-height:1.04;max-width:820px;margin:25px 0 26px;font-weight:600;letter-spacing:-.04em}
.manufacturing-hero-emphasis{color:#ffb77b}
.manufacturing-hero-copy p{color:#edf3f8;font-size:18px;line-height:1.7;max-width:540px;margin-bottom:30px}
.manufacturing-hero-copy .button{padding:15px 24px}
.manufacturing-hero-caption{position:absolute;z-index:2;right:50px;bottom:28px;font-size:11px;letter-spacing:.13em;color:#e5edf4}
@media(max-width:650px){.manufacturing-hero{height:590px;max-height:85svh;min-height:490px}.manufacturing-hero-copy h1{font-size:44px}.manufacturing-hero-copy p{font-size:16px;max-width:320px}.manufacturing-hero-caption{right:20px;left:20px;bottom:22px;font-size:9px}.manufacturing-hero::after{background:linear-gradient(90deg,rgb(8 23 34 / 84%),rgb(8 23 34 / 38%))}}

.quality-stats-banner{width:100%;background:#222c32}.quality-stats-banner img{display:block;width:100%;height:auto;max-width:none}

.quality-supplier-banner{width:100%;background:#172938}.quality-supplier-banner img{display:block;width:100%;height:auto;max-width:none}

/* Production photographs reach both viewport edges. */
#production-workflow>.container{width:100%;max-width:none;padding:0;margin:0}
.workflow-carousel .cert-grid article .process-step{padding-left:20px;padding-right:20px}
/* Dragging controls the loop instead of selecting text or dragging an image file. */
.loop-draggable{cursor:grab;user-select:none;-webkit-user-select:none}
.loop-draggable.is-dragging{cursor:grabbing}
.loop-draggable img{-webkit-user-drag:none}
.loop-drag-x{touch-action:pan-y}
.loop-drag-y{touch-action:pan-x}
.workflow-carousel .workflow-next{right:76px}

/* Smaller square process frames show complete photographs without cropping. */
.workflow-carousel .cert-grid article img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#eceeef;padding:0}
.workflow-carousel .cert-grid article .process-step{padding:0 14px}
.workflow-carousel .cert-grid article h3{font-size:19px}
.workflow-carousel .cert-grid article p{font-size:13px}
.workflow-carousel .workflow-arrow{top:calc(var(--workflow-photo-size,280px)/2)}

/* Four complete certificate sheets fill the desktop width without cropped edge cards. */
.quality-documents>.container{width:100%;max-width:none;margin:0;padding:0}
.quality-documents>.container>.section-intro{width:min(1280px,calc(100% - 100px));margin-left:auto;margin-right:auto}
.quality-documents .cert-grid article{padding:18px}
.all-certificates-visible .certificate-loop-track>[aria-hidden=true]{display:none}
.all-certificates-visible .certificate-loop-track{transform:none;will-change:auto}
.all-certificates-visible .cert-grid{cursor:default}
/* Consistent square crops remove the gray bands around process photos. */
.workflow-carousel .cert-grid article img{aspect-ratio:1;object-fit:cover;object-position:center;background:white}
@media(max-width:650px){.quality-documents>.container>.section-intro{width:calc(100% - 40px)}}

/* GDZY CMS galleries */
.cms-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.cms-case-gallery figure{margin:0}.cms-case-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.cms-case-gallery figcaption{font-size:13px;margin-top:9px}.product-extra-details{white-space:normal;line-height:1.8;margin-bottom:20px}@media(max-width:700px){.cms-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.language-control{display:inline-flex;align-items:center;margin-inline-end:12px}.language-control select{max-width:122px;border:1px solid #d7dfe4;border-radius:3px;padding:8px 6px;background:white;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}html[lang=ar] .title-word{display:inline}html[lang=ar] .title-letter{display:inline}html[dir=rtl] .product-menu-close{right:auto;left:20px}html[dir=rtl] .utility-links,html[dir=rtl] .hero-bottom{direction:rtl}.certificate-loop-track,.visit-photo-track{direction:ltr}@media(max-width:600px){.language-control{margin-inline-end:0}.language-control select{max-width:96px;padding:6px 3px;font-size:12px}.nav-actions{gap:6px}.nav-actions>.button{display:none}.language-control select{max-width:78px}.nav>.brand{min-width:0}.nav>.brand small{letter-spacing:1px}}
