/* MD Contractors — custom overrides on top of Tailwind CDN */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.font-display {
  font-family: 'Barlow Condensed', 'Inter', sans-serif;
}

/* Steel/gutter texture accent line */
.steel-line {
  background: linear-gradient(90deg, #f59e0b 0%, #f59e0b 60px, transparent 60px);
  height: 4px;
}

/* Hero background */
.hero-bg {
  background-image:
    linear-gradient(180deg, rgba(11,22,38,0.88) 0%, rgba(11,22,38,0.75) 55%, rgba(11,22,38,0.95) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 0 1200 800"><rect width="1200" height="800" fill="%230b1626"/><polygon points="0,800 200,450 400,650 600,350 800,600 1000,300 1200,550 1200,800" fill="%23132234"/><polygon points="0,800 150,600 350,700 550,500 750,700 950,480 1200,650 1200,800" fill="%231b2f47"/></svg>');
  background-size: cover;
  background-position: center;
}

.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px -10px rgba(11,22,38,0.35);
}

/* Mobile nav */
#mobile-menu {
  display: none;
}
#mobile-menu.open {
  display: block;
}

.star {
  color: #f59e0b;
}