/* =======================
   DEEP TECHNOLOGY (Section 3)
   ======================= */
.deep{
  background:#fff;
  padding: clamp(96px, 12vw, 140px) 0 clamp(80px, 10vw, 120px);
}
/* ---- header: full width, centered ---- */


.deep__wrap{
  width: min(100%, var(--maxw-wide));
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 72px);
}

/* ---- header: full width, centered ---- */
.deep__head{
  text-align: center;
  max-width: 920px;
  margin: 0 auto clamp(40px, 6vw, 64px);
}

.deep__eyebrow{
  margin: 0 0 10px;
  font: 600 12px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: var(--muted);
}

.deep__title{
  margin: 0 0 10px;
  font-family: Montserrat, Inter, system-ui, sans-serif;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.05;
  font-size: clamp(34px, 5.2vw, 56px);
}

.deep__subtitle{
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;          /* bold italic like mock */
  font-style: italic;
  color: var(--ink);
  font-size: clamp(16px, 1.7vw, 20px);
}

/* ---- body: 1 row, 2 equal columns ---- */
.deep__cols{
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  max-width: 1120px;
  margin: 0 auto;
}

.deep__col p{
  margin: 0;
  color: var(--ink-2);
  font: 400 16px/1.9 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-align: justify;
}

/* tablet/desktop: two columns */
@media (min-width: 768px){
  .deep__cols{
    grid-template-columns: 1fr 1fr;
    column-gap: clamp(40px, 6vw, 72px);
  }
}

/* optional: slightly wider line-length on very large screens */
@media (min-width: 1440px){
  .deep__cols{ max-width: 1240px; }
}