/* ==========================================================================
   ARC Services Group — Index page styles
   File: assets/css/index.css
   ========================================================================== */

/* Make the hero wrapper only as tall as its content on the homepage */
.page-wrap {
  min-height: auto;        /* overrides 100vh from global style.css */
  align-items: stretch;
  padding-bottom: 0;
}

/* Hero spacing */
.uc-container { margin: 24px auto 24px; }

/* Smaller hero image for comingsoon.jpg */
.uc-left img {
  max-height: 320px;       /* smaller image height on desktop */
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Two info sections */
.section {
  max-width: 1000px;
  margin: 18px auto 28px;
  background: #fff;
  border: 4px solid #add8e6;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.section .inner { padding: 22px; }
.section h2 { margin: 0 0 8px; color: #004080; }
.muted { color: #4b5563; }

/* List formatting inside sections */
.section ul {
  margin: 10px 0 0 20px;
  padding: 0;
  list-style: disc;
}
.section ul li {
  margin: 6px 0;
  line-height: 1.5;
}

/* Responsive tweaks */
@media (max-width: 760px) {
  .uc-left img { max-height: 240px; }  /* smaller on phones */
}