:root{--bg:#050505;--panel:#111;--panel2:#171717;--text:#fff;--muted:#cfcfcf;--red:#e61919;--red2:#b90000;--line:#333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);border-bottom:1px solid #222}.logo{display:flex;gap:10px;align-items:center}.logo-mark{font-style:italic;font-weight:900;font-size:42px;line-height:1;color:var(--red);letter-spacing:-5px}.logo-text{display:grid;text-transform:uppercase;line-height:.9}.logo-text strong{font-size:20px}.logo-text small{color:var(--red);font-size:10px;font-weight:800;letter-spacing:1px}.desktop-nav{display:flex;gap:34px;font-weight:700}.desktop-nav a{padding:12px 0;border-bottom:3px solid transparent}.desktop-nav a:hover{color:var(--red);border-color:var(--red)}.call-btn,.primary-btn{background:linear-gradient(135deg,var(--red),var(--red2));padding:16px 28px;border-radius:7px;font-weight:900;text-transform:uppercase;box-shadow:0 14px 32px rgba(230,25,25,.25);border:0;color:#fff;cursor:pointer}.secondary-btn{border:1px solid rgba(255,255,255,.8);padding:15px 28px;border-radius:7px;font-weight:900;text-transform:uppercase}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;padding:70px 6vw;background:radial-gradient(circle at 78% 20%,rgba(255,166,0,.35),transparent 24%),linear-gradient(135deg,#050505 0%,#141414 45%,#331111 100%);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,#050505)}.hero-content{position:relative;z-index:3;max-width:700px}.eyebrow{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:1px}.hero h1,.section h2,.equipment-section h2,.split-section h2,.quote-section h2{font-family:'Bebas Neue',Impact,sans-serif;letter-spacing:1px}.hero h1{font-size:clamp(54px,7vw,104px);line-height:.9;margin:12px 0;text-transform:uppercase;text-shadow:0 4px 20px #000}.hero-copy{font-size:21px;line-height:1.55;color:#f0f0f0;max-width:650px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0}.trust-row{display:flex;gap:28px;flex-wrap:wrap;font-weight:900;text-transform:uppercase;color:#eee}.truck-card{position:relative;z-index:2;min-height:480px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.05));overflow:hidden}.sun{position:absolute;right:8%;top:20%;width:120px;height:120px;border-radius:50%;background:#ffbc4a;box-shadow:0 0 90px #ff7a00}.road{position:absolute;left:-20%;right:-20%;bottom:11%;height:170px;background:linear-gradient(10deg,#222,#111);transform:skewY(-7deg)}.road:after{content:"";position:absolute;left:10%;right:10%;top:72px;border-top:8px solid #d99a32}.truck-wrap{position:absolute;right:0;bottom:100px;width:760px;height:260px}.truck{position:absolute;left:0;bottom:25px;width:330px;height:165px}.truck-cab{position:absolute;left:20px;bottom:45px;width:160px;height:115px;background:#fff;border-radius:20px 18px 8px 8px;box-shadow:inset -20px -20px 0 #ddd}.truck-bed{position:absolute;left:150px;bottom:45px;width:150px;height:70px;background:#f5f5f5;border-radius:4px;box-shadow:inset -14px -12px 0 #d7d7d7}.grill{position:absolute;left:0;bottom:62px;width:56px;height:72px;background:#d0d0d0;border:5px solid #111;border-radius:7px}.window{position:absolute;left:92px;bottom:112px;width:70px;height:38px;background:#111;border-radius:8px}.wheel,.twheel,.mini-wheel{position:absolute;border-radius:50%;background:#111;border:8px solid #555;box-shadow:inset 0 0 0 8px #222}.w1{left:68px;bottom:10px;width:76px;height:76px}.w2{left:235px;bottom:10px;width:76px;height:76px}.trailer-neck{position:absolute;left:295px;bottom:91px;width:155px;height:28px;background:#111;transform:skewX(-22deg)}.trailer{position:absolute;left:370px;bottom:24px;width:365px;height:155px}.deck{position:absolute;left:0;bottom:53px;width:310px;height:36px;background:#111;border-top:8px solid #e12222}.mega-ramp{position:absolute;right:0;bottom:53px;width:18px;height:135px;background:#111;border:4px solid #444}.r2{right:48px}.tw1{left:110px;bottom:0;width:62px;height:62px}.tw2{left:176px;bottom:0;width:62px;height:62px}.tw3{left:242px;bottom:0;width:62px;height:62px}.feature-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px;margin:0 6vw;transform:translateY(-40px);position:relative;z-index:5;border-radius:14px;overflow:hidden}.feature-bar article{background:#121212;padding:28px;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center}.icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),var(--red2));font-size:30px}.feature-bar h3,.service-card h3{text-transform:uppercase;margin:0 0 8px}.feature-bar p,.service-card p,.quote-copy p,.area-card p{color:var(--muted);line-height:1.55;margin:0}.section{padding:50px 6vw}.section-heading{display:flex;align-items:center;justify-content:center;gap:34px;margin-bottom:30px;text-align:center}.section-heading span{height:4px;width:120px;background:var(--red)}.section-heading h2{font-size:52px;margin:0;text-transform:uppercase}.section-heading h2::first-letter,.equipment-copy h2::first-letter{color:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.service-card{border:1px solid #444;background:linear-gradient(180deg,#1a1a1a,#0c0c0c);border-radius:10px;overflow:hidden;padding-bottom:24px}.card-img{height:190px;background:linear-gradient(135deg,#454545,#151515);position:relative}.card-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,196,80,.5),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.15),rgba(0,0,0,.25))}.construction .card-img{background:linear-gradient(135deg,#79512f,#111)}.equipment .card-img{background:linear-gradient(135deg,#7d7d7d,#151515)}.highway .card-img{background:linear-gradient(135deg,#f59b22,#222)}.warehouse .card-img{background:linear-gradient(135deg,#6b4a2f,#111)}.service-card h3,.service-card p{padding:0 24px}.equipment-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:70px 6vw;background:linear-gradient(90deg,#0a0a0a,#191919);border-top:1px solid #222;border-bottom:1px solid #222}.equipment-copy h2,.split-section h2,.quote-section h2{font-size:54px;margin:0 0 18px;text-transform:uppercase}.equipment-copy ul{padding:0;list-style:none;line-height:2;color:#f2f2f2;font-weight:700}.equipment-copy li:before{content:"✓";color:var(--red);margin-right:10px}.small{display:inline-block;margin-top:12px}.equipment-visual{position:relative;min-height:330px;border-radius:20px;background:radial-gradient(circle at 80% 20%,rgba(255,178,64,.42),transparent 25%),linear-gradient(140deg,#333,#090909);overflow:hidden}.mini-truck{position:absolute;left:8%;right:6%;bottom:72px;height:180px}.mini-cab{position:absolute;left:0;bottom:40px;width:160px;height:105px;background:#fff;border-radius:18px 18px 5px 5px;box-shadow:inset -15px -15px #ddd}.mini-bed{position:absolute;left:130px;bottom:40px;width:125px;height:62px;background:#fff}.mini-neck{position:absolute;left:240px;bottom:82px;width:120px;height:25px;background:#111;transform:skewX(-22deg)}.mini-trailer{position:absolute;left:335px;bottom:55px;width:300px;height:36px;background:#111;border-top:7px solid var(--red)}.mini-ramp{position:absolute;right:0;bottom:55px;width:70px;height:130px;border-right:18px solid #111;border-left:18px solid #111}.mini-wheel{width:55px;height:55px;bottom:22px}.a{left:42px}.b{left:205px}.c{right:160px}.d{right:90px}.industry-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;text-align:center}.industry-grid div{border:1px solid #2f2f2f;border-radius:10px;padding:24px 10px;background:#101010;font-size:30px}.industry-grid strong{display:block;font-size:12px;margin-top:10px;text-transform:uppercase}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:70px 6vw;background:#080808;border-top:1px solid #222;border-bottom:1px solid #222}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#eee}.check-grid span{font-weight:800}.area-card{background:linear-gradient(135deg,#171717,#0a0a0a);border:1px solid #333;border-radius:18px;padding:34px}.area-card strong{color:var(--red)}.quote-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:80px 6vw;background:linear-gradient(135deg,#250707,#050505)}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form input,.quote-form textarea{background:#080808;border:1px solid #444;color:#fff;border-radius:5px;padding:15px;font:inherit}.quote-form textarea{grid-column:1/-1;min-height:120px}.form-btn{grid-column:1/-1;width:100%;font-size:16px}.footer{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:30px;padding:40px 6vw;background:#020202;border-top:1px solid #222}.footer a{display:block;color:#ddd;margin:9px 0}.footer p{color:#aaa}@media(max-width:1100px){.hero{grid-template-columns:1fr}.truck-card{min-height:360px}.feature-bar,.cards{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(4,1fr)}.equipment-section,.split-section,.quote-section{grid-template-columns:1fr}.desktop-nav{display:none}.menu-btn{display:block}.site-header{gap:18px}.call-btn{margin-left:auto}}@media(max-width:720px){.site-header{padding:14px 18px}.call-btn{display:none}.hero{padding:48px 20px;min-height:auto}.hero h1{font-size:60px}.truck-wrap{transform:scale(.65);transform-origin:right bottom;right:-20px}.feature-bar{margin:0 20px;grid-template-columns:1fr;transform:none}.feature-bar article{grid-template-columns:60px 1fr}.cards,.quote-form{grid-template-columns:1fr}.section,.equipment-section,.split-section,.quote-section,.footer{padding-left:20px;padding-right:20px}.section-heading h2{font-size:42px}.section-heading span{width:45px}.industry-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}}

/* Hero photo fix: bundled locally so it works immediately after upload. */
.truck-card{
  min-height:520px;
  background-image:
    linear-gradient(90deg,rgba(5,5,5,.08),rgba(5,5,5,0) 28%),
    url('assets/hero-white-f250.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 70px rgba(0,0,0,.52);
}
.truck-card > *{display:none!important}
.equipment-visual{
  background-image:
    linear-gradient(90deg,rgba(5,5,5,.40),rgba(5,5,5,.03)),
    url('assets/hero-white-f250.webp');
  background-size:cover;
  background-position:center 54%;
  background-repeat:no-repeat;
}
.equipment-visual > *{display:none!important}
@media(max-width:1100px){
  .truck-card{min-height:430px;background-position:center center}
}
@media(max-width:720px){
  .truck-card{min-height:300px;background-position:58% center;border-radius:16px}
}

/* Position adjustment: keep the truck and trailer higher in the hero. */
@media (min-width:1101px){
  .truck-card{
    align-self:start;
    margin-top:-42px;
    transform:translateY(-28px);
    background-position:center 24%;
  }
}
@media (min-width:721px) and (max-width:1100px){
  .truck-card{
    margin-top:-28px;
    background-position:center 28%;
  }
}

/* Hero image reliability fix: use a real image element instead of a grid-cell background. */
.hero{
  min-height:720px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  isolation:isolate;
  padding:70px 6vw;
  overflow:hidden;
  background:#080808;
}
.hero-photo{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 43%;
  display:block;
}
.hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.78) 67%,rgba(24,4,4,.93) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));
}
.hero:after{
  z-index:2;
  pointer-events:none;
}
.hero-content{
  position:relative;
  z-index:3;
  width:min(49%,760px);
  max-width:760px;
  margin-left:auto;
}
.truck-card{display:none!important}
@media(max-width:1100px){
  .hero{min-height:760px;align-items:flex-end;padding-top:360px}
  .hero-photo{object-position:44% 24%}
  .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.9) 64%,#090909 100%)}
  .hero-content{width:100%;max-width:760px;margin:0}
}
@media(max-width:720px){
  .hero{min-height:760px;padding:330px 20px 55px}
  .hero-photo{height:390px;object-position:48% center}
  .hero-content{width:100%}
}


