:root{--asphalt:#101113;--road:#1B1D20;--paint:#FFD400;--line:#fff;--mist:#F3F3F1;--ink:#101113;--muted:#5A5D62;--bg:#FFFFFF}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:'Barlow',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:1.05;letter-spacing:.01em}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--paint);outline-offset:3px}
.top{background:var(--asphalt);color:#fff;position:sticky;top:0;z-index:20}
.top-in{max-width:1180px;margin:auto;padding:.7rem 1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.brand{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;text-decoration:none}
.brand b{color:var(--paint)}
nav{margin-left:auto;display:flex;gap:1.4rem;align-items:center;font-weight:500}
nav a{text-decoration:none;opacity:.85}nav a:hover{opacity:1}
.menu{position:relative}
.menu>summary{list-style:none;cursor:pointer;opacity:.85}
.menu>summary::-webkit-details-marker{display:none}
.menu[open]>summary{opacity:1}
.drop{position:absolute;right:0;top:2.2rem;background:var(--asphalt);border:1px solid #3a3f46;border-top:3px solid var(--paint);padding:.6rem;width:290px;max-height:70vh;overflow-y:auto;display:grid;z-index:50}
.drop a{padding:.35rem .6rem;font-size:.95rem}
.drop a:hover,.drop a[aria-current]{background:var(--road);color:var(--paint)}
.cta{background:var(--paint);color:var(--ink);padding:.55rem 1.1rem;font-weight:600;text-decoration:none;border-radius:3px}
nav a.cta{opacity:1}
.hero{background:var(--asphalt);color:#fff;position:relative;overflow:hidden;margin-top: -30px;}
.hero-in{max-width:1180px;margin:auto;padding:4.5rem 1.25rem 5rem;position:relative}
.hero h1{font-size:clamp(2.6rem,6.5vw,4.8rem);max-width:18ch;font-weight:700}
.hero p{max-width:60ch;margin-top:1.2rem;font-size:1.15rem;color:#d7d9dc}
.crumb{font-size:.9rem;color:#aab0b7;margin-bottom:1rem}
.crumb a{color:var(--paint)}
.bays{position:absolute;right:0;bottom:0;display:flex;gap:0;height:100%;opacity:.9;pointer-events:none}
.bays i{display:block;width:6px;background:var(--line);margin-right:70px;transform:skewX(-14deg);opacity:.14}
.bays i:nth-child(odd){background:var(--paint);opacity:.35}
.hero-img{background:linear-gradient(rgba(28,31,35,.82),rgba(28,31,35,.82)),url('https://images.pexels.com/photos/35691103/pexels-photo-35691103.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover}
.edge{height:10px;background:repeating-linear-gradient(90deg,var(--paint) 0 46px,transparent 46px 70px);display:none}
main{max-width:1180px;margin:auto;padding:3.5rem 1.25rem}
.split{display:grid;grid-template-columns:1fr 340px;gap:3.5rem;align-items:start}
.copy h2{font-size:2.2rem;margin:2.2rem 0 .7rem}
.copy h2:first-child{margin-top:0}
.copy p{max-width:68ch;margin-bottom:1rem;color:#2d3136}
.aside{position:sticky;top:5rem;background:var(--asphalt);color:#fff;padding:1.6rem;border-left:8px solid var(--paint)}
.aside h3{font-size:1.5rem;margin-bottom:.8rem;color:var(--paint)}
.aside ul{padding-left:1.1rem;margin-bottom:1.4rem}
.aside li{margin:.4rem 0}
.aside .cta{display:block;text-align:center;margin-top:.6rem}
.aside .call{display:block;text-align:center;margin-top:.8rem;text-decoration:none;color:#fff}
.sectors{background:var(--mist)}
.sectors-in{max-width:1180px;margin:auto;padding:3rem 1.25rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.sectors h3{font-size:1.6rem;margin-bottom:.4rem}
.sectors p{color:var(--muted);font-size:.98rem}
.more{max-width:1180px;margin:auto;padding:3rem 1.25rem}
.more h2{font-size:2rem;margin-bottom:1.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;border-top:3px solid var(--ink)}
.grid a{padding:1.3rem 1.2rem 1.4rem 0;border-bottom:1px solid #cfcac0;text-decoration:none;display:block}
.grid a:hover h3{color:#8a6a00;text-decoration:underline}
.grid h3{font-size:1.5rem;margin-bottom:.3rem}
.grid p{color:var(--muted);font-size:.95rem}
.band{background:var(--paint);color:var(--ink)}
.band-in{max-width:1180px;margin:auto;padding:2.5rem 1.25rem;display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.band h2{font-size:2.2rem}
.band .cta{background:var(--ink);color:#fff}
footer{background:var(--asphalt);color:#b9bec4;font-size:.95rem}
.foot{max-width:1180px;margin:auto;padding:2.5rem 1.25rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.foot h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}
.foot a{display:block;text-decoration:none;padding:.15rem 0}.foot a:hover{color:var(--paint)}
.legal{border-top:1px solid #333840;text-align:center;padding:1rem;font-size:.85rem}
@media(max-width:860px){.split{grid-template-columns:1fr}.aside{position:static}.sectors-in,.foot{grid-template-columns:1fr}.bays{display:none}nav{margin-left:0;width:100%;flex-wrap:wrap;gap:1rem}.drop{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:760px){nav{gap:.8rem;flex-wrap:wrap;margin-left:0;width:100%;} .drop{right:auto;left:0;width:min(290px,85vw);max-height:55vh;}}

/* Shared header/footer matching the Premier Striping Solutions index page */
.shared-header{position:sticky;top:0;z-index:100;background:#101113;color:#fff;border-bottom:0;font-family:'Barlow',system-ui,sans-serif}
.shared-header-inner{max-width:1240px;margin:0 auto;padding:14px clamp(20px,5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.shared-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.2rem;font-weight:700;white-space:nowrap}
.shared-brand img{width:40px;height:40px;object-fit:contain}
.shared-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,28px);margin-left:auto;width:auto;font-size:14px;flex-wrap:wrap}
.shared-nav>a,.shared-services>summary{color:rgba(255,255,255,.82);text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}
.shared-nav>a:hover,.shared-services>summary:hover{color:#FFD400}
.shared-services{position:relative}
.shared-services>summary::-webkit-details-marker{display:none}
.shared-services>summary{font-family:'Barlow',system-ui,sans-serif}
.shared-dropdown{position:absolute;right:0;top:calc(100% + 18px);width:290px;max-height:65vh;overflow-y:auto;display:none;grid-template-columns:1fr;background:#101113;border:1px solid #3a3f46;border-top:3px solid #FFD400;padding:8px;box-shadow:0 12px 28px #0005;z-index:200}
.shared-services[open] .shared-dropdown{display:grid}
.shared-dropdown a{padding:8px 10px;color:#fff;text-decoration:none;font-size:14px;line-height:1.3}
.shared-dropdown a:hover{background:#1B1D20;color:#FFD400}
.shared-quote{background:#FFD400!important;color:#101113!important;padding:10px 16px;font-weight:700;text-decoration:none!important}
.shared-phone{font-family:'Barlow Condensed',sans-serif;font-weight:700}
.shared-laneline{height:10px;display: none;background:repeating-linear-gradient(90deg,#FFD400 0 46px,#101113 46px 70px)}
.shared-footer{background:#101113;color:rgba(255,255,255,.7);font-family:'Barlow',system-ui,sans-serif;font-size:14px;line-height:1.6}
.shared-footer-inner{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
.shared-footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding:52px 0 36px}
.shared-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:16px}
.shared-footer-brand img{width:34px;height:34px;object-fit:contain}
.shared-footer-desc{max-width:34ch;color:rgba(255,255,255,.5);font-size:14px;line-height:1.6}
.shared-footer-cols{display:flex;gap:56px;flex-wrap:wrap}
.shared-footer-col h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.5);margin:0 0 14px;text-transform:uppercase}
.shared-footer-col a{display:block;padding:0;margin:0 0 10px;color:rgba(255,255,255,.7);text-decoration:none;font-size:14px}
.shared-footer-col a:hover{color:#FFD400}
.shared-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:rgba(255,255,255,.45)}
@media(max-width:900px){.shared-header-inner{align-items:flex-start;flex-direction:column;gap:12px}.shared-nav{justify-content:flex-start;width:100%;margin-left:0;gap:14px}.shared-dropdown{left:0;right:auto;top:calc(100% + 8px);max-height:55vh}.shared-footer-top{gap:28px}}
@media(max-width:520px){.shared-nav{gap:12px;font-size:13px}.shared-brand{white-space:normal}.shared-phone{display:none}.shared-footer-cols{gap:28px}.shared-footer-bottom{flex-direction:column}}
.hero-line-striping {
  background-image: url("images/line-striping.jpg");
}
.hero-Warehouse-marking{
	background-image: url("images/warehouse.jpg");
}
.hero-paring-lot{
	background-image: url("images/parking zone.jpg");
}
.hero-ada-compliance{
		background-image: url("images/ada-compliance.jpg");

}
.hero-thermo-Plastic{
		background-image: url("images/Thermoplastic.jpg");

}
.hero-athletic-field{
		background-image: url("images/athletic-field.jpg");

}
.hero-pavement-maintenance{
		background-image: url("images/pavement-maintenance.jpg");

}
.hero-fire-lane-striping{
		background-image: url("images/fire-lane-striping.jpg");

}
.hero-crack-sealing{
		background-image: url("images/crack-sealing.jpg");

}
.hero-asphalt-sealcoating{
		background-image: url("images/asphalt-sealcoating.jpg");

}
.hero-parking-stops-installation{
		background-image: url("images/parking-stops-installation.jpg");

}
.hero-line-removal-grinding{
		background-image: url("images/line-removal-grinding.jpg");

}
.hero-airport-runway-marking{
		background-image: url("images/airport-runway-marking.jpg");

}

.hero {
  position: relative;
  min-height: 350px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: rgba(0, 0, 0, 0.55);*/
}

.hero-in {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 24px;
}

.hero .crumb a {
  color: #fff;
  text-decoration: none;
}

.hero h1 {
  font-size: 60px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .hero {
    min-height: 260px;
  }

  .hero h1 {
    font-size: 32px;
  }
}
/* ===== Mobile navigation + responsive fixes (added) ===== */
body{overflow-x:clip}
img{max-width:100%}
.shared-burger{display:none;margin-left:auto;width:46px;height:44px;flex:0 0 auto;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;padding:0}
.shared-burger span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s,opacity .2s}
.nav-open .shared-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .shared-burger span:nth-child(2){opacity:0}
.nav-open .shared-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.shared-burger:focus-visible{outline:3px solid #FFD400;outline-offset:2px}
.shared-dropdown a[aria-current]{color:#FFD400;background:#1B1D20}

@media(max-width:900px){
  .shared-header-inner{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 12px;padding:10px 16px}
  .shared-burger{display:flex}
  .shared-nav{display:none;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:10px 0 0;padding:0 0 14px;border-top:1px solid rgba(255,255,255,.14);font-size:16px}
  .nav-open .shared-nav{display:flex}
  .nav-open .shared-header{max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .shared-nav>a,.shared-services>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;white-space:normal}
  .shared-services{position:static}
  .shared-dropdown{position:static;width:auto;max-height:none;overflow:visible;box-shadow:none;border:0;border-left:3px solid #FFD400;margin:4px 0 8px 4px;padding:0;background:#1B1D20}
  .shared-dropdown a{display:flex;align-items:center;min-height:46px;padding:0 14px;font-size:15px}
  .shared-nav>a.shared-quote{justify-content:center;margin-top:14px;border-bottom:0;min-height:48px;font-size:1rem}
  .shared-nav>a.shared-phone{display:flex!important;justify-content:center;border-bottom:0;font-size:1.35rem;min-height:48px}
}

@media(max-width:768px){
  .hero{margin-top:0;min-height:220px}
  .hero-in{padding:44px 20px}
  .hero h1{font-size:clamp(30px,9vw,38px);margin-top:12px;line-height:1.05}
  .crumb{font-size:.85rem}
  main{padding:2rem 1rem}
  .copy h2{font-size:1.65rem;margin:1.6rem 0 .6rem}
  .copy p{font-size:1rem}
  .aside{padding:1.25rem}
  .aside .cta{padding:.9rem 1rem}
  .more{padding:2rem 1rem}
  .more h2{font-size:1.7rem}
  .grid{grid-template-columns:1fr}
  .grid a{padding:1rem 0}
  .band-in{flex-direction:column;align-items:stretch;text-align:center;padding:2rem 1rem}
  .band h2{font-size:1.7rem}
  .band .cta{display:block;padding:.9rem 1rem}
  .shared-footer-top{flex-direction:column;padding:36px 0 24px}
  .shared-footer-col a{padding:6px 0;margin:0}
}

@media(max-width:520px){
  .shared-brand{font-size:1.05rem;gap:8px}
  .shared-brand img{width:34px;height:34px}
}