
:root{--navy:#061b39;--deep:#041225;--lime:#a7f943;--cyan:#10bff4;--pink:#ff159a;--ink:#15243b}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f8fb}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:auto;padding:0 22px}.top{background:var(--deep);color:white}.topin{max-width:1200px;margin:auto;padding:13px 22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.logo{display:flex;align-items:center;gap:13px;font-weight:900;font-size:21px}.logo img{width:58px;height:58px;object-fit:contain;border-radius:50%}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav a{font-weight:700;font-size:14px}nav a:hover{color:var(--lime)}.wa{background:#20ca68;color:#052715;border-radius:9px;padding:12px 16px;font-weight:800;display:inline-block}.hero{background:radial-gradient(circle at 80% 30%,#163e68,#061b39 55%,#041225);color:white}.heroin{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding-top:65px;padding-bottom:65px}.hero h1{font-size:clamp(38px,5vw,67px);line-height:1.07;letter-spacing:-.05em;margin:14px 0}.hero h1 span{color:var(--lime)}.hero p{font-size:18px;line-height:1.65;color:#cfdae7}.hero img{width:min(300px,100%);border-radius:50%;margin:auto;box-shadow:0 0 75px #0cbaff33}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:var(--cyan)}.cta{display:inline-block;background:var(--lime);color:var(--navy);padding:15px 22px;border-radius:9px;font-weight:900;margin-top:14px}.section{padding:52px 0}.section h2{font-size:clamp(27px,3.2vw,40px);letter-spacing:-.035em;margin:7px 0 12px}.muted{color:#617086;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:25px}.tile,.item{background:white;border:1px solid #e1e7ee;border-radius:15px;overflow:hidden;box-shadow:0 10px 22px #0821400c;transition:transform .15s}.tile:hover,.item:hover{transform:translateY(-3px)}.tile img{width:100%;height:195px;object-fit:cover;background:#e9f1f7}.tile .copy,.item .copy{padding:18px}.tile h3,.item h3{font-size:20px;margin:0 0 7px}.tile p,.item p{margin:0 0 13px;color:#637187;font-size:14px;line-height:1.5}.arrow{font-weight:800;color:#007e9d}.crumbs{font-size:13px;color:#68788b;padding:22px 0 0}.crumbs a{color:#007e9d}.pagehead{background:#eaf2f7;padding:30px 0}.pagehead h1{font-size:clamp(30px,4vw,48px);margin:7px 0}.pagehead p{color:#54647a;line-height:1.6}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:22px}.item img{width:100%;height:210px;object-fit:cover;background:#eef3f6}.price{font-size:25px;font-weight:900;color:#061b39;display:block;margin:12px 0}.info{font-size:13px;color:#637187;line-height:1.55}.link{display:block;background:var(--navy);color:white;text-align:center;padding:13px;border-radius:8px;font-weight:800;margin-top:16px}.note{background:#e7f4fa;border-left:4px solid var(--cyan);padding:16px 19px;border-radius:6px;margin-top:25px;line-height:1.6}.detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:25px}.detail img{width:100%;max-height:470px;object-fit:contain;background:white;border:1px solid #e1e7ee;border-radius:14px}.detail h1{font-size:clamp(30px,4vw,45px);margin:5px 0}.detail .price{font-size:35px}.foot{background:var(--deep);color:#dce6ef;padding:30px 0;margin-top:50px}.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot img{width:55px;border-radius:50%}.floating{position:fixed;bottom:18px;right:18px;box-shadow:0 8px 25px #0004;z-index:10}.tag{display:inline-block;background:#e8f9d5;color:#225116;padding:6px 10px;border-radius:30px;font-size:12px;font-weight:800;margin-bottom:10px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.items{grid-template-columns:repeat(2,1fr)}.topin{align-items:flex-start;flex-direction:column}.heroin{grid-template-columns:1fr}.hero img{width:190px}}@media(max-width:540px){.grid,.items,.detail{grid-template-columns:1fr}.tile img{height:210px}.item img{height:230px}nav{gap:12px}.logo{font-size:17px}.logo img{width:45px;height:45px}.section{padding:30px 0}.heroin{padding-top:35px;padding-bottom:35px}.floating{padding:10px;font-size:13px}}

/* Approved dark homepage only; category and product pages retain their light theme. */
body.homepage{background:#06101e;color:#fff}
.homepage .top{background:#040d19eF;border-bottom:1px solid #ffffff1a;position:relative;z-index:3}
.homepage .topin{max-width:1350px;padding:13px 24px}
.homepage .logo img{width:76px;height:76px;border:2px solid #d9ecff}
.homepage .logo span{font-size:17px;letter-spacing:.025em}
.homepage nav a{color:#fff}.homepage nav a[aria-current="page"]{color:#ff245b}
.homepage nav a:hover{color:#a7f943}
.homepage .hero{background:linear-gradient(90deg,#04101ffb 0%,#04101fe8 37%,#04101f65 67%,#04101f26 100%),url('assets/hero-building.webp') center right/cover no-repeat;min-height:450px;display:flex;align-items:center;border-bottom:1px solid #ffffff1c}
.homepage .heroin{display:block;padding:60px 22px 75px;max-width:1300px;width:100%}
.homepage .hero-copy{max-width:610px}
.homepage .hero h1{font-size:clamp(43px,5.7vw,76px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 15px}
.homepage .hero h1 span{color:#ff1854}
.homepage .hero p{font-size:18px;line-height:1.5;color:#e0e7f1;max-width:560px}
.homepage .eyebrow{color:#ff2c66;letter-spacing:.07em;font-size:13px}
.homepage .cta{background:#ff1452;color:white;margin:8px 10px 0 0;padding:14px 25px;border-radius:6px;box-shadow:0 6px 20px #0003}
.homepage .cta.outline{background:#071421b5;border:1px solid #fff;box-shadow:none}
.homepage .benefits{background:#030d18;border-bottom:1px solid #ffffff19}
.homepage .benefits-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:1300px;margin:auto;padding:21px 24px}
.homepage .benefit{display:flex;gap:13px;align-items:center}.homepage .benefit b{font-size:14px}.homepage .benefit small{display:block;color:#b4c1d0;margin-top:5px;font-size:12px}
.homepage .benefit .symbol{font-size:27px;color:#ff1554;line-height:1}
.homepage .showcase{max-width:1350px;margin:0 auto;padding:35px 24px 20px}
.homepage .showcase h2{font-size:29px;margin:0 0 21px;letter-spacing:-.04em}
.homepage .showcase h2 span{color:#ff1953}
.homepage .home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.homepage .home-card{background:#091522;border:1px solid #ffffff26;border-radius:9px;overflow:hidden;transition:transform .15s,border-color .15s}
.homepage .home-card:hover{transform:translateY(-3px);border-color:#ff1b57}
.homepage .home-card img{height:190px;width:100%;object-fit:cover}
.homepage .home-card-copy{padding:15px 15px 18px}.homepage .home-card h3{font-size:18px;margin:0 0 7px}
.homepage .home-card p{color:#cbd5e2;font-size:14px;margin:0 0 15px}
.homepage .home-card .mini-button{display:inline-block;background:#ff1452;color:white;border-radius:5px;font-weight:800;font-size:13px;padding:11px 15px}
.homepage .workwear-band{margin-top:27px;background:radial-gradient(circle at 80% 40%,#1b3354 0%,#061626 58%,#04101f 100%);border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;overflow:hidden}
.homepage .workwear-inner{max-width:1350px;margin:auto;padding:35px 24px;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:25px}
.homepage .workwear-inner h2{font-size:clamp(32px,3.4vw,46px);line-height:1.04;letter-spacing:-.045em;margin:0 0 12px}
.homepage .workwear-inner h2 span{color:#ff1656}.homepage .workwear-inner p{line-height:1.5;color:#d4deea;max-width:390px}
.homepage .garments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.homepage .garments img{width:100%;height:230px;object-fit:cover;object-position:center top;border-radius:8px;background:#f3f7fb}
.homepage .foot{margin-top:0;border-top:1px solid #ffffff22}
.homepage .fineprint{font-size:12px;color:#aebccd;margin-top:14px}
@media(max-width:900px){.homepage .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage .benefits-inner{grid-template-columns:repeat(2,1fr)}.homepage .topin{flex-direction:row;align-items:center;flex-wrap:wrap}.homepage nav{justify-content:center}.homepage .hero{background-position:65% center}.homepage .workwear-inner{grid-template-columns:1fr}}
@media(max-width:560px){.homepage .topin{flex-direction:column}.homepage .logo img{width:62px;height:62px}.homepage nav{gap:12px}.homepage nav a{font-size:12px}.homepage .hero{min-height:450px;background:linear-gradient(90deg,#04101ff5,#04101fbb),url('assets/hero-building.webp') center/cover no-repeat}.homepage .heroin{padding:48px 22px}.homepage .hero p{font-size:16px}.homepage .benefits-inner{gap:20px}.homepage .benefit .symbol{font-size:21px}.homepage .benefit b{font-size:12px}.homepage .home-grid{gap:11px}.homepage .home-card img{height:130px}.homepage .home-card-copy{padding:12px}.homepage .home-card h3{font-size:16px}.homepage .home-card p{font-size:12px}.homepage .garments img{height:150px}}

.banner-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;background:#fff;border:1px solid #e1e7ee;border-radius:15px;overflow:hidden;margin-bottom:32px}.banner-intro img{width:100%;height:280px;object-fit:cover}.banner-intro>div{padding:20px}.banner-intro h2{margin-top:0}.banner-finish{margin:36px 0 0}@media(max-width:640px){.banner-intro{grid-template-columns:1fr}.banner-intro img{height:200px}.banner-intro>div{padding:0 18px 18px}}

/* Foamex category: responsive illustration and quote-led cards */
.fx-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff;border:1px solid #e1e7ee;border-radius:18px;padding:26px;margin-bottom:45px;overflow:hidden}.fx-feature h2{font-size:clamp(30px,3.8vw,46px);line-height:1.12}.fx-feature p{line-height:1.7;color:#5b6a7e}.fx-tags{display:flex;gap:8px;flex-wrap:wrap}.fx-tags span{background:#e9f5fa;padding:8px 10px;border-radius:20px;font-size:12px;font-weight:700}.fx-scene{min-height:310px;display:grid;place-items:center;background:radial-gradient(circle at 65% 25%,#4a667e,#10273e 70%);border-radius:14px;padding:28px;perspective:900px}.fx-board{background:linear-gradient(135deg,#072e59 5%,#045a8a 55%,#03a8d6);color:white;padding:27px;min-height:240px;width:min(340px,95%);display:flex;flex-direction:column;justify-content:space-between;transform:rotateY(-9deg) rotateZ(-3deg);box-shadow:17px 20px 20px #0007;border:5px solid white}.fx-small{font-size:10px;letter-spacing:.16em;font-weight:800}.fx-big{font-size:clamp(25px,3vw,39px);line-height:1.02;font-weight:900}.fx-line{height:9px;width:55%;background:linear-gradient(90deg,#12c5ed,#a7f943,#ff159a)}.fx-art{height:205px;display:grid;place-items:center;padding:24px;overflow:hidden}.fx-display{background:linear-gradient(130deg,#d6e2e9,#9caeba)}.fx-promo{background:linear-gradient(130deg,#24183f,#62345e)}.fx-business{background:linear-gradient(130deg,#a7d5e9,#d3e4ef)}.fx-art-inner{background:#fff;color:#071e35;width:100%;height:100%;max-width:280px;padding:17px;box-shadow:9px 10px 14px #0003;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-2deg)}.fx-promo .fx-art-inner{background:#fa3265;color:#fff;transform:rotate(2deg)}.fx-business .fx-art-inner{background:#092c4c;color:#fff}.fx-art-inner span,.fx-art-inner small{font-size:10px;letter-spacing:.07em;font-weight:800}.fx-art-inner strong{font-size:clamp(21px,2.6vw,33px);line-height:1.05}.fx-art-inner small{border-top:4px solid #a7f943;padding-top:7px}@media(max-width:750px){.fx-feature{grid-template-columns:1fr}.fx-scene{min-height:260px}}

/* Aluminium composite signs */
.acm-feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:25px;background:white;border:1px solid #e1e7ee;border-radius:18px;margin-bottom:38px}.acm-feature h2{font-size:clamp(28px,3.6vw,45px);line-height:1.1}.acm-feature p{line-height:1.65}.acm-feature img{width:100%;height:300px;object-fit:cover;border-radius:12px}.acm-art{height:205px;display:grid;place-items:center;padding:24px;background:linear-gradient(125deg,#d8e4ea,#8399aa)}.acm-direction{background:linear-gradient(135deg,#c8d6c6,#748f80)}.acm-site{background:linear-gradient(135deg,#d9d3c5,#9ca9b1)}.acm-panel{width:95%;min-height:135px;padding:20px;background:#082844;color:#fff;box-shadow:8px 12px 18px #0005;border:3px solid #b9c8d3;display:flex;flex-direction:column;justify-content:space-between}.acm-panel small{font-size:10px;font-style:normal;letter-spacing:.12em}.acm-panel strong{font-size:clamp(22px,2.6vw,34px);line-height:1}.acm-panel i{height:5px;background:linear-gradient(90deg,#00c4f4,#b0e842,#f32f9d);width:70%}.acm-direction .acm-panel{background:#1c604e}.acm-site .acm-panel{background:#343e49}@media(max-width:750px){.acm-feature{grid-template-columns:1fr}.acm-feature img{height:220px}}

/* Print catalogue illustrations, responsive */
.print-visual{height:215px;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#b4e1ed,#ecf7fc);overflow:hidden}.print-paper{height:165px;width:120px;background:#fff;box-shadow:9px 12px 18px #102c4b38;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;border:7px solid white;background-image:linear-gradient(140deg,#07325e 0 47%,#17c5ee 47% 70%,#e83f94 70%);color:white;text-align:center}.print-paper strong{font-size:20px;line-height:1.05;overflow-wrap:anywhere}.print-kicker{font-size:7px;letter-spacing:.12em}.print-shape{width:38px;height:8px;background:#b8f43f}.sticker-art{background:linear-gradient(135deg,#ffe5e9,#f2a7d0)}.sticker-art .print-paper{height:125px;width:125px;border-radius:50%;transform:rotate(7deg);background-image:linear-gradient(145deg,#082e54 0 60%,#e92586 60%)}.custom-art{background:linear-gradient(135deg,#d7d8f7,#b5f1dd)}.custom-art .print-paper{transform:rotate(8deg)}.print-enquiry{background:#fff;padding:32px;border:1px solid #e1e7ee;border-radius:16px;max-width:750px}.print-enquiry p{line-height:1.6}

/* Final catalogue pricing and accessibility adjustments */
.price-section{margin:44px 0 10px;padding:26px;background:#fff;border:1px solid #e1e7ee;border-radius:16px}
.price-section h2{margin-top:0}.price-section>p{line-height:1.6}.table-scroll{overflow-x:auto}
.board-table{width:100%;border-collapse:collapse;text-align:left;min-width:420px}.board-table th,.board-table td{padding:14px 12px;border-bottom:1px solid #e5eaf1;white-space:nowrap}.board-table thead{background:#071c39;color:#fff}.board-table tbody tr:nth-child(even){background:#f4f8fb}.board-table td{font-weight:800;color:#092c4d}
.price-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.price-quote{display:inline-block;background:#08345d;color:#fff;padding:12px 17px;border-radius:9px;font-weight:700}.price-quote:hover{background:#12558c}
a:focus-visible{outline:3px solid #e62c8b;outline-offset:3px}
@media(max-width:640px){.price-section{padding:16px}.board-table th,.board-table td{padding:12px 9px}}

.checkout-actions{margin-top:20px}.square-pay{display:inline-flex;margin:12px 0;max-width:100%;text-align:center}.checkout-actions .muted{font-size:.9rem;line-height:1.6}

.local-seo{max-width:1000px;line-height:1.75}.local-seo h2{margin-top:1.6em}.local-seo p{max-width:80ch}.homepage .local-seo{color:#e8f0f6}.homepage .local-seo a{color:#77d4ed}.foot a{color:inherit}

.local-kicker{display:block;font-size:12px;letter-spacing:1.8px;font-weight:850;line-height:1.6;color:#546579}.local-brand{background:#f4f3ef;color:#09243a;padding:70px 0}.local-brand-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:36px}.local-brand-head h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-2px;margin:16px 0}.local-brand-head h2 span{color:#e91e64}.local-intro p:first-child{font-size:23px;line-height:1.5;font-weight:650}.local-intro p{line-height:1.75;color:#465b6d}.local-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.local-service{display:flex;flex-direction:column;background:white;border-radius:18px;padding:28px;color:#09243a;box-shadow:0 5px 20px #09243a06;border-top:4px solid #00a8ca;text-decoration:none;transition:transform .15s}.local-service:nth-child(2){border-color:#e91e64}.local-service:nth-child(3){border-color:#f3b700}.local-service:hover{transform:translateY(-4px)}.service-number{font-size:11px;letter-spacing:1.2px;color:#677585;font-weight:850}.local-service h3{font-size:25px;line-height:1.2;margin:23px 0 12px;letter-spacing:-.5px}.local-service p{font-size:15px;line-height:1.7;color:#566677;margin:0 0 25px}.local-arrow{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:850;border-top:1px solid #e6eaed;padding-top:18px}.local-arrow b{font-size:24px;color:#e91e64}.local-region{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:42px 0;margin-top:25px;align-items:center}.local-region h3{font-size:32px;line-height:1.15;margin:12px 0 15px}.local-region p{line-height:1.7;color:#566677;max-width:410px}.region-chips{display:flex;flex-wrap:wrap;gap:10px}.region-chips span{border:1px solid #bdc9d1;background:#fff;border-radius:30px;padding:12px 18px;font-size:14px;font-weight:750}.region-link{display:inline-block;margin-top:22px;color:#0d405b;font-weight:800}.local-collection{display:flex;gap:35px;align-items:center;justify-content:space-between;background:#09243a;color:#fff;border-radius:18px;padding:32px}.local-collection .local-kicker{color:#78d3e1}.local-collection h3{font-size:30px;margin:10px 0}.local-collection p{color:#c5d4df;line-height:1.7;max-width:600px}.local-collection .cta{white-space:nowrap}.service-story{margin-top:25px;margin-bottom:50px;background:#edf4f7;border-radius:18px;padding:32px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.story-grid article h2{font-size:27px;line-height:1.2;margin-top:20px}.story-grid p{font-size:16px;color:#506174;line-height:1.8}.story-link{display:inline-block;padding-top:12px;color:#0c4764;font-weight:800}.region-hero{background:linear-gradient(120deg,#071b2d,#153f57);color:white;padding:65px 0}.region-hero .local-kicker{color:#77d4e5}.region-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:22px 0;letter-spacing:-1.8px}.region-hero h1 span{color:#7bd6e5}.region-hero p{max-width:680px;font-size:20px;line-height:1.7;color:#d0dfe8}.region-content{padding-top:55px;padding-bottom:55px}.region-content>h2{font-size:34px;line-height:1.2;max-width:850px;margin:15px 0 30px}.county-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.county-grid article{background:#f0f5f7;padding:24px;border-radius:15px}.county-grid article>span{font-weight:850;color:#e91e64}.county-grid h3{font-size:23px;line-height:1.2}.county-grid p,.collection-steps p{line-height:1.75;color:#516476;font-size:15px}.project-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:45px 0;padding:35px;border:1px solid #ccdbe4;border-radius:18px}.project-panel h2{font-size:34px;line-height:1.15}.project-panel a{font-weight:750;color:#0b4863}.collection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.collection-steps article{padding:15px}.collection-steps article>span{display:inline-flex;width:38px;height:38px;background:#09243a;color:#fff;align-items:center;justify-content:center;border-radius:50%;font-weight:850}.collection-steps h3{font-size:22px}.region-contact{margin-top:35px;padding:35px;background:#09243a;color:white;border-radius:18px}.region-contact h2{font-size:30px;margin-top:0}.region-contact p{color:#c5d4df}.phone-link{color:#fff;display:inline-block;margin-left:20px;font-weight:800}.foot>.wrap:last-child{padding-top:15px}.local-service:focus-visible,.region-link:focus-visible{outline:3px solid #e91e64;outline-offset:4px}
@media(max-width:900px){.county-grid{grid-template-columns:repeat(2,1fr)}.local-service-grid{gap:12px}.local-service{padding:22px}.local-service h3{font-size:22px}.local-collection{display:block}.local-collection .cta{margin-top:12px}}
@media(max-width:640px){.local-brand{padding:40px 0}.local-brand-head,.local-region,.story-grid,.project-panel{grid-template-columns:1fr;gap:18px}.local-intro p:first-child{font-size:20px}.local-service-grid,.county-grid,.collection-steps{grid-template-columns:1fr}.local-region{padding:28px 0}.local-service h3 br{display:none}.local-collection,.service-story,.project-panel,.region-contact{padding:24px}.local-collection .cta{white-space:normal}.region-hero{padding:40px 0}.region-content>h2{font-size:29px}.phone-link{margin:18px 0 0;display:block}.region-chips span{padding:9px 12px}}
