.table-wrap{position:relative}.filters{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr auto}.filters label:nth-child(2){width:auto}.basis{display:block;font-size:12px;font-weight:400;color:#687782;margin-top:4px}.hero-image{background-image:url('steel-pipes.jpg')}.hero-image:after{background:linear-gradient(0deg,rgba(8,18,25,.7),rgba(8,18,25,.08) 70%)}@media(max-width:950px){.filters{grid-template-columns:1fr 1fr}.filters .button{grid-column:1/-1}}@media(max-width:500px){.filters{gap:14px}.filters label{min-width:0}.filters input,.filters select{font-size:14px;padding:12px 8px}}
.inventory-summary{display:flex;flex-wrap:wrap;gap:24px 48px;margin:24px 0 32px;padding:24px 0;border-top:1px solid #454545;border-bottom:1px solid #454545}.inventory-summary>div{display:flex;flex-direction:column;gap:6px}.inventory-summary strong{font-size:clamp(24px,3vw,36px);color:inherit}.inventory-summary span{font-size:14px}.inventory-summary p{flex-basis:100%;margin:0;font-size:14px}
/* Compact stock rows while preserving readable text and touch targets. */
#stock table th,#stock table td{padding:8px 10px;line-height:1.3}#stock table td button{min-height:32px;padding:5px 10px}#stock table .basis{margin-top:3px}
/* Processing is a primary capability alongside stock supply. */
.processing-hero-link{display:inline-block;margin-top:22px;color:#ffab7e}.processing-section{padding:64px 5%;background:var(--dark);color:#fff;border-top:6px solid var(--accent)}.processing-heading{max-width:900px}.processing-heading .eyebrow{color:#ffab7e}.processing-heading>p:last-child{font-size:17px;color:#c1cbd2;max-width:760px;margin:24px 0 32px}.processing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;border-top:1px solid #44515a;border-left:1px solid #44515a}.processing-grid li{padding:24px 20px;border-right:1px solid #44515a;border-bottom:1px solid #44515a;display:flex;flex-direction:column;gap:14px;font-size:17px;line-height:1.5}.processing-number{color:#ffab7e;font-size:14px}.processing-footer{display:flex;align-items:center;gap:36px;justify-content:space-between;margin-top:28px}.processing-footer p{font-size:14px;line-height:1.7;max-width:760px;color:#c1cbd2}.processing-footer .button{flex-shrink:0;max-width:100%;text-align:center}.hero h1{font-size:clamp(42px,4.4vw,68px)}@media(max-width:1000px){.processing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.processing-footer{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:500px){.processing-section{padding:44px 6%}.processing-grid li{padding:16px 12px;font-size:16px}.hero h1{font-size:43px}}
/* Full-width high-resolution photographic banner. */
.hero{position:relative;display:block;min-height:720px;isolation:isolate;overflow:hidden}.hero .hero-image{position:absolute;inset:0;min-height:0;z-index:-1;background:none}.banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:0;transition:opacity .8s ease}.banner-photo.active{opacity:1}.hero .hero-image:after{background:linear-gradient(90deg,rgba(8,18,25,.94) 0%,rgba(8,18,25,.78) 34%,rgba(8,18,25,.18) 75%),linear-gradient(0deg,rgba(8,18,25,.6),transparent 35%)}.hero-copy{position:relative;z-index:2;padding:64px 5% 100px;width:65%;max-width:1000px}.hero .intro{max-width:540px;color:#e0e6eb}.hero-bottom{max-width:530px}.hero .image-caption{left:auto;right:5%;bottom:100px;max-width:30%;flex-direction:column;gap:8px;text-align:right;font-size:12px}.banner-controls{position:absolute;right:5%;bottom:32px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff}.banner-controls button{width:44px;height:44px;border:1px solid #a8b0b8;background:rgba(8,18,25,.65);color:#fff;font-size:24px;line-height:1}.banner-controls button:last-child{font-size:17px}.banner-controls button:hover{background:#33414b}.banner-counter{font-size:14px;letter-spacing:2px;padding:0 8px}@media(max-width:900px){.hero-copy{width:85%}.hero .image-caption{display:none}}@media(max-width:600px){.hero{min-height:760px}.hero-copy{width:100%;padding:44px 6% 100px}.hero .hero-image:after{background:linear-gradient(90deg,rgba(8,18,25,.88),rgba(8,18,25,.52)),linear-gradient(0deg,rgba(8,18,25,.7),transparent)}.banner-photo{object-position:60% center}.banner-controls{right:6%;bottom:24px}}@media(prefers-reduced-motion:reduce){.banner-photo{transition:none}}
#products #processing{margin-top:0;padding:32px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--accent)}#products #processing h3{margin-top:0;font-size:34px}#products #processing .processing-heading>p:last-child{color:var(--muted);font-size:16px;margin:16px 0 24px}#products #processing .processing-grid{border-color:var(--line);background:white}#products #processing .processing-grid li{border-color:var(--line);padding:18px 16px}#products #processing .processing-number{color:#99430c}#products #processing .processing-footer p{color:var(--muted)}#products #processing .processing-footer{margin-top:18px}@media(max-width:600px){#products #processing{padding:24px 16px}#products #processing .processing-grid li{padding:14px 10px}}
.hero.collage-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);min-height:640px;overflow:hidden;gap:0}.collage-hero .hero-copy{width:100%;max-width:none;padding:54px 10% 40px}.collage-hero .hero-image{position:relative;inset:auto;z-index:0;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:2fr 1fr 1fr;gap:5px;min-height:640px;padding:5px;background:var(--dark)}.collage-hero .hero-image:after{display:none}.collage-photo{display:block;width:100%;height:100%;min-height:0;min-width:0;object-fit:cover}.collage-photo:first-child{grid-column:1/-1;object-position:center 65%}.collage-hero h1{font-size:clamp(40px,3.8vw,61px)}.collage-hero .hero-actions{flex-wrap:wrap;gap:16px}.collage-hero .hero-bottom{flex-wrap:wrap;gap:18px;margin-top:30px}.collage-hero .intro{font-size:16px}@media(max-width:900px){.hero.collage-hero{grid-template-columns:1fr;min-height:0}.collage-hero .hero-copy{padding:42px 6% 30px}.collage-hero .hero-image{height:500px;min-height:0;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr}.collage-photo:first-child{grid-column:1;grid-row:1/-1;object-position:64% center}}@media(max-width:500px){.collage-hero .hero-image{height:340px;grid-template-columns:1fr 1fr;grid-template-rows:1.7fr 1fr 1fr}.collage-photo:first-child{grid-column:1/-1;grid-row:1;object-position:center 65%}.collage-hero h1{font-size:43px}}
@media(min-width:901px){.hero.collage-hero .hero-image{height:700px;min-height:0;grid-template-rows:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}}