/* Bioekran Industries v1.0.1
 * Author: rtsasuk
 * https://t.me/rtsasuk
 */
.bioekran-industries-module {
  --bio-industry-navy:#082a55;
  --bio-industry-blue:#087fc5;
  --bio-industry-yellow:#ffc515;
  --bio-industry-muted:#607187;
  --bio-industry-ice:#f6fbfe;
  background:var(--bio-industry-ice);
  padding:96px 0;
  box-sizing:border-box;
}

.bioekran-industries-module *,
.bioekran-industries-module *:before,
.bioekran-industries-module *:after {
  box-sizing:border-box;
}

.bioekran-industries-module .bioekran-industries-container {
  width:100%;
  max-width:1470px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px;
}

.bioekran-industries-module .section-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:42px;
}

.bioekran-industries-module .section-head .head-copy {
  max-width:760px;
}

.bioekran-industries-module .section-head > p {
  max-width:640px;
  font-size:17px;
  line-height:1.55;
  margin:0;
  color:var(--bio-industry-muted);
}

.bioekran-industries-module .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--bio-industry-blue);
  margin-bottom:15px;
}

.bioekran-industries-module .eyebrow:before {
  content:"";
  width:28px;
  height:3px;
  border-radius:3px;
  background:var(--bio-industry-yellow);
}

.bioekran-industries-module h2,
.bioekran-industries-module h3 {
  margin:0;
  line-height:1.12;
}

.bioekran-industries-module h2 {
  color:var(--bio-industry-navy);
  font-size:clamp(32px,3.3vw,50px);
  letter-spacing:-.03em;
}

.bioekran-industries-module .industry-grid {
  display:flex !important;
  flex-wrap:wrap;
  align-items:stretch !important;
  margin-left:-14px;
  margin-right:-14px;
}

.bioekran-industries-module .industry-col {
  padding-left:14px;
  padding-right:14px;
  display:flex !important;
  flex-direction:column;
}

/* Desktop: обидві колонки мають однакову загальну висоту */
.bioekran-industries-module .industry-large {
  position:relative;
  border-radius:28px;
  overflow:hidden;
  width:100%;
  height:378px !important;
  min-height:378px !important;
  max-height:378px !important;
}

/* 175 + 28 + 175 = 378px */
.bioekran-industries-module .industry-small-wrap {
  display:grid !important;
  grid-template-rows:175px 175px !important;
  gap:28px !important;
  width:100%;
  height:378px !important;
  min-height:378px !important;
  max-height:378px !important;
}

.bioekran-industries-module .industry-small {
  position:relative;
  border-radius:28px;
  overflow:hidden;
  width:100%;
  height:175px !important;
  min-height:175px !important;
  max-height:175px !important;
}

.bioekran-industries-module .industry-large img,
.bioekran-industries-module .industry-small img {
  display:block;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
}

.bioekran-industries-module .industry-large:after,
.bioekran-industries-module .industry-small:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 30%,rgba(4,32,67,.88) 100%);
  pointer-events:none;
}

.bioekran-industries-module .industry-caption {
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:32px;
  color:#fff;
}

.bioekran-industries-module .industry-caption h3 {
  color:#fff;
  font-size:30px;
  letter-spacing:-.015em;
}

.bioekran-industries-module .industry-caption p {
  color:#d8e9f2;
  margin:9px 0 0;
  max-width:550px;
  line-height:1.55;
}

.bioekran-industries-module .industry-small .industry-caption h3 {
  font-size:22px;
}

.bioekran-industries-module .industry-small .industry-caption p {
  font-size:13px;
  line-height:1.4;
}

.bioekran-industries-module .industry-tag {
  display:inline-flex;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(8px);
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  margin-bottom:10px;
}

/* 460px -> 322px (приблизно -30%) */
@media (max-width:920px) {
  .bioekran-industries-module .section-head {
    align-items:flex-start;
    flex-direction:column;
  }

  .bioekran-industries-module .industry-col {
    width:100%;
    margin-bottom:28px;
  }

  .bioekran-industries-module .industry-large {
    height:322px !important;
    min-height:322px !important;
    max-height:322px !important;
  }

  .bioekran-industries-module .industry-small-wrap {
    height:448px !important;
    min-height:448px !important;
    max-height:448px !important;
    grid-template-rows:210px 210px !important;
  }

  .bioekran-industries-module .industry-small {
    height:210px !important;
    min-height:210px !important;
    max-height:210px !important;
  }
}

/* 380px -> 266px; 300px -> 210px */
@media (max-width:680px) {
  .bioekran-industries-module {
    padding:70px 0;
  }

  .bioekran-industries-module .bioekran-industries-container {
    padding-left:14px;
    padding-right:14px;
  }

  .bioekran-industries-module .section-head {
    margin-bottom:30px;
  }

  .bioekran-industries-module .industry-large {
    height:266px !important;
    min-height:266px !important;
    max-height:266px !important;
  }

  .bioekran-industries-module .industry-small-wrap {
    height:448px !important;
    min-height:448px !important;
    max-height:448px !important;
    grid-template-rows:210px 210px !important;
  }

  .bioekran-industries-module .industry-small {
    height:210px !important;
    min-height:210px !important;
    max-height:210px !important;
  }

  .bioekran-industries-module .industry-caption {
    left:22px;
    right:22px;
    bottom:22px;
  }

  .bioekran-industries-module .industry-caption h3 {
    font-size:24px;
  }

  .bioekran-industries-module .industry-small .industry-caption h3 {
    font-size:20px;
  }
}