:root{--bg:#11171b;--panel:#202a30;--dark:#192127;--orange:#ff7900;--paper:#f3f4f3;--ink:#172127;--muted:#65717a;--line:#d9ddde}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{max-width:1230px;margin:auto;padding:0 24px}.top{background:#12191e;color:white;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0004}.topin{max-width:1370px;margin:auto;padding:10px 24px;min-height:77px;display:flex;align-items:center;gap:30px;justify-content:space-between}.logo{display:block;width:235px;flex:none}.logo img{width:100%;display:block}.links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.links a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.links a:hover,.links a.current{color:var(--orange)}.actions{display:flex;gap:10px;align-items:center}.btn{border:0;background:var(--orange);color:white;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;padding:13px 18px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#e36c00}.btn.outline{border:1px solid #94a0a8;color:white;background:transparent}.btn.light{border:1px solid #b5bdc1;background:white;color:var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.menu{display:none;background:none;border:1px solid #77848c;border-radius:3px;color:white;padding:7px 12px;font-size:22px}.hero{min-height:490px;color:white;background:linear-gradient(90deg,#10171bea 0%,#10171bd8 38%,#10171b68 73%,#10171b99 100%),url('welding-hero.png') center right/cover no-repeat;display:flex;align-items:center}.hero-inner{padding-top:66px;padding-bottom:68px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--orange)}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,6vw,76px);line-height:.99;letter-spacing:-.045em;font-weight:900;max-width:760px;margin:14px 0 20px;text-transform:uppercase}h1 span{color:var(--orange)}.hero p{color:#e4e8ea;font-size:17px;max-width:570px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-30px;position:relative}.feature{background:#1c272e;border-top:3px solid var(--orange);padding:22px;color:white;min-height:145px;display:flex;flex-direction:column;gap:9px;box-shadow:0 4px 14px #0002}.feature:hover{background:#283740}.feature .symbol{color:var(--orange);font-size:27px}.feature strong{font-size:17px;text-transform:uppercase}.feature small{font-size:13px;color:#b9c5cb}.section{padding:68px 0}.section.alt{background:white}.section.dark{background:#151d22;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.kicker{font-size:11px;letter-spacing:.19em;color:#ed6f00;font-weight:900;text-transform:uppercase;margin-bottom:8px}.section h2,.pagehero h1{font-size:clamp(27px,3.5vw,44px);text-transform:uppercase;letter-spacing:-.03em;line-height:1.1;font-weight:900}.section-intro{color:#58636a;max-width:680px;margin-top:10px}.textlink{font-size:13px;color:#ce5800;font-weight:800;text-transform:uppercase}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tile{background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 8px 25px #101a2208}.tile-body{padding:23px}.tile h3{font-size:19px;text-transform:uppercase;margin-bottom:10px}.tile p{font-size:14px;color:#62717a}.tile .tag,.tag{display:inline-block;border-radius:3px;background:#f4e4d6;color:#a44c00;font-size:10px;font-weight:900;padding:4px 7px;letter-spacing:.04em;text-transform:uppercase}.tile-icon{background:#202a30;color:var(--orange);font-size:42px;display:flex;align-items:center;justify-content:center;height:115px}.band{background:#1c272f;color:white;padding:42px 0}.bandin{display:flex;align-items:center;justify-content:space-between;gap:18px}.band h2{font-size:31px;text-transform:uppercase;line-height:1.1}.band p{color:#cad3d8;margin-top:9px}.product-photo{height:190px;background:linear-gradient(135deg,#252d31,#090e11);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.rods{display:flex;transform:rotate(-22deg);gap:5px}.rods i{display:block;width:13px;height:130px;background:linear-gradient(90deg,#808c91,#e9e9e6 36%,#68747b 85%);border-radius:2px;box-shadow:3px 4px 10px #0009}.rods i:nth-child(even){height:145px}.product-photo .flag{position:absolute;left:13px;bottom:12px;color:white;font-weight:900;font-size:12px;background:var(--orange);padding:4px 8px}.price{font-size:20px;font-weight:900;margin:14px 0 5px}.small{font-size:12px;color:#6d777d}.product .btn{margin-top:17px;width:100%}.jobs{display:grid;gap:12px}.job{border:1px solid var(--line);padding:18px;background:white;border-left:4px solid var(--orange);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:15px}.job strong{font-size:17px}.job p{color:#66727b;font-size:13px;margin-top:5px}.panel{padding:27px;border:1px solid var(--line);background:white;border-radius:6px}.panel h3{margin-bottom:10px}.panel p{color:#57656d}.fine{font-size:12px;color:#67757d}.dark .fine{color:#b9c3c8}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.picture{min-height:280px;background:url('welder-site.webp') center/cover;border-radius:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{padding:22px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange)}.step b{color:#ef6f00;font-size:26px}.step h3{margin:8px 0}.step p{color:#657179;font-size:14px}.pagehero{background:#1a262d;color:white;padding:62px 0}.pagehero h1{margin:8px 0 14px;max-width:850px}.pagehero p{max-width:680px;color:#ced6da}.filter{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.filter input,.filter select,.form input,.form select,.form textarea{border:1px solid #c6cdd1;border-radius:4px;padding:12px;width:100%;background:white;color:#1b252b}.filter input{flex:2;min-width:190px}.filter select{flex:1;min-width:180px}.notice{background:#fff6eb;border:1px solid #f3ce9e;color:#815023;border-radius:4px;padding:12px 16px;font-size:13px;margin:20px 0}.empty{padding:25px;background:#fff;border:1px dashed #adb7bd;color:#59656b}.form{display:grid;gap:15px}.form label{font-size:13px;font-weight:700}.form label>*{margin-top:5px}.form textarea{min-height:110px}.foot{background:#10171b;color:white;padding:50px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot .logo{width:220px}.foot p{font-size:13px;color:#b2bfc6;margin-top:16px;max-width:390px}.foot h3{font-size:13px;text-transform:uppercase;margin-bottom:13px}.foot a{display:block;font-size:13px;color:#d0d8dc;margin-bottom:9px}.copyright{border-top:1px solid #34414a;padding-top:18px;margin-top:36px;color:#a8b5ba;font-size:12px}.cartpanel{position:fixed;right:18px;bottom:18px;z-index:55;background:#172229;color:white;padding:17px 19px;box-shadow:0 8px 30px #0006;border:1px solid #4d5b62;border-radius:7px;max-width:340px}.cartpanel[hidden]{display:none}.cartpanel p{font-size:13px;color:#ced5d8}.cartpanel button{background:none;border:0;color:var(--orange);font-weight:800;margin-top:8px}.hide{display:none!important}@media(max-width:1100px){.topin{gap:15px}.logo{width:198px}.links{gap:12px}.links a{font-size:12px}.features{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:830px){.topin{flex-wrap:wrap}.menu{display:block;margin-left:auto}.links{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;padding:12px 0 18px}.links.open{display:flex}.links a{padding:8px}.actions{margin-left:auto}.hero{min-height:430px}.grid3,.split{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{padding:0 17px}.topin{padding:8px 15px}.logo{width:175px}.actions{display:none}.hero{min-height:450px;background-position:60% center}.hero-inner{padding:52px 0 75px}.hero p{font-size:15px}.features,.grid3,.grid4,.split,.footgrid{grid-template-columns:1fr}.features{margin-top:-22px}.section{padding:48px 0}.section-head{align-items:start;flex-direction:column}.bandin{align-items:start;flex-direction:column}.job{align-items:start;flex-direction:column}.product-photo{height:165px}}


/* TORONTO WELDERS - CLEAN HERO BANNER FIX */

.hero {
    position: relative;
    overflow: hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(8, 15, 19, 0.94) 0%,
            rgba(8, 15, 19, 0.82) 45%,
            rgba(8, 15, 19, 0.35) 100%
        ),
        url("welding-hero.png");

    background-size: 100% 100%, auto 180%;
    background-position: center, center 75%;
    background-repeat: no-repeat;

    min-height: 520px;
}

.hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 100px;
}

.hero h1 {
    max-width: 800px;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.05;
    margin-bottom: 24px;
}

.hero p {
    max-width: 600px;
    line-height: 1.65;
}

.hero .cta {
    margin-top: 30px;
}

/* TABLETS */

@media (max-width: 1100px) {
    .hero {
        background-size: 100% 100%, auto 160%;
        background-position: center, center 75%;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .hero {
        min-height: 480px;
        background-size: 100% 100%, auto 145%;
        background-position: center, center 75%;
    }

    .hero-inner {
        padding-top: 60px;
        padding-bottom: 85px;
    }

    .hero h1 {
        font-size: clamp(37px, 9vw, 52px);
    }

    .hero p {
        font-size: 15px;
    }
}

/* END HERO BANNER FIX */


/* TORONTO WELDERS - FULL WIDTH BANNER FIX */
.hero {
    width: 100% !important;
    max-width: none !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(8,15,19,0.91) 0%,
            rgba(8,15,19,0.72) 42%,
            rgba(8,15,19,0.18) 100%
        ),
        url("welding-hero.png") !important;

    background-size: cover, cover !important;
    background-position: center, center center !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 600px) {
    .hero {
        background-position: center, 60% center !important;
    }
}
/* END FULL WIDTH BANNER FIX */

/* Toronto Welders member access nav link */
.links .member-access{color:#ff7900;border:1px solid #ff7900;border-radius:3px;padding:10px 12px;white-space:nowrap}
.links .member-access:hover,.links .member-access.current{background:#ff7900;color:#12191e}
@media(max-width:830px){.links .member-access{display:block;padding:10px 12px}}