/* ===============================
   GROUNDED SECTION (FULL)
=================================*/
.grounded-section{
  background:#fff;
  padding:70px 0 90px;
}

.grounded-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 30px;
}

/* ===============================
   TOP INTRO GRID
=================================*/
.grounded-top{
  display:grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap:60px;
  align-items:start;
  margin-bottom:90px;
}

/* LEFT TYPOGRAPHY */
.grounded-title{
  font-size:42px;
  font-weight:800;
  color:#111;
  margin:0 0 16px 0;
  letter-spacing:-0.5px;
}

.grounded-subtitle{
  font-size:28px;
  font-weight:600;
  color:#6b6b6b;
  margin:0;
}

.grounded-mini{
  font-size:18px;
  color:#7a7a7a;
  margin:8px 0 18px 0;
}

.grounded-para{
  font-size:18px;
  line-height:1.75;
  color:#666;
  margin:0 0 18px 0;
}

.grounded-gap{
  height:18px; /* gives breathing room like your reference */
}

/* ===============================
   RIGHT COLLAGE
=================================*/
.grounded-collage{
  width:100%;
}

.collage-big img{
  width:100%;
  height:450px;
  /* object-fit:cover; */
  padding-top: 50px;
  border-radius:4px;
  display:block;
}

.collage-small{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.collage-card img{
  width:100%;
  height:165px;
  object-fit:cover;
  border-radius:4px;
  display:block;
}

/* ===============================
   SECTION ROWS (COMPUTER HUB / CHURCH / TEACHING)
=================================*/
.grounded-row{
  display:grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap:60px;
  align-items:start;
  margin:90px 0;
}

.grounded-row-reverse{
  grid-template-columns: 0.95fr 1.25fr;
}

.grounded-text .grounded-subtitle{
  margin-bottom:8px;
}

/* RIGHT MEDIA (PLACEHOLDER / IMAGE / VIDEO) */
.grounded-media{
  width:100%;
}

.media-placeholder{
  background:#bfbfbf;
  border-radius:4px;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:25px;
  color:#444;
  font-size:14px;
  line-height:1.5;
}

/* Gray media boxes */
.gray-box{
  background:#cfcfcf;
  border-radius:4px;
  min-height:260px;
}

/* ===============================
   IMAGE STRIP
=================================*/
.grounded-strip{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
  margin:70px 0;
}

.strip-img img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:4px;
  display:block;
}

/* ===============================
   RESPONSIVE
=================================*/
@media (max-width: 992px){
  .grounded-top,
  .grounded-row,
  .grounded-row-reverse{
    grid-template-columns:1fr;
    gap:30px;
  }

  .grounded-title{
    font-size:32px;
  }

  .grounded-subtitle{
    font-size:24px;
  }

  .grounded-para{
    font-size:17px;
  }

  .grounded-strip{
    grid-template-columns:1fr;
  }

  .collage-big img{
    height:240px;
  }

  .collage-card img{
    height:150px;
  }

  .strip-img img{
    height:auto;
  }

  .media-placeholder,
  .gray-box{
    min-height:220px;
  }

  .grounded-row{
    margin:60px 0;
  }
}


/* ===============================
   VIDEO WRAPPER
=================================*/
.video-wrapper{
  width:100%;
  border-radius:6px;
  overflow:hidden;
  background:#000;
}

.video-wrapper video{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
  border-radius:6px;
}

/* Responsive */
@media (max-width:992px){
  .video-wrapper video{
    height:220px;
  }
}

.media-box{
  width:100%;
  border-radius:6px;
  overflow:hidden;
}

.media-box img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
  border-radius:6px;
}