* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-main); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(1440px, calc(100% - 80px)); margin: 0 auto; }
.site-header { height: 94px; border-bottom: 1px solid var(--line); display:flex; align-items:center; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { font-size:21px; line-height:1; font-weight:800; letter-spacing:-1px; }
.logo span { display:block; margin-top:7px; font-size:9px; font-weight:500; letter-spacing:5px; }
.nav { display:flex; gap:30px; align-items:center; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.nav a { color:var(--muted); transition:color .2s; }
.nav a:hover, .nav a.active { color:var(--accent); }
.contact-link { border:1px solid var(--line); padding:13px 18px; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.contact-link:hover { background:var(--accent); color:var(--bg); border-color:var(--accent); }
.eyebrow { color:var(--accent); font-size:10px; text-transform:uppercase; letter-spacing:3px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(46px, 8vw, 108px); line-height:.98; letter-spacing:-.065em; font-weight:600; }
h1 span { color:var(--muted); }
.lead { max-width:620px; color:var(--muted); font-size:14px; line-height:1.9; }
.section { padding:75px 0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:28px; }
.section-heading h2 { margin:12px 0 0; font-size:clamp(28px,4vw,48px); letter-spacing:-.05em; }
.site-footer { border-top:1px solid var(--line); padding:28px 0; color:var(--muted); font-size:10px; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; gap:25px; padding:16px 20px; background:var(--accent); color:var(--bg); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; transition:transform .2s; }
.btn:hover { transform:translateY(-3px); }
.btn-outline { display:inline-flex; padding:15px 19px; border:1px solid var(--line); font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.btn-outline:hover { border-color:var(--accent); color:var(--accent); }
@media (max-width:800px) {
  .container { width:calc(100% - 40px); }
  .site-header { height:78px; }
  .nav { display:none; }
  .contact-link { padding:11px 12px; font-size:9px; }
  .section { padding:52px 0; }
  .section-heading { display:block; }
}

.workwear-hero { min-height:650px; display:flex; align-items:center; background:linear-gradient(90deg,rgba(23,23,21,.97) 0%,rgba(23,23,21,.72) 55%,rgba(23,23,21,.12) 100%),url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=2000&q=85') center/cover; }
.workwear-content { padding-top:70px; padding-bottom:70px; }
.workwear-content h1 { margin:25px 0; }
.workwear-content .lead { margin-bottom:30px; }
.audiences { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.audience-card { background:var(--surface); }
.audience-image { height:300px; background-size:cover; background-position:center; }
.audience-image.trades { background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1200&q=85'); }
.audience-image.engineers { background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1200&q=85'); }
.audience-info { padding:25px; }
.audience-info span { color:var(--accent); font-size:10px; letter-spacing:2px; }
.audience-info h3 { margin:18px 0 9px; font-size:25px; letter-spacing:-.05em; }
.audience-info p { color:var(--muted); font-size:12px; line-height:1.8; margin:0; }
.values { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; padding:55px 0 85px; }
.values h2 { margin:15px 0 0; font-size:clamp(34px,5vw,60px); line-height:1.05; letter-spacing:-.06em; }
.values h2 span { color:var(--muted); }
.values > p { max-width:470px; color:var(--muted); font-size:14px; line-height:2; }
.project-band { margin-bottom:85px; padding:55px; background:var(--surface); display:flex; align-items:end; justify-content:space-between; gap:30px; }
.project-band h2 { margin:15px 0 0; font-size:clamp(32px,5vw,58px); line-height:1.05; letter-spacing:-.06em; }
.project-band h2 span { color:var(--muted); }
@media(max-width:800px) { .workwear-hero{min-height:620px;background-position:60% center;} .audiences{grid-template-columns:1fr;} .audience-image{height:240px;} .values{grid-template-columns:1fr;gap:20px;padding:40px 0 55px;} .project-band{margin-bottom:50px;padding:28px;display:block;} .project-band .btn{margin-top:25px;} }