/* ============================================================
   BrijCode — What We Build responsive
   ============================================================ */

@media (max-width: 991.98px) {
  .what-we-build {
    height: auto;
    min-height: 0;
    max-height: none;
    scroll-snap-align: none;
    scroll-snap-stop: normal;
    padding: 24px 0 12px;
    --wwb-image-scale: 0.98;
    --wwb-image-max-w: min(100%, 980px);
  }

  .what-we-build__inner {
    flex: none;
    min-height: 0;
  }

  .what-we-build__title {
    font-size: clamp(1.3rem, 3.6vw, 1.65rem);
  }

  .what-we-build__description {
    font-size: clamp(0.84rem, 2vw, 0.94rem);
  }

  .what-we-build__visual {
    flex: 0 0 auto;
    min-height: 0;
    margin-top: 10px;
    align-items: center;
  }
}

@media (max-width: 767.98px) {
  .what-we-build {
    --wwb-image-scale: 0.96;
    --wwb-image-max-w: 100%;
    --wwb-stage-scale: 0.98;
    padding: 20px 0 10px;
  }

  .what-we-build__eyebrow {
    margin-bottom: 4px;
  }

  .what-we-build__title {
    font-size: clamp(1.15rem, 5vw, 1.38rem);
    line-height: 1.08;
  }

  .what-we-build__description {
    margin-top: 6px;
    font-size: clamp(0.84rem, 3.8vw, 0.96rem);
  }

  .what-we-build__visual {
    margin-top: 8px;
  }
}

@media (max-width: 480px) {
  .what-we-build {
    --wwb-image-scale: 0.92;
    --wwb-stage-scale: 0.96;
    padding: 16px 0 8px;
  }

  .what-we-build__title {
    font-size: clamp(1.05rem, 4.6vw, 1.22rem);
  }

  .what-we-build__visual {
    margin-top: 6px;
  }
}

@media (min-width: 992px) and (max-height: 820px) {
  .what-we-build {
    --wwb-image-scale: 0.96;
    --wwb-stage-scale: 0.98;
  }
}

@media (min-width: 1200px) {
  .what-we-build {
    --wwb-image-scale: 1.04;
    --wwb-image-max-w: min(1480px, 99vw);
  }
}

@media (min-width: 1400px) {
  .what-we-build {
    --wwb-image-scale: 1.06;
  }
}