@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');
:root{--yellow:#ffc400;--black:#050505;--light:#f5f5f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0b0b0b;background:#fff;font-family:Roboto,Arial,sans-serif}
.header{height:83px;background:#050505;border-bottom:2px solid var(--yellow);position:sticky;top:0;z-index:50}
.header-inner{height:100%;max-width:1450px;margin:auto;display:flex}
.logo{width:270px;height:82px;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;z-index:3}
.logo img{width:240px;height:78px;object-fit:contain;display:block}
nav{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 0 5px}
nav a{font-family:Oswald,sans-serif;color:#fff;text-decoration:none;font-size:17px;font-weight:600;height:82px;display:flex;align-items:center;border-bottom:3px solid transparent;white-space:nowrap}
nav a.active,nav a:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
.hamburger{display:none}
.hero{height:430px;position:relative;overflow:hidden;background:#000}
.hero-photo{position:absolute;inset:0;background:url('hero-welding.jpg') center/cover no-repeat;transform:scale(1.08);filter:blur(12px);opacity:.46}
.hero-photo-foreground{position:absolute;inset:0;z-index:1;background:url('hero-welding.jpg') center/contain no-repeat}
.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.80) 25%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.48) 100%)}
.hero-text{position:relative;z-index:3;width:530px;padding:95px 0 0 max(calc((100vw - 1290px)/2),130px);color:#fff}
.yellow{font-family:Oswald,sans-serif;color:var(--yellow);font-size:21px;font-weight:600;margin-bottom:2px}
.hero h1{font-family:Oswald,sans-serif;font-size:50px;line-height:1;margin:0 0 12px;color:#fff;text-shadow:0 2px 1px #333}
.hero p{font-size:17px;line-height:1.35;margin:0 0 18px;width:410px}
.yellow-button{display:inline-block;background:var(--yellow);color:#050505;text-decoration:none;font-weight:800;padding:10px 22px;font-size:13px}
.slider-dots{display:flex;gap:9px;margin-top:16px}.slider-dots button{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#eee;cursor:pointer}.slider-dots .on{background:var(--yellow)}
.arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:58px;line-height:1;cursor:pointer}.arrow.left{left:34px}.arrow.right{right:34px}
.program{max-width:1360px;margin:0 auto;padding:11px 7px 15px;display:grid;grid-template-columns:405px 1fr;gap:43px;background:#fff}
.program-image{padding-top:0}.program-image img{width:405px;height:193px;display:block;object-fit:cover;border-radius:4px}
.program-main{position:relative}.program-main h2,.panel h2{font-family:Oswald,sans-serif;margin:0;font-size:29px;line-height:1.05;font-weight:600}
.underline{height:3px;width:25px;background:var(--yellow);margin:6px 0}
.program-desc{font-size:13px;line-height:1.25;margin:0 0 12px;max-width:690px}
.features{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;grid-auto-rows:minmax(50px,auto);gap:9px 20px}
.feature{display:grid;grid-template-columns:49px 1fr;gap:7px;align-items:center}
.feature .icon{width:42px;height:42px;border-radius:50%;background:var(--yellow);position:relative}
.feature .icon:before{content:"";position:absolute;inset:10px;border:3px solid #fff;border-radius:50%}
.feature h3{font-size:13px;margin:0 0 2px;font-weight:800}.feature p{font-size:12px;line-height:1.18;margin:0}
.program-button{position:absolute;right:0;bottom:0}
.lower{max-width:1380px;margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:12px;padding:0 0 5px}
.panel{border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 9px rgba(0,0,0,.12);min-height:213px;padding:11px 20px;position:relative}
.panel h2{font-size:27px}.panel .underline{margin-bottom:6px}
.events-only{min-height:213px}
.newsrow{display:flex;justify-content:space-between;font-size:13px;font-weight:700;padding:8px 0;border-bottom:1px solid #ddd}.newsrow span:last-child{font-weight:400}
.eventrow{display:grid;grid-template-columns:36px 1fr;gap:5px;padding:6px 0}.cal{color:var(--yellow);font-size:25px}.eventrow b{display:block;font-size:13px}.eventrow small{font-size:11px}
.gold-link{position:absolute;bottom:10px;left:20px;color:#b78100;font-size:12px;font-weight:800;text-decoration:none}
.partners img{width:100%;height:145px;object-fit:cover;object-position:center;margin-top:0}
.partners .gold-link{bottom:10px}
footer{background:#050505;color:#fff;margin-top:0}
.footer-main{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr 1fr 1.35fr;gap:38px;padding:11px 0 8px}
.foot{border-left:1px solid #2b2b2b;padding-left:28px}.brand-foot{border-left:0;padding-left:0}
.foot img{width:145px;height:50px;object-fit:cover;object-position:top;margin-bottom:2px}.brand-foot img{width:170px;height:70px;object-fit:contain;background:transparent;padding:0}.foot p{margin:2px 0;font-size:13px;line-height:1.25;white-space:pre-line}
.foot h3{font-family:Oswald,sans-serif;color:var(--yellow);font-size:14px;font-weight:500;margin:0 0 2px}.foot a{display:block;color:#fff;text-decoration:none;font-size:13px;line-height:1.25}
.social{font-size:18px;margin-top:5px}.copyright{text-align:center;background:var(--yellow);color:#000;font-weight:700;font-size:12px;padding:6px}
@media(max-width:1250px){nav{gap:8px;padding-right:14px}nav a{font-size:14px}.logo{width:220px}.logo img{width:195px}}@media(max-width:1100px){nav{gap:8px}nav a{font-size:14px}.logo{width:230px}.logo img{width:205px}.program{grid-template-columns:330px 1fr}.program-image img{width:330px}.features{gap:7px}.lower{margin:0 12px}}
@media(max-width:800px){.header{height:70px}.logo{width:190px;height:70px}.logo img{width:175px;height:66px}.hamburger{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:28px;padding:15px}.header-inner{padding-right:10px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#050505;flex-direction:column;align-items:stretch;padding:10px 20px}nav.open{display:flex}nav a{height:45px}.hero{height:500px}.hero-text{padding:85px 50px;width:auto}.hero h1{font-size:42px}.hero p{width:min(410px,80vw)}.program{grid-template-columns:1fr;padding:18px 20px}.program-image img{width:100%;height:220px}.features{grid-template-columns:1fr 1fr}.program-button{position:static;margin-top:12px}.lower,.footer-main{grid-template-columns:1fr;margin:0 20px}.footer-main{padding:20px 0}.foot{border-left:0;padding-left:0;border-top:1px solid #2b2b2b;padding-top:14px}.brand-foot{border-top:0}}
@media(max-width:520px){.hero-text{padding:75px 45px}.hero h1{font-size:36px}.features{grid-template-columns:1fr}.panel{min-height:230px}}

/* Exact partner assets supplied by Wilco Welding */
.partners{display:flex;flex-direction:column;min-height:0}
.partner-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;align-items:center;margin-top:4px}
.partner-logo{height:92px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:3px}
.partner-logo img{max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain}
.partners .gold-link{position:static;display:inline-block;align-self:flex-start;margin-top:14px}
@media(max-width:900px){.partner-logos{grid-template-columns:repeat(3,1fr)}.partner-logo{height:90px}}
@media(max-width:520px){.partner-logos{grid-template-columns:repeat(2,1fr)}}
/* =========================
   WILCO WELDING BLOG
   ========================= */

.blog-feature {
  width: 100%;
  background: #fff;
  padding: 0;
  margin: 0;
}

.blog-content {
  max-width: 1380px;
  margin: 0 auto;
  min-height: 280px;
  display: grid;
  grid-template-columns: minmax(0, 820px) minmax(260px, 420px);
  justify-content: start;
  align-items: stretch;
}

.blog-text {
  padding: 45px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
}

.blog-text .underline {
  width: 28px;
  height: 3px;
  background: var(--yellow);
  margin-bottom: 18px;
}

.blog-eyebrow {
  font-size: 14px;
  font-weight: 800;
  color: #555;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.blog-text h2 {
  font-family: Oswald, sans-serif;
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 12px;
  color: #111;
}

.blog-text p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 20px;
  color: #444;
}

.blog-text .yellow-button {
  align-self: flex-start;
}

.blog-image {
  width: 100%;
  min-height: 280px;
  overflow: hidden;
  background: #111;
}

.blog-image img {
  width: 100%;
  height: 280px;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Portrait uploads get a narrow, photo-sized box so nothing is cropped. */
.blog-content.has-portrait-blog {
  grid-template-columns: minmax(0, 820px) auto;
}

.has-portrait-blog .blog-image {
  width: auto;
  min-height: 0;
}

.has-portrait-blog .blog-image img {
  width: auto;
  height: 380px;
  max-width: 420px;
  object-fit: contain;
}

.blog-history { background:#f7f7f7; padding:42px 24px 48px; }
.blog-history-inner { max-width:1180px; margin:0 auto; }
.blog-history h2 { margin:0; font-family:Oswald,sans-serif; font-size:31px; color:#111; }
.blog-history .underline { width:28px; height:3px; margin:10px 0 22px; background:var(--yellow); }
.blog-history-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.blog-history-card { display:grid; grid-template-columns:135px minmax(0,1fr); min-height:142px; overflow:hidden; background:#fff; border:1px solid #e2e2e2; }
.blog-history-card img { width:135px; height:142px; object-fit:cover; background:#191919; }
.blog-history-card-text { padding:17px 18px; }
.blog-history-card .blog-eyebrow { margin:0 0 6px; font-size:12px; }
.blog-history-card h3 { margin:0 0 8px; color:#111; font-family:Oswald,sans-serif; font-size:23px; line-height:1.05; }
.blog-history-card p { margin:0; color:#505050; font-size:14px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:650px) { .blog-history-grid { grid-template-columns:1fr; }.blog-history-card { grid-template-columns:105px minmax(0,1fr); }.blog-history-card img { width:105px; } }


@media (max-width: 800px) {
  .blog-content,
  .blog-content.has-portrait-blog {
    grid-template-columns: 1fr;
  }

  .blog-image,
  .has-portrait-blog .blog-image {
    justify-self: center;
    transform: none;
  }

  .blog-text {
    padding: 35px 25px;
  }

  .blog-image,
  .blog-image img {
    min-height: 220px;
  }
}

/* White transparent logo asset */

