:root{--ink:#0a2342;--muted:#5a6b85;--paper:#fff;--line:#e0e6ef;--accent:#ff8c00}body{background:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#0d1b2a}.topline{background:#061630;font-size:10px;padding:10px 5%;letter-spacing:1px}header{position:sticky;top:0;z-index:20;box-shadow:0 2px 15px #0a23420c;background:#fff;padding:21px 5%}header .brand{font-size:34px;color:#0a2342}.brand>span{font-weight:800;letter-spacing:1px}.brand small{color:#6d7d92}.btn{background:#ff8c00;color:#0a2342;border-radius:8px;padding:14px 22px;font-weight:750;box-shadow:0 4px 10px #ff8c0015}.btn:hover{background:#ffa733;color:#0a2342}nav a{font-weight:600;font-size:12px}main{max-width:1480px;padding:0 5%}h1,h2,h3{font-family:'Space Grotesk','Segoe UI',Arial,sans-serif;letter-spacing:-.8px}h1{font-size:clamp(40px,4.7vw,68px);font-weight:750;line-height:1.1}h1 em{font-family:inherit;font-style:normal;color:#ff9a23;font-weight:750}.hero{position:relative;isolation:isolate;background:#0a2342;color:white;margin:0 -5.56%;padding:70px 5.56% 55px;gap:5%;border:0;min-height:510px}.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061630f5,#061630b3),url('photos/brand/hero-reference.svg') center/cover}.hero .eyebrow{color:#ffad47;font-size:10px}.hero .intro{color:#d2dce9;max-width:570px;font-size:15px}.hero .text-link{color:white}.hero-stats{gap:30px;border-top:1px solid #ffffff26;padding-top:22px}.hero-stats b{color:white;font-size:28px}.hero-stats span{color:#bbc9dc;font-size:10px}.supply-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto;gap:14px;padding:5px}.hero-product{background:#fff;border-radius:16px;position:relative;overflow:hidden;min-height:155px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 35px #0002}.hero-product.large{grid-row:span 2}.hero-product img{width:100%;height:110px;object-fit:contain;mix-blend-mode:multiply}.hero-product.large img{height:240px}.hero-product span{color:#0a2342;font-size:11px;font-weight:700;text-align:center;margin-top:12px}.supply-hero>p{grid-column:1/-1;color:#b8c6d8;font-size:9px;margin:0;padding:0 4px}.quick-categories{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e1e7ef;border-radius:12px;overflow:hidden;margin:30px 0 0;box-shadow:0 6px 18px #0a234208}.quick-category{background:#fff;border:0;border-right:1px solid #e1e7ef;padding:22px 12px;color:#0a2342;font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left}.quick-category:hover{background:#f4f7fc}.quick-category span{font-size:23px;color:#e8861f}.trade-strip{font-size:9px;color:#7a8a9c;letter-spacing:1.2px;padding:20px 0;gap:8px}.trade-strip span{color:#ff8c00}section{padding:65px 0;border-bottom:1px solid #e4e9f1}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(28px,3vw,40px);font-weight:750;line-height:1.16}.section-head .eyebrow{color:#e47b0b;margin-bottom:12px}.section-head>p{font-size:12px;max-width:390px}.catalogue-layout{grid-template-columns:220px 1fr;gap:28px}aside{border:1px solid #e1e7ef;border-radius:10px;overflow:hidden;align-self:start;padding-bottom:20px}aside h3{margin:0;padding:18px;background:#0a2342;color:white;font-size:13px}aside .text-link{padding:14px;display:block;font-size:11px}#categories{margin-bottom:0}.category{padding:12px 14px;border-color:#edf0f5;font-size:11px}.category.active{background:#eaf2fe;color:#0a2342;border-left:3px solid #ff8c00;border-radius:0}.category b{font-size:10px}.search-box{border:1px solid #c9d3e1;padding:9px 14px;background:#f8fafd;border-radius:8px}.search-box input{font-size:13px}.search-box>span{color:#ff8c00}.filters label{font-size:10px}.filters select{padding:9px;border-radius:6px}.product-grid{gap:16px}.product-card{border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 5px 15px #0a234207;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 10px 25px #0a234213;transform:translateY(-2px)}.product-image{height:170px;background:#fff;padding:17px;border-bottom:1px solid #f0f2f6}.product-image img{width:100%;max-height:138px;object-fit:contain}.product-info{padding:15px}.product-info h3{font-size:15px;font-weight:700;margin:8px 0}.code{color:#74839a;font-size:8px;letter-spacing:.35px}.spec{font-size:11px!important;min-height:30px;margin-bottom:3px!important}.price{font-size:17px;margin:7px 0}.price small{line-height:1.45;color:#8490a3;font-size:9px}.product-info>p{font-size:10px}.product-info button{padding:10px;background:#0a2342;color:white;border:0;border-radius:6px}.product-info button:hover{background:#123e73}.market-ref{background:#f5f7fb;border:1px solid #e7ecf4;border-radius:6px;margin:8px 0 12px;padding:8px;font-size:10px;color:#5a6b85}.market-ref summary{font-size:10px;color:#0a2342;font-weight:650;cursor:pointer}.market-ref p{font-size:9px;line-height:1.5;margin:6px 0!important}.market-ref a{color:#0962bb;text-decoration:underline}.photo-label{font-size:8px!important;color:#8b97a9!important;min-height:12px}.service-section{background:#f4f6f9;padding:65px 5.56%}.service-section summary{color:#0a2342}.work-item{background:white;border:1px solid #e1e7ef;border-radius:8px}.work-item h3{font-size:14px}.company-card{padding:24px;border:1px solid #e0e6ef;border-radius:12px;box-shadow:0 5px 15px #0a234205}.company-card h3{font-size:16px}.company-card dd{font-size:12px}.company-card address{font-size:12px}.company-card p{font-size:12px}.project-card{background:#fff;border:1px solid #e0e6ef;border-radius:12px}.project-empty{background:#f4f6f9;border-color:#d5deeb}.team-card{background:#f5f7fb;border-top:3px solid #ff8c00;border-radius:8px}.team-card h3{font-size:12px}.avatar{background:#e6edf7;border-color:#c8d4e6;color:#0a2342}.enquiry-section{background:#0a2342;padding:65px 5.56%}.enquiry-section h2{font-size:40px;color:white}.enquiry-section p{font-size:13px}.enquiry-section label{font-size:11px}.enquiry-section .btn{background:#ff8c00}.basket-total{background:#12365c;border-radius:8px}.basket-row{font-size:11px}.pagination button{border-radius:6px}footer{background:#061630;color:#c4cfdd;font-size:10px}footer .brand{color:white}footer p{color:#a5b5c9}dialog{border-radius:12px}dialog h2{font-size:25px}dialog .btn{font-size:12px}#rateStatus{padding:10px 14px;background:#f5f8fd;border-left:3px solid #ff8c00;font-size:10px}.trap{display:none!important}.empty{font-size:13px}.company-card .fine{font-size:11px}
@media(max-width:1000px){.catalogue-layout{grid-template-columns:180px 1fr}.quick-categories{grid-template-columns:repeat(3,1fr)}.quick-category{border-bottom:1px solid #e1e7ef}.hero{gap:3%}.hero-product{padding:15px}.hero-product.large img{height:200px}.hero h1{font-size:48px}.hero-stats{gap:20px}}
@media(max-width:700px){header{padding:15px 5%;gap:12px}.brand>span{font-size:13px}nav{gap:18px}nav a{font-size:11px}.hero{padding:40px 5.56%;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:43px}.hero .intro{font-size:14px}.hero-stats{margin-top:26px;justify-content:flex-start;gap:35px}.supply-hero{margin-top:25px;grid-template-columns:1.2fr 1fr;gap:10px}.hero-product{min-height:110px;padding:10px}.hero-product img{height:70px}.hero-product.large img{height:155px}.hero-product span{font-size:9px}.quick-category{padding:15px 8px;font-size:9px;gap:6px}.quick-category span{font-size:20px}.trade-strip{font-size:8px;letter-spacing:.3px}.catalogue-layout{grid-template-columns:1fr}.catalogue-layout aside{padding-bottom:0}.catalogue-layout aside h3{padding:12px}#categories{padding:8px;gap:6px}.category{font-size:10px;border:1px solid #e0e6ef;border-radius:5px;min-width:140px}.category.active{border:1px solid #ff8c00}.catalogue-layout aside .text-link{padding:10px;margin-bottom:0}.product-grid{gap:10px}.product-image{height:140px;padding:12px}.product-image img{max-height:115px}.product-info{padding:12px}.product-info h3{font-size:13px}.market-ref{padding:7px}.market-ref summary{font-size:9px}.section-head h2{font-size:30px}.filters{gap:8px}.results-line{font-size:10px}.company-grid{grid-template-columns:1fr}.company-card dd,.company-card address{font-size:13px}.enquiry-section h2{font-size:32px}section{padding:42px 0}.hero:before{background:linear-gradient(90deg,#061630f5,#061630d9),url('photos/brand/hero-reference.svg') center/cover}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover{transform:none}}
@media(max-width:700px){header .brand small{display:none}header .brand{font-size:29px}header .brand>span{font-size:12px}header .small{padding:10px 14px;font-size:12px;gap:16px}header{justify-content:space-between}nav{justify-content:space-between;width:100%;gap:8px}}