@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172643;--muted:#66738b;--blue:#1749a5;--pale:#f3f6fb;--line:#dce4ef;--white:#fff;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(42px,5vw,76px)}h2{font-size:clamp(30px,3vw,48px)}h3{font-size:21px}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.eyebrow{display:block;margin-bottom:14px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.section{padding:90px 0}.section.soft{background:var(--pale)}.section-title{max-width:720px;margin-bottom:36px}.section-title p{font-size:18px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:0 24px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#fff;font-weight:700;line-height:1.2;transition:all .4s ease}.button:hover{background:#0d326e;transform:translateY(-2px)}.button-outline{background:transparent;color:#fff;border-color:#fff}.button-outline:hover{background:#fff;color:var(--blue)}.text-link{color:var(--blue);font-weight:700}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 18px #122d5320}.header-inner{min-height:84px;display:flex;align-items:center;gap:32px}.brand{flex:none;width:192px}.brand img{width:100%;height:60px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.site-header nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}.site-header nav>a,.nav-product>a{font-size:18px;font-weight:500;white-space:nowrap;transition:color .4s ease}.site-header nav a:hover,.site-header nav a.current{color:var(--blue)}.nav-product{position:relative}.dropdown{display:none;position:absolute;top:100%;left:-20px;min-width:260px;padding:15px 20px;background:#fff;box-shadow:0 14px 30px #10264025}.dropdown a{display:block;padding:7px 0}.nav-product:hover .dropdown,.nav-product:focus-within .dropdown{display:block}.header-tools{display:flex;align-items:center;gap:12px}.header-tools select,.search-toggle,.mobile-menu{border:0;background:transparent;color:var(--ink)}.search-toggle{font-size:30px;line-height:1}.mobile-menu{display:none}.hero{position:relative;height:min(850px,calc(100svh - 84px));min-height:550px;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide>img,.page-banner>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-shade,.banner-cover{position:absolute;inset:0;background:linear-gradient(90deg,#07152fcf,#15284a70 62%,#07152f33)}.hero-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.hero-copy .eyebrow{color:#a9c9ff}.hero-copy h1{max-width:760px;margin-bottom:20px}.hero-copy p{max-width:610px;color:#edf3ff;font-size:20px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-dots{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#fff8}.hero-dots button.active{background:#fff;width:25px;border-radius:12px}.page-banner{height:420px;position:relative;color:#fff}.page-banner .container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.page-banner h1{font-size:clamp(42px,5vw,66px);margin:10px 0}.breadcrumb{color:#dfeaf9}.breadcrumb a:hover{text-decoration:underline}.cards{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card,.article-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .4s ease,box-shadow .4s ease}.product-card:hover,.article-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #122d531b}.product-image{aspect-ratio:1.45;background:#f7f8fb}.product-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.product-copy,.article-card>div{padding:25px}.product-copy h3,.article-card h3{margin-bottom:10px}.product-copy p,.article-card p{margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.split>img{width:100%;height:480px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.split p{font-size:17px}.application-card{position:relative;overflow:hidden;border-radius:10px;background:#fff;min-width:0}.application-card img{width:100%;aspect-ratio:1.25;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.application-card:hover img{transform:scale(1.04)}.application-card span,.application-card figcaption{display:block;padding:16px 20px;font-weight:700}.factory-card{overflow:hidden;border-radius:10px;background:#fff}.factory-card img{width:100%;aspect-ratio:1.1;-o-object-fit:cover;object-fit:cover}.factory-card figcaption{padding:14px 18px;font-weight:600}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0 0 30px}.process-grid li{padding:27px;border:1px solid var(--line);border-radius:10px;background:#fff}.process-grid li>span{display:block;margin-bottom:24px;color:var(--blue);font:800 28px Manrope,Arial}.process-grid p{margin-bottom:0}.article-card>img{width:100%;aspect-ratio:1.5;-o-object-fit:cover;object-fit:cover}.factory-carousel{position:relative;padding:0 58px}.factory-track{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.factory-track::-webkit-scrollbar{display:none}.factory-track figure{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start;margin:0}.factory-track img{width:100%;height:205px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.factory-track figcaption{padding:12px 2px;font-weight:600}.carousel-prev,.carousel-next{position:absolute;top:42%;transform:translateY(-50%);width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:29px}.carousel-prev{left:0}.carousel-next{right:0}.timeline{display:flex;align-items:center;gap:35px;border-left:4px solid var(--blue);padding:12px 30px}.timeline strong{font-size:40px;color:var(--blue)}.timeline p{margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-grid>div{padding:30px;background:var(--pale);border-radius:10px}.faq{max-width:960px;margin:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 12px;font:700 20px Manrope,Arial}.faq details p{padding:0 12px 20px;margin:0}.contact-list{display:grid;gap:8px}.contact-list a{color:var(--blue);font-weight:700}.contact-list p{margin:0}.form-intro{max-width:730px}.enquiry-form{max-width:990px;margin:auto}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.enquiry-form label{display:block;color:var(--ink);font-weight:700}.enquiry-form input,.enquiry-form textarea{display:block;width:100%;margin:7px 0 21px;padding:14px 16px;border:1px solid #b9c8dc;border-radius:5px;background:#fff;color:var(--ink)}.enquiry-form>button{display:flex;margin-left:auto}.product-detail{align-items:start}.product-detail h1{font-size:46px}.product-detail h2{font-size:24px;margin-top:26px}.lead{font-size:20px!important}.gallery-main img{width:100%;height:500px;-o-object-fit:contain;object-fit:contain;background:#f6f6f6}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;margin-top:12px}.gallery-thumbs button{flex:0 0 90px;width:90px;height:90px;border:2px solid transparent;padding:0;background:#f3f3f3}.gallery-thumbs button.selected{border-color:var(--blue)}.gallery-thumbs img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.article{max-width:980px;margin:auto}.article>h1{font-size:clamp(40px,4.5vw,60px)}.article-image{width:100%;height:440px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.article-body{max-width:760px;margin:36px auto}.article-body h2{font-size:29px;margin-top:34px}.email-cta{padding:56px 0;background:#e9f0fb}.email-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.email-wrap h2{font-size:35px;margin-bottom:8px}.email-wrap p{margin-bottom:0}.site-footer{padding:70px 0 26px;background:#0d1b33;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.5fr;gap:30px}.footer-brand img{max-width:220px;max-height:70px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}.site-footer p{color:#b8c6de}.footer-grid h3{font-size:17px;margin-bottom:20px}.footer-grid>div>a:not(.footer-brand){display:block;margin:8px 0;color:#c6d3e8;overflow-wrap:anywhere}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid #ffffff22;margin-top:50px;padding-top:22px;color:#aebcd3;font-size:14px}dialog{border:0;border-radius:12px;box-shadow:0 25px 90px #1026404d;width:min(90vw,650px);padding:30px}dialog::backdrop{background:#0d1b33aa}.search-head{display:flex;align-items:center;justify-content:space-between}.search-close{border:0;background:none;font-size:30px}.search-head h2{font-size:28px}#search-input{width:100%;padding:12px;border:1px solid var(--line)}#search-results a{display:block;border-bottom:1px solid var(--line);padding:10px 0}#search-results small{display:block;color:var(--muted)}
@media(max-width:1180px){.site-header nav{gap:13px}.site-header nav>a,.nav-product>a{font-size:15px}.brand{width:160px}.header-inner{gap:15px}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.container{width:min(calc(100% - 36px),var(--max))}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;padding:18px;background:#fff;box-shadow:0 14px 20px #1026401f;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav>a,.nav-product>a{font-size:18px}.dropdown{position:static;display:block;box-shadow:none;padding:0 0 0 18px}.header-inner{min-height:72px}.brand{width:170px}.mobile-menu{display:block;margin-left:auto;font-size:25px}.hero{height:620px;min-height:0}.hero-copy h1{font-size:50px}.split{grid-template-columns:1fr;gap:28px}.split>img{height:330px}.cards,.cards.two,.cards.four,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,1fr)}.factory-track figure{flex-basis:calc((100% - 18px)/2)}.footer-grid{grid-template-columns:repeat(2,1fr)}.email-wrap{align-items:flex-start;flex-direction:column}}@media(max-width:580px){body{font-size:15px}.container{width:calc(100% - 32px)}.section{padding:58px 0}.hero{height:570px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:17px}.page-banner{height:310px}.cards,.cards.two,.cards.four,.service-grid,.process-grid,.form-two,.footer-grid{grid-template-columns:1fr}.factory-track figure{flex-basis:100%}.factory-carousel{padding:0 45px}.product-detail h1{font-size:35px}.gallery-main img{height:360px}.article-image{height:260px}.email-wrap h2{font-size:30px}.footer-grid{gap:15px}.copyright{margin-top:25px}.header-tools{gap:4px}.brand{width:148px}.hero-copy{width:calc(100% - 32px)}}[dir="rtl"] .hero-shade,[dir="rtl"] .banner-cover{transform:scaleX(-1)}[dir="rtl"] .dropdown{text-align:right}[dir="rtl"] .brand img{-o-object-position:right center;object-position:right center}[dir="rtl"] .eyebrow{letter-spacing:0}

.footer-brand img{filter:brightness(0) invert(1)}
.footer-lead{display:flex;align-items:stretch;min-height:52px;width:min(100%,500px)}.footer-lead input{flex:1;min-width:0;border:1px solid #aec2e1;border-right:0;border-radius:5px 0 0 5px;padding:0 18px}.footer-lead button{border:1px solid var(--blue);border-radius:0 5px 5px 0;background:var(--blue);color:#fff;font-weight:700;padding:0 20px;white-space:nowrap;transition:all .4s ease}.footer-lead button:hover{background:#0d326e}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:580px){.footer-lead{width:100%}.footer-lead button{padding:0 10px;font-size:13px}}

.enquiry-form .form-note{margin:12px 0 0;font-size:14px;color:#66738b}
/* Customer revision 2026-11-03 */
.header-inner{height:84px;min-height:84px}.brand{height:84px;display:flex;align-items:center}.brand img{height:120px;max-height:none;width:100%;-o-object-fit:contain;object-fit:contain}.header-tools{align-items:center}.header-tools select,.header-tools .search-toggle{height:40px;display:flex;align-items:center;line-height:1}.site-header nav a{transition:color .2s ease}.site-header nav a:hover,.site-header nav a.current{color:var(--blue)}
.why-grid>div{display:flex;align-items:center;gap:22px}.line-icon{display:block;flex:0 0 44px;width:44px;height:44px;color:var(--blue)}.benefit-copy{flex:1;min-width:0}.why-grid h3{margin:0 0 14px}.why-grid p{margin:0}.why-grid{align-items:stretch}.why-grid>div{padding:26px 22px}.custom-service-grid .line-icon{width:40px;height:40px;margin-bottom:16px}.custom-service-grid h3{margin-top:0}.custom-service-grid>div{height:100%}
.section-action-heading{width:100%;margin-bottom:36px}.heading-action-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.heading-action-row h2{margin:0;max-width:850px}.heading-action-row .button{flex:none}.hero .hero-shade{background:none}.footer-brand{display:block}.footer-brand img{max-height:150px;max-width:220px;-o-object-position:left center;object-position:left center}.cooperation-card>div{padding-inline:0;text-align:left}.project-enquiry-grid{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:70px;align-items:start}.project-enquiry-grid .form-intro .section-title{margin:0}.project-enquiry-grid .enquiry-form{width:100%;max-width:none;margin:0;display:grid;gap:24px}.project-enquiry-grid .form-two{gap:24px;align-items:start}.project-enquiry-grid label{display:grid;gap:10px}.project-enquiry-grid input,.project-enquiry-grid textarea{margin:0;min-width:0}.project-enquiry-grid input{height:54px}.project-enquiry-grid textarea{height:174px;resize:vertical}.project-enquiry-grid button{justify-self:end;margin:0}.project-enquiry-grid .form-note{margin:0}.dn-contact-page .email-cta{display:none}
@media(min-width:1001px){.why-grid .benefit-copy h3{min-height:0;display:flex;align-items:flex-start}.why-grid .benefit-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}}
@media(max-width:1000px){.why-grid{grid-template-columns:1fr}.heading-action-row{flex-wrap:wrap;justify-content:flex-start}.project-enquiry-grid{gap:40px;grid-template-columns:1fr}.project-enquiry-grid .form-intro{max-width:500px}}
@media(max-width:650px){.project-enquiry-grid .form-two{grid-template-columns:1fr}.why-grid>div{gap:20px}.heading-action-row h2{width:100%}.header-inner{height:76px;min-height:76px}.brand{height:76px}.custom-service-grid{grid-template-columns:1fr}}
.footer-brand img{margin-left:-28.23px}

/* Revision 2.0: full width factory carousel and white product image fields */
.factory-carousel{padding:0;overflow:visible}.factory-track{gap:22px}.factory-track figure{flex-basis:calc((100% - 66px)/4)}.carousel-prev,.carousel-next{top:102.5px;bottom:auto;width:42px;height:42px;transform:translateY(-50%)}.carousel-prev{left:-58px}.carousel-next{right:-58px}.product-image{width:100%;padding:0;background:#fff;overflow:hidden}.product-image img{display:block;width:100%;height:100%;max-width:none;padding:0;margin:0;-o-object-fit:contain;object-fit:contain;background:#fff}.form-intro .form-note{font-size:14px;margin:24px 0 0;max-width:420px;line-height:1.65}
@media(min-width:1001px) and (max-width:1555px){.carousel-prev,.carousel-next{width:16px;border:0;background:transparent}.carousel-prev{left:-32px}.carousel-next{right:-32px}}
@media(max-width:1000px){.factory-track figure{flex-basis:calc((100% - 22px)/2)}.factory-carousel{margin-bottom:56px}.carousel-prev,.carousel-next{top:auto;bottom:-52px;transform:none;width:36px;height:36px}.carousel-prev{left:0}.carousel-next{right:0}}
@media(max-width:650px){.factory-track figure{flex-basis:100%}}
