:root{--ink:#192f4d;--muted:#62656b;--accent:#e5a12b;--paper:#f4f5f7;--line:#dfe1e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%;object-fit:cover}button{font:inherit}.container{width:min(1200px,90%);margin:auto}.topbar{background:var(--ink);color:#fff;font-size:12px;padding:9px 0}.topbar .container{display:flex;justify-content:space-between}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.navigation{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:1px;line-height:1.3}.brand small{display:block;font-size:8px;letter-spacing:1.8px}.brand img{object-fit:contain}nav{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 24px;background:var(--accent);color:white;font-weight:700;font-size:14px}.button:hover{background:#f1b64b;text-decoration:none}.small{padding:11px 17px}.hero{background:var(--ink);color:white;padding:70px 0 0}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 18px}.hero .eyebrow,.contact .eyebrow{color:#f2ba50}h1{font-size:clamp(48px,6vw,80px);line-height:1.07;letter-spacing:-3px;margin:0 0 25px}h1 span{color:#f2ba50}.hero-copy{max-width:520px;color:#dce0e7;font-size:18px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px}.text-link{font-size:14px;font-weight:700}.hero-image{position:relative;background:#fff;padding:30px 30px 100px}.hero-image>img{width:100%;height:320px;object-fit:contain}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#263e5a;padding:20px 28px}.image-caption span{display:block;font-size:10px;letter-spacing:2px;color:#dce0e7}.image-caption strong{font-size:20px}.specialties{display:flex;gap:50px;border-top:1px solid #4c596c;margin-top:65px;padding:24px 0;color:#dce0e7;font-size:13px}.specialties span:before{content:'+';color:#f2ba50;margin-right:15px}.section{padding-top:90px;padding-bottom:90px}h2{font-size:clamp(30px,3.3vw,44px);letter-spacing:-1.3px;line-height:1.2;margin:0 0 25px}h3{font-size:19px;line-height:1.4;margin:15px 0 12px}p{margin:0 0 20px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:85px}.about p{color:var(--muted)}.about .statement{border-left:3px solid var(--accent);padding-left:20px;color:var(--ink);font-weight:600}.products{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:25px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-grid article{background:#fff;padding:16px;display:flex;flex-direction:column}.product-grid img{width:100%;height:210px;object-fit:contain;background:#fff}.product-grid h3{font-size:17px}.product-grid a{font-size:12px;color:#806019;margin-top:auto;padding-top:10px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.values article{border-top:1px solid var(--line);padding-top:20px}.values span{font-size:13px;color:var(--accent);font-weight:bold}.values p{font-size:14px;color:var(--muted)}.contact{background:var(--ink);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact p{color:#dce0e7;max-width:450px}.phone{display:inline-block;font-size:27px;margin-top:20px}.contact-details{border-left:1px solid #4c596c;padding-left:50px}.contact-details h3{margin-top:0}.contact-details>a:not(.button){display:block}.contact-details address{font-style:normal;color:#dce0e7;margin-bottom:20px}hr{border:0;border-top:1px solid #4c596c;margin:30px 0}footer{display:flex;justify-content:space-between;padding:25px 0;font-size:12px}footer p{margin:0}.skip{position:fixed;top:-100px;left:10px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid #b57c13;outline-offset:5px}.menu-toggle{border:1px solid var(--line);background:white;padding:7px 14px;color:var(--ink)}
@media(max-width:1000px){nav{gap:14px}.brand{font-size:18px}.brand img{width:44px;height:44px}.hero-grid{gap:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.about,.contact-grid{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:90px}.topbar .container{justify-content:center}.topbar a{display:none}.navigation{min-height:78px;flex-wrap:wrap;padding:12px 0;gap:12px}nav{width:100%;flex-wrap:wrap;padding:12px 0}html.js nav{display:none}html.js nav.open{display:flex}.menu-toggle:not([hidden]){display:block}.hero{padding-top:45px}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.hero-image{max-width:480px;width:100%;margin:auto}.hero-image>img{height:240px}.specialties{gap:14px;flex-wrap:wrap;margin-top:35px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-bottom:12px}.values{grid-template-columns:1fr 1fr;gap:25px}.contact-details{border-left:0;border-top:1px solid #4c596c;padding:30px 0 0}.actions{flex-wrap:wrap}footer{gap:20px}.product-grid{gap:14px}.product-grid img{height:160px}}
@media(max-width:420px){.values{grid-template-columns:1fr}.product-grid article{padding:10px}.product-grid img{height:130px}.product-grid h3{font-size:15px}.phone{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.menu-toggle{display:none}
@media(max-width:760px){.menu-toggle:not([hidden]){display:block}}

/* Layout for the supplied engineering range and company commitments. */
h1{font-size:clamp(40px,4.6vw,62px);letter-spacing:-2px;line-height:1.12}
.hero-grid>div{min-width:0}
.image-caption strong{font-size:18px}
.specialties{flex-wrap:wrap;gap:20px 40px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-grid article{padding:26px;border-top:3px solid var(--accent);min-height:195px}
.product-number{font-size:13px;letter-spacing:2px;color:var(--accent);font-weight:700}
.product-grid h3{font-size:20px;margin-bottom:24px}
.values{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 55px}
.values p{font-size:15px}
.values .value-statement{font-weight:700;color:var(--ink)}
@media(max-width:1000px){nav{gap:12px;font-size:13px}}
@media(max-width:760px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.values{grid-template-columns:1fr}.product-grid article{padding:20px}.product-grid h3{font-size:18px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr}.product-grid article{min-height:170px}}

/* Supplied product photography, shown without cropping. */
.product-gallery{margin-bottom:20px}
.product-grid .product-photo{width:100%;height:240px;object-fit:contain;background:#fff}
.product-thumbnails{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.product-grid .product-thumbnail{display:block;margin:0;padding:3px;border:2px solid var(--line);border-radius:3px}
.product-grid .product-thumbnail[aria-current="true"]{border-color:var(--accent)}
.product-grid .product-thumbnail img{width:52px;height:52px;object-fit:contain}
@media(max-width:760px){.product-grid .product-photo{height:200px}}

/* Banner slideshow keeps photographs fully visible at every screen size. */
.hero-image{padding-bottom:0}
.hero-image .image-caption{position:static;margin:20px -30px 0}

.product-placeholder{margin:0 0 20px}
.product-grid .product-placeholder .product-photo{height:240px;width:100%;object-fit:cover}
.product-placeholder figcaption{font-size:11px;color:var(--muted);margin-top:8px}
@media(max-width:760px){.product-grid .product-placeholder .product-photo{height:200px}}

/* Weldcore navy, steel grey and welding-spark gold identity. */
html{scroll-padding-top:170px}
.navigation{min-height:145px;padding-top:10px;padding-bottom:10px}
.brand{flex-shrink:0}
.brand img{width:220px;height:auto;object-fit:contain}
.button{color:var(--ink)}
.eyebrow,.values span,.product-number{color:#806019}
.hero .eyebrow,.contact .eyebrow{color:#f2ba50}
nav>a:hover{color:#806019}
@media(max-width:760px){html{scroll-padding-top:140px}.navigation{min-height:115px}.brand img{width:175px;height:auto}}