/* SJ Hot Shots custom logo */
.logo-image-link{display:flex;align-items:center;flex-shrink:0}
.site-logo-image{display:block;width:290px;max-width:30vw;height:68px;object-fit:cover;object-position:center;border-radius:4px}
.footer-logo-image{width:320px;max-width:100%;height:auto;aspect-ratio:1395/380}
@media(max-width:1100px){.site-logo-image{width:245px;max-width:38vw;height:58px}}
@media(max-width:720px){.site-logo-image{width:205px;max-width:58vw;height:49px}}

/* Corrected compact header logo sizing */
.site-header .site-logo-image{width:220px;max-width:22vw;height:52px;object-fit:cover;object-position:center;border-radius:4px}
@media(max-width:1100px){.site-header .site-logo-image{width:190px;max-width:32vw;height:45px}}
@media(max-width:720px){.site-header .site-logo-image{width:165px;max-width:52vw;height:39px}}

/* FINAL HEADER FIX — hard containment for the uploaded logo artwork */
.site-header{
  min-height:92px !important;
  height:92px !important;
  max-height:92px !important;
  padding:10px 5vw !important;
  overflow:hidden !important;
}
.site-header .logo-image-link{
  width:250px !important;
  height:70px !important;
  max-width:250px !important;
  max-height:70px !important;
  overflow:hidden !important;
  flex:0 0 250px !important;
}
.site-header .site-logo-image{
  display:block !important;
  width:250px !important;
  height:70px !important;
  max-width:250px !important;
  max-height:70px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:1100px){
  .site-header .logo-image-link,.site-header .site-logo-image{width:210px !important;max-width:210px !important;flex-basis:210px !important}
}
@media(max-width:720px){
  .site-header{height:76px !important;min-height:76px !important;max-height:76px !important;padding:8px 16px !important}
  .site-header .logo-image-link{width:170px !important;height:54px !important;max-width:170px !important;max-height:54px !important;flex-basis:170px !important}
  .site-header .site-logo-image{width:170px !important;height:54px !important;max-width:170px !important;max-height:54px !important}
}

.form-notice{grid-column:1/-1;padding:14px 16px;border-radius:8px;font-weight:700}.form-notice.success{background:#173b25;color:#bdf3cb;border:1px solid #2c7546}.form-notice.error{background:#4a1717;color:#ffd0d0;border:1px solid #8d3030}

/* VERIFIED SERVICE CARD REBUILD - BUILD 10 */
.service-cards-v10{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.service-card-v10{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #3b3b3b;border-radius:14px;background:#0d0d0d;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.service-card-v10>img{display:block;width:100%;height:230px;object-fit:cover;background:#171717;border-bottom:1px solid #333}
.service-copy-v10{padding:22px 24px 26px;min-height:205px}
.service-copy-v10 h3{margin:0 0 12px;padding:0;font-size:22px;line-height:1.08;text-transform:uppercase}
.service-copy-v10 p{margin:0;padding:0;color:#cfcfcf;line-height:1.6;font-size:16px}
.build-marker{position:fixed;right:6px;bottom:5px;font:10px Arial;color:#555;z-index:9999;pointer-events:none}
@media(max-width:1100px){.service-cards-v10{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.service-cards-v10{grid-template-columns:1fr}.service-card-v10>img{height:210px}.service-copy-v10{min-height:0}}