*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#1a1a1a}
.brand img{height:40px}


.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;padding:1rem}
.card{border:1px solid #eee;border-radius:.5rem;padding:1rem;color:#fff;background:rgba(0, 1, 46, 0.45)}
.card h3{margin-top:0}
.kicker{letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#fff;font-size:.85rem}

.site-footer{margin-top:3rem;border-top:1px solid #eee;background:rgba(0, 1, 46, 0.45)}
.site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;padding:2rem}
.small{font-size:.9rem;color:#ffffff}
table{width:100%;border-collapse:collapse}
th,td{padding:.5rem;border-bottom:1px solid #eee;text-align:left}
blockquote{border-left:4px solid #eaeaea;padding-left:1rem;color:#ffffff;margin:1rem 0}
form label{display:block;margin:.5rem 0 .25rem}
input,textarea,select{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:.375rem}

.contact {margin:5rem}


.hero{padding:5rem 0 3rem;}
.hero h1{font-size:clamp(2rem,6vw,3rem);margin:0 0 .5rem}
.hero h2{font-size:clamp(2rem,6vw,3rem);margin:0 0 .5rem}
.hero h3{font-size:clamp(2rem,6vw,3rem);margin:0 0 .5rem}
.lead{font-size:1.1rem;color:#fff}
.hero {
  position: relative;             /* для overlay и относительного позиционирования текста */
  background-size: cover;         /* заполнить блок, сохраняя пропорции */
  background-position: center;    /* по центру */
  background-repeat: no-repeat;
  min-width: 100%;
  min-height: 100%;              /* задайте нужную минимальную высоту */
  display: flex;
  align-items: center;            /* выравнивание содержимого по вертикали */
  color: #fff;                    /* если нужно текст поверх фона */
  overflow: hidden;
}
/* полупрозрачный тёмный оверлей чтобы текст читался */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 1, 46, 0.45);
  z-index: 0;
}

/* контент секции поверх оверлея */
.hero .container {
  position: relative;
  z-index: 1;
  padding: 48px;
}

.hero .cabling {
  position: relative;             /* для overlay и относительного позиционирования текста */
  background-image: url('/assets/img/structuredcabling.jpg');
}

.hero .home {
  position: relative;             /* для overlay и относительного позиционирования текста */
  background-image: url('/assets/img/24truckstx2.jpg');
}




.hero2nd {
  position: relative;             /* для overlay и относительного позиционирования текста */
  background-size: cover;         /* заполнить блок, сохраняя пропорции */
  background-position: center;    /* по центру */
  background-repeat: no-repeat;
  min-height: 740px;              /* задайте нужную минимальную высоту */
  display: flex;
  align-items: center;            /* выравнивание содержимого по вертикали */
  color: #fff;                    /* если нужно текст поверх фона */
  overflow: hidden;
}
/* полупрозрачный тёмный оверлей чтобы текст читался */
.hero2nd::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.092);
  z-index: 0;
}

/* контент секции поверх оверлея */
.hero2nd .container {
  position: relative;
  z-index: 1;
  padding: 48px;
}
.hero2nd{padding:5rem 0 3rem;}
.hero2nd h1{font-size:clamp(2rem,6vw,3rem);margin:0 0 .5rem; color:#000000}
.lead2nd{font-size:1.1rem;color:#000000}