:root{--ink:#20373b;--blue:#4a7073;--brand:#889e9d;--bright:#dce8e6;--paper:#f5f8f7;--line:#d9e2e0;--muted:#52676a;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{border-bottom:1px solid var(--line);background:#fff}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--blue);color:white;font-size:25px;font-weight:900;letter-spacing:-.12em;padding-right:4px}.brand-name{font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.23}.brand-name span{display:block;color:var(--muted);font-size:11px;letter-spacing:.14em}.links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.links a:hover{color:var(--blue)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--blue);background:var(--blue);color:white;padding:13px 20px;font-size:14px;font-weight:800;transition:background .2s,transform .2s}.nav-cta:hover,.button:hover{background:#2f5357;transform:translateY(-2px)}
.hero{padding:68px 0 0;background:var(--paper)}.eyebrow{margin:0 0 20px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:58px;align-items:center}.hero h1{font-size:clamp(3rem,5.3vw,5.6rem);line-height:1.02;letter-spacing:-.065em;max-width:650px;margin:0 0 24px;font-weight:850}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy{font-size:clamp(17px,1.45vw,20px);line-height:1.6;color:#35465f;max-width:540px;margin:0 0 30px}.hero-image{width:100%;height:510px;object-fit:cover;object-position:55% center}.hero-photo{position:relative}.hero-photo:after{content:"ACTUAL NX WORK";position:absolute;bottom:0;right:0;padding:12px 16px;background:var(--blue);color:white;font-size:11px;font-weight:900;letter-spacing:.16em}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:62px}.proof-item{padding:27px 22px 30px;border-right:1px solid var(--line)}.proof-item:last-child{border-right:0}.proof-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:17px;border-radius:16px;background:#e2ebff;color:var(--blue)}.proof-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.proof h2{font-size:16px;line-height:1.25;margin:0 0 7px;letter-spacing:-.025em}.proof p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}
section{scroll-margin-top:30px}.section-pad{padding:100px 0}.section-head{max-width:720px;margin-bottom:38px}.section-head h2,.contract h2,.contact h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 18px}.section-head p:last-child{color:var(--muted);font-size:18px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:var(--paper);min-height:240px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.num{font-size:13px;color:var(--blue);font-weight:900;letter-spacing:.12em}.service h3{font-size:24px;letter-spacing:-.035em;line-height:1.16;margin:26px 0 10px}.service p{margin:0;color:var(--muted)}
.divisions{background:#eaf0fc}.division-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.division{display:block;background:white;padding:30px;min-height:185px;border-top:4px solid var(--blue)}a.division:hover{box-shadow:0 10px 24px #14243b16;transform:translateY(-2px)}a.division{transition:box-shadow .2s,transform .2s}.division .category{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.division h3{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:15px 0 10px}.division p{color:var(--muted);margin:0;max-width:460px}.division-link{display:inline-block;color:var(--blue);font-size:14px;font-weight:800;margin-top:18px}
.contract{background:var(--ink);color:white}.contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contract .eyebrow{color:#9dbbff}.contract p{color:#c7d2e4;font-size:18px;max-width:560px}.contract-list{border-top:1px solid #506078}.contract-list div{padding:20px 0;border-bottom:1px solid #506078;display:flex;align-items:baseline;gap:18px;font-size:18px;font-weight:700}.contract-list span{color:#91b3ff;font-size:12px;letter-spacing:.1em}.contact{padding:84px 0;text-align:center}.contact p{color:var(--muted);font-size:18px;max-width:620px;margin:0 auto}.footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer strong{color:var(--ink)}
@media(max-width:850px){.links{gap:15px}.links a:nth-child(2){display:none}.hero-grid{gap:28px}.hero-image{height:420px}.services{grid-template-columns:1fr 1fr}.service:last-child{grid-column:1/-1;min-height:180px}.contract-grid{gap:35px}}
@media(max-width:650px){.wrap{width:min(100% - 32px,1180px)}.nav{min-height:72px}.brand-mark{width:42px;height:42px;font-size:21px}.brand-name{font-size:12px}.brand-name span{font-size:9px}.links{display:none}.nav-cta{padding:10px 12px;font-size:12px}.hero{padding-top:44px}.hero-grid,.contract-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-copy{font-size:17px}.hero-image{height:310px}.proof{margin-top:0;grid-template-columns:1fr 1fr}.proof-item{padding:22px 12px;border-bottom:1px solid var(--line)}.proof-item:nth-child(2){border-right:0}.proof-icon{width:52px;height:52px;border-radius:13px}.proof h2{font-size:15px}.proof p{font-size:13px}.section-pad{padding:68px 0}.services,.division-grid{grid-template-columns:1fr}.service,.service:last-child{min-height:190px;grid-column:auto}.division{min-height:160px}.contact{padding:68px 0}.footer .wrap{display:block}.footer span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav-cta,.button{transition:none}}

/* Supplied NX brand marks and division layout */
.site-header{background:var(--ink);border-color:var(--ink)}.brand img{width:275px;height:auto}.links{color:#fff}.links a:hover{color:#cce0de}.nav-cta{background:#fff;color:var(--ink);border-color:#fff}.nav-cta:hover{background:#dce8e6;color:var(--ink)}
.hero-photo:after{background:var(--ink)}.proof-icon{background:#e1ecea}.divisions{background:#e8f0ee}.division{padding:0;border:0;display:flex;flex-direction:column;min-height:0}.division-logo{background:var(--brand);min-height:160px;display:grid;place-items:center}.division-logo img{width:auto;height:125px;max-width:90%;object-fit:contain}.division-body{padding:26px 30px 30px;flex:1}.division h3{margin:12px 0 10px}.contract .eyebrow,.contract-list span{color:#afcfcb}.contract p{color:#d5e2e0}.contract-list,.contract-list div{border-color:#6f8989}
@media(max-width:850px){.brand img{width:220px}.links{gap:16px}}
@media(max-width:650px){.brand img{width:172px}.division-logo{min-height:145px}.division-logo img{height:112px}.school-card{grid-column:auto}}

.hero-image{object-position:center 42%}.work-gallery{padding:88px 0;background:#fff}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.gallery-head h2{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.08;letter-spacing:-.05em;margin:0}.gallery-head a{font-size:14px;font-weight:800;color:var(--blue);white-space:nowrap}.gallery-head a:hover{text-decoration:underline}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid a{display:block;position:relative;overflow:hidden;background:var(--paper)}.gallery-grid img{width:100%;height:350px;object-fit:cover;transition:transform .25s}.gallery-grid a:hover img{transform:scale(1.03)}.gallery-grid span{display:block;padding:14px 16px;font-size:14px;font-weight:800}
@media(max-width:650px){.work-gallery{padding:65px 0}.gallery-head{display:block}.gallery-head a{display:inline-block;margin-top:15px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-grid a:first-child{grid-column:1/-1}.gallery-grid img{height:230px}.gallery-grid a:first-child img{height:300px}}

.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{display:inline-block;color:var(--blue);font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:var(--ink)}
.about{background:#fff}.about-grid,.techflex-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.about h2,.techflex h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px}.about p:not(.eyebrow),.techflex p:not(.eyebrow){font-size:18px;color:var(--muted);margin:0 0 18px}.about .text-link,.techflex .text-link{margin-top:10px}.about-facts{border-top:1px solid var(--line)}.about-facts div{display:flex;flex-direction:column;gap:2px;padding:21px 0;border-bottom:1px solid var(--line)}.about-facts strong{font-size:clamp(1.65rem,2.8vw,2.6rem);line-height:1.1;letter-spacing:-.045em}.about-facts span{color:var(--muted);font-size:15px}
.techflex{background:#e8f0ee}.techflex-panel{background:var(--ink);color:#fff;min-height:350px;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.techflex-panel span{font-size:14px;font-weight:900;letter-spacing:.23em;color:#b9d4d0}.techflex-panel strong{font-size:clamp(2.6rem,4.6vw,4.5rem);line-height:1;letter-spacing:-.065em}.techflex-panel p{color:#d7e7e3!important;font-size:15px!important;margin:0!important}.button-light{background:white;color:var(--ink);border-color:white;margin-top:16px}.button-light:hover{background:#dce8e6;color:var(--ink)}
.contact{background:#e8f0ee;text-align:left}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.contact p{margin:0 0 25px}.contact-card{background:#fff;padding:35px;border-top:5px solid var(--blue)}.contact-card h3{font-size:20px;margin:0 0 12px}.contact-phone{display:inline-block;color:var(--ink);font-size:clamp(1.8rem,3vw,2.7rem);font-weight:850;letter-spacing:-.04em;text-decoration:underline;text-underline-offset:5px}.contact-card address{font-style:normal;line-height:1.7;margin-top:22px;color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.about-grid,.techflex-grid,.contact-grid{gap:35px}.links{gap:14px}}
@media(max-width:650px){.about-grid,.techflex-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about p:not(.eyebrow),.techflex p:not(.eyebrow){font-size:17px}.techflex-panel{min-height:280px;padding:28px}.contact-card{padding:28px}.hero-actions{gap:18px}}
.division-body .division-link{margin-right:18px}.division-body a.division-link:hover{text-decoration:underline}
.catalogue{padding:84px 0;background:#fff}.catalogue-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.catalogue-cover{display:block;box-shadow:0 14px 34px #20373b2e;transition:transform .2s}.catalogue-cover:hover{transform:translateY(-3px)}.catalogue-cover img{width:100%;height:auto}.catalogue h2{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.08;letter-spacing:-.05em;margin:0 0 18px}.catalogue p:not(.eyebrow){font-size:18px;color:var(--muted);margin:0 0 26px;max-width:540px}
@media(max-width:650px){.catalogue{padding:65px 0}.catalogue-grid{grid-template-columns:1fr;gap:30px}.catalogue p:not(.eyebrow){font-size:17px}}
.hero-brands{grid-column:1/-1;grid-row:2}.hero-grid>div:first-child{grid-column:1;grid-row:1}.hero-photo{grid-column:2;grid-row:1}.hero-brands .eyebrow{margin-bottom:14px}.brand-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brand-tile{display:grid;place-items:center;background:#fff;border:1px solid var(--line);padding:18px 14px;transition:border-color .2s,transform .2s,box-shadow .2s}.brand-tile:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 24px #20373b14}.brand-tile img{width:100%;max-width:128px;height:auto}.brand-tile-more{display:none}
@media(min-width:651px){.hero{padding-top:44px}.hero-grid{row-gap:30px}.hero-image{height:430px}.hero h1{font-size:clamp(3rem,4.6vw,4.8rem)}.hero-copy{margin-bottom:24px}.proof{margin-top:44px}.brand-tile{padding:12px 10px}}
@media(max-width:650px){.hero-brands,.hero-grid>div:first-child,.hero-photo{grid-column:auto;grid-row:auto}.brand-row{grid-template-columns:repeat(3,1fr);gap:8px}.brand-tile{padding:10px 8px}.brand-tile-more{display:grid;font-size:13px;font-weight:800;color:var(--blue);text-align:center}}
.division-wide{grid-column:1/-1;flex-direction:row}.division-wide .division-logo{flex:0 0 calc(50% - 7px);min-height:200px}.division-wide .division-body{align-self:center}
@media(max-width:650px){.division-wide{flex-direction:column}.division-wide .division-logo{flex:none;min-height:145px}}
/* Division pages */
.crumbs{margin:0 0 26px;font-size:13px;color:var(--muted)}.crumbs a{text-decoration:underline;text-underline-offset:3px}.div-mark{width:150px;height:auto;margin:-14px 0 14px -14px}.div-hero .hero-photo{grid-column:auto;grid-row:auto}.div-hero{padding-bottom:70px}
.service .text-link{display:inline-block;margin-top:12px;font-size:14px}.contact-sub{margin:-6px 0 14px!important;color:var(--muted);font-size:14px!important}
.price-breaks{background:var(--ink);color:#fff}.price-breaks .eyebrow{color:#afcfcb}.price-breaks .section-head p:last-child{color:#d5e2e0}.pb-row{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #6f8989}.pb-row div{padding:22px 16px;border-right:1px solid #6f8989}.pb-row div:last-child{border-right:0}.pb-row strong{display:block;font-size:clamp(1.5rem,2.6vw,2.3rem);letter-spacing:-.04em}.pb-row span{color:#afcfcb;font-size:14px;font-weight:700}
.other-brands{padding:56px 0;background:var(--paper)}.other-brands .brand-row{grid-template-columns:repeat(4,1fr)}
@media(max-width:650px){.div-mark{width:120px}.div-hero{padding-bottom:50px}.pb-row{grid-template-columns:repeat(3,1fr)}.pb-row div:nth-child(3){border-right:0}.other-brands .brand-row{grid-template-columns:repeat(4,1fr);gap:6px}}
.hero-catalogue .catalogue-cover img{width:100%;height:auto}.catalogue-caption{margin:18px 0 0;font-size:14px;color:var(--muted)}.catalogue-caption .text-link{font-size:14px;margin-left:8px}.service .text-link{display:block;width:fit-content;margin-top:14px}
.about-services{margin-top:56px}@media(max-width:650px){.about-services{margin-top:36px}}
/* Division colourways */
[data-brand="teamwear"]{--c:#77c7ec}[data-brand="workwear"]{--c:#f9710d}[data-brand="expresswear"]{--c:#39e21b}[data-brand="schoolwear"]{--c:#3983a8}[data-brand="eventwear"]{--c:#ef8273}
.division[data-brand]{border-top:5px solid var(--c)}.division[data-brand] .division-logo{background:color-mix(in srgb,var(--c) 10%,#fff)}.division[data-brand] .division-link{text-decoration:underline;text-decoration-color:var(--c);text-decoration-thickness:2px;text-underline-offset:5px}
/* Alignment fixes: card headings on one line, first column flush with the page edge */
.service{justify-content:flex-start;gap:0}.service h3{margin-top:22px}
.proof-item:first-child{padding-left:0}
@media(max-width:650px){.proof-item:nth-child(odd){padding-left:0}}
.division-body{display:flex;flex-direction:column;align-items:flex-start}.division-body p{flex:1}
.division-wide .division-logo{flex:0 0 calc(50% + 7px)}
.pb-row div:first-child{padding-left:0}@media(max-width:650px){.pb-row div:nth-child(4){padding-left:0}}
.div-mark{margin:-11px 0 14px -11px}@media(max-width:650px){.div-mark{margin:-9px 0 12px -9px}}
.service>div{display:flex;flex-direction:column;align-items:flex-start;flex:1}.service>div>p{flex:1}
/* Brand colourways on each division page (bright --c for accents, darker --cd where text sits on it or next to it) */
body[data-brand="workwear"]{--cd:#b8540a}body[data-brand="schoolwear"]{--cd:#34799b}body[data-brand="eventwear"]{--cd:#a75b50}
body[data-brand] .div-hero{background:color-mix(in srgb,var(--c) 9%,#fff);border-bottom:5px solid var(--c)}
body[data-brand] .hero h1 em,body[data-brand] .eyebrow,body[data-brand] .num,body[data-brand] main .text-link,body[data-brand] .crumbs{color:var(--cd)}
body[data-brand] main .text-link{text-decoration-color:var(--c)}
body[data-brand] main .button{background:var(--cd);border-color:var(--cd);color:#fff}body[data-brand] main .button:hover{background:color-mix(in srgb,var(--cd) 82%,#000)}
body[data-brand] .service{border-top:4px solid var(--c)}
body[data-brand] .contact{background:color-mix(in srgb,var(--c) 7%,#fff)}body[data-brand] .contact-card{border-top-color:var(--c)}
body[data-brand] .price-breaks .eyebrow,body[data-brand] .pb-row span{color:color-mix(in srgb,var(--c) 55%,#fff)}body[data-brand] .pb-row{border-top:3px solid var(--c)}
/* Military & forces section (Eventwear) */
.forces{background:#4b5046;color:#fff}.forces .eyebrow,body[data-brand] .forces .eyebrow{color:#d9dccf}.forces h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 18px}.forces p{color:#e4e6dd;font-size:18px;max-width:560px}
.forces-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.forces-items{list-style:none;margin:6px 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.forces-items li{border:1px solid #9a9f8f;padding:8px 14px;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.forces-offer{background:#fff;color:var(--ink);padding:28px 30px;border-top:5px solid var(--c,#ef8273)}.forces-offer p{color:var(--muted);font-size:16px;margin:0 0 14px}.forces-offer .forces-label{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--cd,var(--blue));margin-bottom:6px}.forces-offer .forces-code{font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--ink);letter-spacing:-.03em;margin-bottom:10px}.forces-offer a{color:var(--ink);font-weight:700}.forces-offer .hero-actions{margin-top:18px}
.forces-media{position:relative;padding-bottom:70px}.forces-tee{width:100%;height:auto;display:block}.forces-advert{position:absolute;right:-10px;bottom:0;width:38%;max-width:200px;background:#fff;padding:8px 8px 6px;box-shadow:0 14px 30px #0005;transform:rotate(2.5deg);transition:transform .2s}.forces-advert:hover{transform:rotate(0) translateY(-3px)}.forces-advert img{width:100%;height:auto}.forces-advert span{display:block;color:var(--ink);font-size:11px;font-weight:800;text-align:center;padding-top:6px}
@media(max-width:850px){.forces-grid{gap:40px}}
@media(max-width:650px){.forces-grid{grid-template-columns:1fr}.forces p{font-size:17px}.forces-media{padding-bottom:110px}.forces-advert{right:6px;width:42%}.forces-offer{padding:24px 22px}}
.forces-media{padding-bottom:0;display:flex;justify-content:center}.forces-advert{position:static;width:100%;max-width:340px;padding:12px 12px 8px;transform:rotate(2deg)}.forces-advert span{font-size:13px;padding-top:8px}
@media(max-width:650px){.forces-media{padding-bottom:0}.forces-advert{width:78%;max-width:300px}}
/* Workwear order form section */
.order-section{background:#f2f3f3}.order-section .nxo{background:none}.contact-email{display:inline-block;margin-top:10px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
