:root{--ink:#141414;--cyan:#00a6d9;--magenta:#e5007e;--yellow:#ffed00}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00a6d9;outline-offset:4px}.wrap{max-width:1220px;width:calc(100% - 64px);margin:auto}.topline{background:#121212;color:#fff;font-size:11px;letter-spacing:1.6px}.topline .wrap{display:flex;justify-content:space-between;padding:10px 0}.masthead{display:flex;align-items:center;gap:44px;padding:25px 0}.logo img{width:233px;height:112px;object-fit:contain}.header-note{font-size:18px;line-height:1.35;border-left:1px solid #ddd;padding-left:36px;margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;border:0;font-weight:700;font-size:14px;line-height:1.4}.black{background:#161616;color:white}.white{background:white;color:#111}.button:hover{transform:translateY(-2px)}nav{border-top:1px solid #eee;border-bottom:1px solid #ddd}nav .wrap{display:flex;justify-content:space-between}nav a{font-size:14px;font-weight:700;padding:16px 0}nav a:hover{color:#b90065}.menu{display:none}.hero{background:#121212;color:white;position:relative;overflow:hidden;min-height:490px}.hero-photo{position:absolute;right:0;top:0;width:64%;height:100%}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.5) 25%,transparent 80%)}.hero-content{position:relative;z-index:1;padding-top:68px;padding-bottom:83px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 14px}.hero .eyebrow{color:#ffed00}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-2px;margin:20px 0}.hero p{font-size:16px;line-height:1.6;max-width:450px;color:#e5e5e5;margin-bottom:27px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:100px;padding:12px;border-top:1px solid #ffffff2a;font-size:10px;letter-spacing:2px;z-index:1}.service-section{padding:65px 0 70px}.intro{text-align:center;margin-bottom:32px}.intro h2,h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0 0 18px}.intro p:last-child{color:#666;font-size:15px}.services{display:grid;grid-template-columns:repeat(5,1fr)}.services button{text-align:left;border:0;padding:28px 22px;min-height:204px;transition:transform .2s}.services button:hover{transform:translateY(-6px)}.services button>span{font-size:9px;font-weight:700;letter-spacing:1px}.services h3{font-size:21px;line-height:1.15;margin:23px 0 25px;letter-spacing:-.5px}.services b{font-size:10px}.cyan{background:var(--cyan)}.magenta{background:var(--magenta);color:white}.yellow{background:var(--yellow)}.dark{background:#171717;color:white}.light{background:#e9e9e9}.products-section{background:#f6f6f4;padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head>p{color:#666;font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.filters button{border:1px solid #ddd;padding:9px 13px;background:white;font-size:12px}.filters [aria-pressed=true]{background:#111;color:white;border-color:#111}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:white;border:1px solid #e4e4e4;transition:box-shadow .2s}.product:hover{box-shadow:0 10px 28px #0000000c}.product-image{height:210px;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;padding:27px 25px 40px;border-bottom:1px solid #eee}.product-image img{width:100%;height:100%;object-fit:contain}.product-image>span{position:absolute;bottom:8px;left:12px;right:12px;text-align:center;font-size:8px;color:#777;line-height:1.3}.product-copy{padding:20px}.product-copy small{font-size:9px;letter-spacing:.7px;color:#666;text-transform:uppercase}.product-copy h3{font-size:19px;line-height:1.2;margin:10px 0}.product-copy p{font-size:13px;color:#666;margin:0 0 20px;min-height:42px}.enquire{border:0;border-top:1px solid #ddd;background:white;padding:13px 0 0;width:100%;display:flex;justify-content:space-between;font-size:11px;font-weight:bold}.enquire:hover{color:#b90065}.image-note{font-size:11px;color:#777;margin:25px 0 0;max-width:800px}.muhmik{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:75px 0}.muhmik-visual{background:#edeae5;padding:30px}.muhmik-visual img{width:100%;box-shadow:0 12px 24px #0002}.muhmik-visual span{display:block;font-size:8px;letter-spacing:1px;text-align:center;margin-top:20px;color:#666}.muhmik-logo{width:160px;max-height:80px;margin:15px 0 25px}.muhmik-copy h2{font-size:32px}.muhmik-copy>p:not(.eyebrow){font-size:15px;color:#666;margin:20px 0 25px}.about{padding:65px 0;background:#111;color:white;border-top:7px solid var(--cyan)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about .eyebrow{color:var(--yellow)}.about h2{font-size:43px}.about p{color:#ccc;font-size:14px}.about .lead{font-size:22px;line-height:1.5;color:white;margin-top:0}.text-link{display:inline-block;font-size:13px;font-weight:700;border-bottom:1px solid #666;padding-bottom:6px}.artwork{padding:70px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px}.steps article{border-top:1px solid #ddd;padding-top:20px}.steps span{color:#aaa;font-size:28px;font-weight:bold}.steps h3{font-size:19px}.steps p{font-size:14px;color:#666}.quote{background:#efefec;padding:70px 0}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.quote h2{font-size:44px}.quote-grid>div>p{color:#666;font-size:15px;max-width:370px}.contacts{margin-top:30px;display:flex;flex-direction:column;align-items:start;gap:8px}.contacts a{font-size:20px;font-weight:bold}.contacts p{font-size:13px;color:#777}.quote form{background:white;padding:30px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #ccc;padding:11px;font-size:13px;background:white;margin-bottom:18px;border-radius:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{font-size:10px;color:#777;line-height:1.6;margin-bottom:0}#quote-result{padding-top:20px;margin-top:25px;border-top:1px solid #ddd}pre{font-family:inherit;white-space:pre-wrap;word-break:break-word;font-size:13px}footer{background:#171717;color:#fff}footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 0}footer img{width:170px;height:auto}footer p{font-size:13px;margin-bottom:4px}footer small,footer a{font-size:11px;color:#aaa}.colour-bar{height:8px;display:flex}.colour-bar i{width:25%;background:var(--cyan)}.colour-bar i:nth-child(2){background:var(--magenta)}.colour-bar i:nth-child(3){background:var(--yellow)}.colour-bar i:nth-child(4){background:#444}.floating-whatsapp{position:fixed;bottom:22px;right:22px;z-index:5;background:#176f44;color:white;box-shadow:0 3px 15px #0003;border-radius:24px;padding:12px 18px;font-size:12px;font-weight:bold;display:flex;gap:20px}.skip{position:fixed;top:-80px;left:10px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.services button{padding:23px 14px}.services h3{font-size:18px}.header-note{display:none}.masthead{justify-content:space-between}.hero h1{font-size:56px}.quote-grid{gap:35px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.topline{font-size:8px;letter-spacing:.6px}.masthead{padding:14px 0;gap:12px}.logo img{width:160px;height:78px}.masthead>.button{display:none}.menu{display:block;background:transparent;border:1px solid #ddd;font-size:20px;padding:8px 13px}nav{display:none}nav.open{display:block}nav .wrap{flex-direction:column}nav a{padding:10px 0}.hero{min-height:510px}.hero-photo{width:100%;height:100%;opacity:.48}.hero-photo:after{background:linear-gradient(90deg,#111c,#1113)}.hero-content{padding-top:60px;padding-bottom:78px}.hero h1{font-size:49px}.hero p{font-size:14px;max-width:330px}.hero-bottom{gap:20px;font-size:7px;letter-spacing:.7px}.service-section{padding:45px 0}.intro h2,h2{font-size:29px}.intro p:last-child{font-size:13px}.services{grid-template-columns:repeat(2,1fr);gap:8px}.services button{min-height:175px;padding:20px}.services button:last-child{grid-column:1/-1;min-height:140px}.services h3{font-size:22px;margin:16px 0 18px}.services button:last-child h3 br{display:none}.products-section{padding:45px 0}.section-head{display:block}.section-head>p br{display:none}.filters{gap:6px}.filters button{font-size:10px;padding:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image{height:160px;padding:18px 14px 40px}.product-copy{padding:14px}.product-copy small{font-size:8px}.product-copy h3{font-size:16px;min-height:38px}.product-copy p{font-size:12px;min-height:55px}.enquire{font-size:10px}.muhmik{grid-template-columns:1fr;gap:30px;padding:45px 0}.muhmik-copy h2{font-size:30px}.about-grid{grid-template-columns:1fr;gap:20px}.about{padding:45px 0}.about h2{font-size:35px}.about .lead{font-size:20px}.artwork{padding:45px 0}.steps{grid-template-columns:1fr;gap:15px}.steps h3{margin:10px 0}.quote{padding:45px 0}.quote-grid{grid-template-columns:1fr;gap:25px}.quote h2{font-size:35px}.quote form{padding:22px}.form-row{gap:12px}.contacts a{font-size:18px}footer>.wrap{align-items:start;flex-wrap:wrap;padding-bottom:80px}footer img{width:140px}footer>.wrap>div{max-width:180px}footer>.wrap>a{width:100%}.floating-whatsapp{right:14px;bottom:14px}.eyebrow{font-size:10px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Product-specific quotation forms */
.form-quantity{margin-bottom:22px}.form-quantity input{margin-bottom:4px}.form-quantity small{display:block;font-size:10px;color:#777}.form-category-note{font-size:13px;font-weight:bold;padding-top:14px;border-top:1px solid #ddd;margin:0 0 20px}.spec-group{margin:0 0 18px;padding:15px 15px 0;border:1px solid #ddd;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.spec-group legend{font-size:13px;font-weight:bold;padding:0 5px}.spec-field{min-width:0}.spec-field input[readonly]{background:#f1f1ee;color:#555}.spec-field textarea{resize:vertical;min-height:100px}#quote-form{min-width:0}#quote-form input,#quote-form select,#quote-form textarea{max-width:100%}@media(max-width:480px){.spec-group{grid-template-columns:1fr}#quote-form .button{width:100%;gap:10px;font-size:12px}}
/* Full-image banners preserve the customer's embedded wording at every width. */
.hero.hero-slideshow{min-height:0}.banner-carousel{background:#f4f4f1;color:#141414;position:relative}.banner-viewport{position:relative;aspect-ratio:1350/300;max-width:1600px;margin:auto;overflow:hidden;touch-action:pan-y}.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;pointer-events:none}.banner-slide.is-active{opacity:1;visibility:visible}.banner-slide img{width:100%;height:100%;object-fit:contain}.banner-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(18px,calc((100% - 1220px)/2));border-top:1px solid #ddd;background:#fff}.banner-arrows{display:flex;gap:6px}.banner-controls button{border:1px solid #d6d6d6;background:#fff;min-width:44px;min-height:44px;font-weight:700}.banner-controls button:hover{background:#f1f1ed}.banner-dots{display:flex;align-items:center;gap:0}.banner-controls .banner-dot{border:0;width:28px;min-width:28px;min-height:44px;position:relative;background:transparent}.banner-dot:after{content:'';display:block;width:7px;height:7px;border:1px solid #777;border-radius:50%;margin:auto}.banner-dot[aria-current=true]:after{background:#141414;border-color:#141414;width:19px;border-radius:6px}.banner-controls .banner-pause{font-size:12px;padding:0 14px}.hero-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 0}.hero-intro h1{font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:12px 0}.hero-intro p{max-width:none;font-size:15px;margin:0;color:#ddd}.hero-intro>.button{flex-shrink:0}.hero-slideshow .hero-bottom{position:static;display:flex;justify-content:center;gap:7vw;padding:14px 20px;border-top:1px solid #333}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.banner-controls{gap:5px;padding:6px 12px}.banner-arrows{gap:3px}.banner-controls .banner-dot{width:22px;min-width:22px}.banner-controls .banner-pause{padding:0 10px}.hero-intro{display:block;padding:27px 0 32px}.hero-intro h1{font-size:32px;letter-spacing:-1px}.hero-intro p{font-size:14px}.hero-intro>.button{margin-top:22px}.hero-slideshow .hero-bottom{gap:14px;font-size:8px;letter-spacing:.6px;padding:12px}.hero-slideshow .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.banner-slide{transition:none}}
@media(max-width:400px){.banner-controls{padding:6px 8px;gap:3px}.banner-controls .banner-dot{width:18px;min-width:18px}.banner-controls .banner-pause{padding:0 8px}}
