/* TG Welding industry pages. Loads after pages.css; same tokens, homepage-style hero and numbered sections. */
.i-hero{position:relative;min-height:min(86svh,880px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:var(--paper);background:var(--coal)}
.i-hero-media{position:absolute;inset:0;margin:0}
.i-hero-media img{width:100%;height:100%;object-fit:cover}
.i-hero-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,14,18,.96) 0%,rgba(11,14,18,.7) 40%,rgba(11,14,18,.4) 72%,rgba(11,14,18,.7) 100%),linear-gradient(90deg,rgba(11,14,18,.75),rgba(11,14,18,0) 70%)}
.i-hero-c{position:relative;z-index:2;padding-top:130px;padding-bottom:clamp(28px,4vw,56px)}
.i-meta{position:absolute;top:26px;left:var(--gut);right:var(--gut);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--f-m);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,242,236,.7)}
.i-meta b{color:var(--blue);font-weight:500}
.i-meta a{text-decoration:none;border-bottom:1px solid rgba(245,242,236,.3)}
.i-hero h1{font-size:clamp(2.8rem,8vw,8.4rem);line-height:1.04;max-width:14ch;margin:0 0 .3em}
.i-hero h1 .accent{color:var(--blue)}
.i-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.i-row .capsule{color:rgba(245,242,236,.84);margin:0;max-width:38em}
.i-hero .btn-ghost{color:var(--paper)}

.i-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-d)}
.i-stats div{padding:22px 18px 26px 0;border-right:1px solid var(--line-d)}
.i-stats div+div{padding-left:18px}
.i-stats div:last-child{border-right:0}
.i-stats b{display:block;font-family:var(--f-d);font-weight:600;text-transform:uppercase;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1}
.i-stats span{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-l)}

.lbl .n{font-weight:500;color:var(--blue-d)}
.dark .lbl{color:var(--steel-l)}
.dark .lbl .n,.dark .lbl b{color:var(--blue)}
.dark .prose p,.dark .faq-i p{color:rgba(245,242,236,.82)}
.i-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-bottom:clamp(26px,3vw,44px)}
.i-head h2{margin:0}
.i-head p{margin:0;color:#2c3139;max-width:30em}
.dark .i-head p{color:rgba(245,242,236,.78)}

.pains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pains li{border-top:2px solid var(--ink);padding-top:16px;color:#2c3139}
.pains .k{display:block;font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--blue-d);margin-bottom:8px}
.pains h3{color:var(--ink)}
.pains p{margin:0}

.builds{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.builds li{border-bottom:1px solid var(--line)}
.builds a{display:grid;grid-template-columns:64px minmax(0,15em) minmax(0,1fr) 28px;gap:18px;align-items:center;padding:18px 8px;text-decoration:none;transition:background .3s,color .3s}
.builds a:hover{background:var(--ink);color:var(--paper)}
.builds .k{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--blue-d)}
.builds b{font-family:var(--f-d);font-weight:600;text-transform:uppercase;font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.1}
.builds .d{font-size:15px;color:#3a4049;line-height:1.5}
.builds a:hover .d{color:var(--steel-l)}
.builds .ar{font-family:var(--f-m);text-align:right}

.proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start}
.proof dl{margin:0;border-top:2px solid var(--ink)}
.proof dl div{padding:18px 0;border-bottom:1px solid var(--line)}
.proof dt{font-family:var(--f-d);font-weight:600;text-transform:uppercase;font-size:1.25rem;line-height:1.2}
.proof dd{margin:6px 0 0;color:#2c3139}

.ven-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
.ven-box .facts{border-top-color:var(--paper)}
.ven-box .facts div{border-bottom-color:var(--line-d)}
.ven-box .facts dt{color:var(--steel-l)}

.ind-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(14px,1.6vw,22px)}
.ind-grid a{display:block;text-decoration:none;height:100%;background:var(--paper);border:1px solid var(--line);transition:background .3s,color .3s}
.ind-grid a:hover{background:var(--ink);color:var(--paper)}
.ind-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ind-grid .t{display:block;padding:16px 18px 20px}
.ind-grid b{display:block;font-family:var(--f-d);font-weight:600;text-transform:uppercase;font-size:1.35rem;line-height:1.1;margin-bottom:6px}
.ind-grid span span{font-size:14px;color:var(--steel)}
.ind-grid a:hover span span{color:var(--steel-l)}
.grp+.grp{margin-top:clamp(40px,5vw,72px)}

@media (max-width:880px){
  .i-hero{min-height:0}
  .i-hero-c{padding-top:150px}
  .i-meta{flex-direction:column;gap:6px}
  .i-row,.i-head,.proof,.ven-box{grid-template-columns:1fr}
  .i-stats{grid-template-columns:1fr 1fr}
  .i-stats div:nth-child(2){border-right:0}
  .i-stats div:nth-child(3){padding-left:0}
  .i-stats div:nth-child(n+3){border-top:1px solid var(--line-d)}
  .pains{grid-template-columns:1fr}
  .builds a{grid-template-columns:44px minmax(0,1fr);gap:4px 12px}
  .builds b{grid-column:2}
  .builds .d{grid-column:2}
  .builds .ar{display:none}
}