/* Feature the newest solution/release inside the existing application module. */
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  grid-template-rows:repeat(3,minmax(90px,1fr));
  gap:10px;
  min-height:290px;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > .bp7140-release-mini {
  display:grid;
  grid-column:2;
  grid-row:auto;
  grid-template-columns:minmax(76px,27%) minmax(0,1fr);
  min-width:0;
  min-height:90px;
  height:auto;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > .bp7140-release-mini img {
  display:block;
  width:100%;
  height:100%;
  min-height:90px;
  object-fit:cover;
}
/* The product group sits on the right of the source image. Bind its focal
   point to the release ID so chronological reordering cannot change it. */
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-bp7151-release-id="BP-001"]:not([data-home-release-featured]) img {
  object-position:100% 65%;
}
@media (max-width:1199px) {
  html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-bp7151-release-id="BP-001"]:not([data-home-release-featured]) img {
    object-position:72% 65%;
  }
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] .bp7140-release-mini__copy {
  min-width:0;
  max-width:100%;
  justify-content:center;
  padding:11px 12px;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] .bp7140-release-mini__copy > span {
  margin-bottom:5px;
  font-size:10px;
  line-height:1.4;
  letter-spacing:.01em;
  white-space:normal;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] .bp7140-release-mini__copy strong {
  min-width:0;
  max-width:100%;
  font-size:12.5px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-line-clamp:3;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured] {
  position:relative;
  grid-column:1;
  grid-row:1 / span 3;
  grid-template-columns:1fr;
  grid-template-rows:minmax(130px,1fr) auto;
  min-height:290px;
  border-color:rgba(46,117,88,.36);
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 22px rgba(28,80,64,.08);
  scroll-margin-top:110px;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured]::before {
  content:attr(data-latest-label);
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:999px;
  background:#e9f5e9;
  color:#1b6344;
  font-size:10px;
  font-weight:750;
  line-height:1.5;
  letter-spacing:.04em;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured] img {
  min-height:0;
  max-height:220px;
  object-position:center;
}
/* Keep the PHA label with the homepage image; the topic uses its own overlay. */
html body.dbc-home-page #collaboration .basf-release-entry__media {
  position:relative;
  display:block;
  min-width:0;
  min-height:0;
  overflow:hidden;
  container-type:inline-size;
}
html body.dbc-home-page #collaboration [data-home-release-featured] .basf-release-entry__media {
  max-height:220px;
}
html body.dbc-home-page #collaboration .basf-release-entry__pha {
  position:absolute;
  left:75.22%;
  top:15.245%;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:27%;
  min-height:12%;
  padding:.6cqw .8cqw;
  border-radius:1cqw;
  transform:translate(-50%,-50%) rotate(-10.4deg);
  background:#ffd600;
  color:#111a12;
  font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:2.7cqw;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.015em;
  text-align:center;
  white-space:pre;
  pointer-events:none;
}
html[lang^="en"] body.dbc-home-page #collaboration .basf-release-entry__pha {
  font-size:2.25cqw;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured] .bp7140-release-mini__copy {
  padding:14px 16px;
}
html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured] .bp7140-release-mini__copy strong {
  display:block;
  overflow:visible;
  font-size:15px;
  line-height:1.45;
  -webkit-line-clamp:unset;
}
html body.dbc-home-page #collaboration .basf-release-entry__action {
  display:block;
  margin-top:7px;
  color:#24664c;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
  white-space:normal;
}
@media (max-width:660px) {
  html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] {
    grid-template-columns:1fr;
    grid-template-rows:none;
    min-height:0;
  }
  html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > .bp7140-release-mini {
    grid-column:auto;
    grid-row:auto;
    grid-template-columns:86px minmax(0,1fr);
    min-height:100px;
  }
  html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > .bp7140-release-mini img {min-height:100px;}
  html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured] {
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    min-height:0;
  }
  html body.dbc-home-page #collaboration [data-basf-dbc-release-grid] > [data-home-release-featured] img {
    min-height:0;
    height:auto;
    aspect-ratio:2 / 1;
    object-fit:cover;
  }
  html body.dbc-home-page #collaboration [data-home-release-featured] .basf-release-entry__media {
    max-height:none;
  }
}