.ww-nav{position:relative;inset:auto;width:auto;margin:0;padding:22px 4.5%;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;background:transparent;box-shadow:none;border-bottom:1px solid #ffffff25;font-size:13px}
.ww-nav a{padding:12px 16px;border:1px solid #ffffff35;border-radius:4px;font-weight:700}
.ww-nav a:hover,.ww-nav a:focus-visible{background:#fa1c25;border-color:#fa1c25;color:#fff}
.ww-intro,.ww-range-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.workwear-page .ww-intro{padding-bottom:20px}
.workwear-page .ww-intro h2,.workwear-page .ww-range h2{margin-bottom:12px}
.ww-range{scroll-margin-top:24px}
.ww-range-heading{align-items:end;margin-bottom:28px}
.ww-range-heading>p{max-width:600px;margin:0 0 12px}
.ww-range-photo{display:block;width:100%;height:auto;object-fit:contain;background:#071a2c;border-radius:8px;aspect-ratio:3/2}
.ww-visual{display:block;align-self:center;width:100%;margin:0;border-radius:8px;overflow:hidden}
.ww-enlarge{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.ww-enlarge:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.ww-range-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;margin-top:24px}
.ww-range table{width:100%;border-collapse:collapse;text-align:left}
.ww-range thead{color:#a9bed5;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.ww-range th,.ww-range td{padding:18px 14px;border-bottom:1px solid #ffffff20;vertical-align:top}
.ww-range th:first-child{padding-left:0}
.ww-range tbody th{font-weight:400;width:60%}
.ww-range tbody th strong{display:block;font-size:18px;margin-bottom:6px}
.ww-range th span{font-size:12px;color:#fff;background:#ffffff10;padding:3px 6px;display:inline-block}
.ww-range th small{display:block;color:#b8cbe0;font-size:13px;margin-top:7px;line-height:1.5}
.ww-range td strong{font-size:24px;color:#fff}
.ww-range td span{display:block;font-size:12px;white-space:nowrap;color:#b8cbe0;margin-top:5px}
.ww-range td:last-child strong{color:#ff4651}
.ww-finish{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}
.ww-finish h3{font-size:20px;margin:24px 0 12px}
.ww-finish ul{padding-left:20px;color:#c5d6e8;line-height:1.8}
.ww-finish li+li{margin-top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1100px){.ww-range{display:grid;grid-template-columns:1.15fr 1fr;column-gap:56px}.ww-range-heading{grid-column:1/-1}.ww-range-photo{align-self:center;height:auto}.ww-range-details{display:block;margin:0}.ww-range-details>.button{margin-top:28px}}
@media(max-width:1000px){.ww-range-details{grid-template-columns:1fr;gap:24px}.ww-range-details>.button{justify-self:start}.ww-intro,.ww-range-heading{gap:28px}.ww-finish{gap:40px}}
@media(max-width:700px){.ww-nav{padding:18px 6%;gap:8px;font-size:11px}.ww-nav a{padding:10px 12px}.ww-intro,.ww-range-heading,.ww-finish{grid-template-columns:1fr;gap:14px}.workwear-page .ww-range{padding-top:40px;padding-bottom:25px}.ww-range-photo{border-radius:4px}.ww-range-heading{margin-bottom:20px}.ww-range th,.ww-range td{padding:15px 7px}.ww-range tbody th{width:54%}.ww-range tbody th strong{font-size:15px}.ww-range td strong{font-size:21px}.ww-range thead{font-size:10px;letter-spacing:0}.ww-range-details{margin-top:12px}.ww-finish{gap:24px}}

/* Workwear: useful advice in place of price tables. */
.ww-impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:28px;padding-bottom:40px}
.ww-impact article{border-top:2px solid #ff2028;padding-top:22px}
.ww-impact h3,.ww-range-story h3{font-size:23px;line-height:1.3;margin:0 0 18px}
.ww-impact p{margin-bottom:0}
.ww-range-details{align-self:center}
.ww-range-story p{max-width:60ch}
.ww-options{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid #ffffff25;color:#c5d6e8;font-size:14px}
.ww-options li::before{content:'✓';color:#ff4651;margin-right:8px}
@media(max-width:700px){.ww-impact{grid-template-columns:1fr;gap:24px}.ww-range-story h3{font-size:21px}.ww-range-details>.button{white-space:normal;text-align:center;max-width:100%}}

.ww-care{border-left:1px solid #ffffff25;padding-left:40px}
.ww-care h3{margin-top:0}
.ww-camberline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;background:#0b2946}
.ww-camberline p{max-width:65ch}
.ww-camberline h2{margin-bottom:20px}
@media(max-width:700px){.ww-care{border-left:0;border-top:1px solid #ffffff25;padding:24px 0 0}.ww-camberline{grid-template-columns:1fr;gap:20px}.ww-camberline .button{justify-self:start}}

/* Individual garment showcases with open seams revealing the page navy. */
.workwear-page .ww-showcase-range{display:block;border-top:1px solid #ffffff20}
.ww-showcase-range .ww-range-heading{margin-bottom:12px}
.ww-range-intro{max-width:80ch;margin:0 0 32px}
.ww-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ww-product{min-width:0}
.ww-product .ww-enlarge{position:relative;inset:auto;height:auto;overflow:hidden;border-radius:5px;aspect-ratio:3/2}
.ww-showcase-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:transparent;mask-image:linear-gradient(90deg,#000 0 calc(33.333% - 4px),transparent calc(33.333% - 4px) calc(33.333% + 4px),#000 calc(33.333% + 4px) calc(66.667% - 4px),transparent calc(66.667% - 4px) calc(66.667% + 4px),#000 calc(66.667% + 4px) 100%)}
.ww-product h3{font-size:22px;line-height:1.3;margin:22px 0 12px}
.ww-product p{font-size:15px;line-height:1.7;margin:0;max-width:44ch}
.ww-zoom{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:2px;background:#001c3ecc;color:white;font-size:20px}
.ww-range-enquire{margin-top:30px}
.workwear-page #project-dialog{background:#001c3e}
.workwear-page #project-dialog>img{mask-image:linear-gradient(90deg,#000 0 calc(33.333% - 4px),transparent calc(33.333% - 4px) calc(33.333% + 4px),#000 calc(33.333% + 4px) calc(66.667% - 4px),transparent calc(66.667% - 4px) calc(66.667% + 4px),#000 calc(66.667% + 4px) 100%)}
@media(max-width:1100px){.ww-products{gap:20px}.ww-product h3{font-size:20px}}
@media(max-width:900px){.ww-products{grid-template-columns:1fr;gap:36px}.ww-product{display:grid;grid-template-columns:1.25fr 1fr;column-gap:28px;align-items:start}.ww-product .ww-enlarge{grid-row:1/3}.ww-product h3{margin:0 0 14px}.ww-product p{grid-column:2}}
@media(max-width:600px){.ww-product{display:block}.ww-product h3{margin-top:20px}.ww-products{gap:38px}.ww-showcase-range .ww-range-heading{gap:4px}.ww-range-enquire .button{white-space:normal;max-width:100%;text-align:center}.ww-showcase-image{mask-image:linear-gradient(90deg,#000 0 calc(33.333% - 3px),transparent calc(33.333% - 3px) calc(33.333% + 3px),#000 calc(33.333% + 3px) calc(66.667% - 3px),transparent calc(66.667% - 3px) calc(66.667% + 3px),#000 calc(66.667% + 3px) 100%)}}
/* Visual garment navigation: the original logo stays a separate, decorative layer. */
.ww-category-section{padding-top:36px}
.ww-category-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}
.ww-category-heading h2{margin-bottom:0}
.ww-category-heading>p{max-width:460px;color:#c5d6e8}
.ww-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ww-category-card{display:block;min-width:0;border:1px solid #ffffff1c;border-radius:6px;overflow:hidden;background:#0b2946;transition:border-color .2s,transform .2s}
.ww-category-photo{position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#48617a 0%,#223d57 55%,#142f49 100%)}
.ww-category-photo:before{content:'';position:absolute;inset:8% 3%;z-index:-1;background:url('assets/signmasta-logo.png') center/contain no-repeat;filter:grayscale(1) drop-shadow(0 1px 0 #ffffff80);opacity:.10}
.ww-category-photo img{display:block;width:100%;height:100%;object-fit:contain;padding:14px 18px 0;box-sizing:border-box;filter:drop-shadow(0 12px 12px #00102050);transition:transform .25s}
.ww-category-card h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Inter,sans-serif;font-size:18px;line-height:1.3;margin:0;padding:20px 22px;background:#08223d}
.ww-category-card h3 span{color:#ff2630;font-size:24px}
.ww-category-card:hover,.ww-category-card:focus-visible{border-color:#ff2630;outline:2px solid transparent;transform:translateY(-3px)}
.ww-category-card:hover img{transform:scale(1.035)}
@media(max-width:800px){.ww-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ww-category-heading{display:block}.ww-category-heading>p{margin-top:18px}.ww-category-card h3{font-size:15px;padding:15px 12px}.ww-category-photo img{padding:8px 6px 0}}
@media(prefers-reduced-motion:reduce){.ww-category-card,.ww-category-photo img{transition:none}.ww-category-card:hover,.ww-category-card:focus-visible,.ww-category-card:hover img{transform:none}}