/* CLEAN ROW-BASED LAYOUT */

/* Row sections */
.row-section {
  padding: 30px 0;
  margin: 0;
  clear: both;
}

.row-section:first-of-type {
  padding-top: 15px;
}

.row-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  align-items: stretch;
  gap: 40px;
}

/* Full width container for text-only row */
.row-container.full-width {
  flex-direction: column;
}

/* Columns */
.text-column {
  background-color: #1a1a1a;
  border-radius: 50px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-column {
  border-radius: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
}

/* Row 1: Text left (55%), Image right (45%) */
.row-1 .text-column {
  flex: 0 0 55%;
  order: 1;
}

.row-1 .image-column {
  flex: 0 0 45%;
  order: 2;
}

/* Row 2: Image left (40%), Text right (60%) */
.row-2 .image-column {
  flex: 0 0 40%;
  order: 1;
}

.row-2 .text-column {
  flex: 0 0 60%;
  order: 2;
}

/* Row 3: Full width text only */
.row-3 .text-column.full {
  flex: 1;
  max-width: none;
}

/* Background images */
.image-1 {
  background-image: url("../images/iconography/work_optimized.png");
}

.image-2 {
  background-image: url("../images/gybe_hope_hammer.jpg");
  background-size: contain;
}

/* Text styling */
.content-text {
  font-family: your-type, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  color: white;
  text-align: left;
}

/* Mobile responsive */
@media (max-width: 767px) {
  .row-section {
    padding: 20px 0;
  }
  
  .row-container {
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
  }
  
  .row-1 .text-column,
  .row-1 .image-column,
  .row-2 .image-column,
  .row-2 .text-column {
    flex: 1;
    order: unset;
  }
  
  .image-column {
    min-height: 300px;
  }
  
  .text-column {
    padding: 20px;
  }
  
  .content-text {
    font-size: 0.9rem;
  }
}

@media (max-width: 575px) {
  .row-section {
    padding: 15px 0;
  }
  
  .row-container {
    padding: 0 15px;
    gap: 15px;
  }
  
  .image-column {
    min-height: 250px;
    border-radius: 30px;
  }
  
  .text-column {
    padding: 20px;
    border-radius: 30px;
  }
  
  .content-text {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

/* Ensure footer matches index page */
.u-footer {
  background-color: #000 !important;
  background-image: none !important;
}

.u-footer .u-sheet-1 {
  min-height: 61px !important;
}

.u-footer .u-text-1 {
  font-family: your-type !important;
  text-shadow: 0px 0px 8px rgba(128,128,128,1) !important;
  color: white !important;
  text-align: center !important;
  margin: 25px auto 14px !important;
}