/* Keep the approved Skinimalism typography and place the selected silver-salt
   laboratory / peptide image as a real, edge-to-edge bottom band. */
.story-v2-skinimalism--brief {
  grid-template-rows: minmax(0, 1fr) clamp(185px, 16.33vw, 273px);
  min-height: calc(100svh - var(--header-h));
  padding: 0;
  place-items: stretch;
}

.story-v2-skinimalism--brief .story-v2-skinimalism__copy {
  align-self: end;
  justify-self: center;
  padding: clamp(32px, 4.2vh, 52px) 0 clamp(24px, 3.2vh, 40px);
}

.story-v2-skinimalism__lab-media,
.story-v2-skinimalism__lab-media picture,
.story-v2-skinimalism__lab-media img {
  display: block;
  width: 100%;
  height: 100%;
}

.story-v2-skinimalism__lab-media {
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid rgba(24, 25, 24, 0.08);
  background: #d3d5d1;
}

.story-v2-skinimalism__lab-media img {
  object-fit: cover;
  object-position: center;
}

@media (min-width: 981px) {
  .story-v2-skinimalism--brief {
    min-height: calc(100svh - var(--header-h) - 25px);
  }
}

@media (max-width: 760px) {
  .story-v2-skinimalism--brief {
    grid-template-rows: minmax(0, 1fr) clamp(176px, 52vw, 220px);
    min-height: 100svh;
    padding: 0;
    place-items: stretch;
  }

  .story-v2-skinimalism--brief .story-v2-skinimalism__copy {
    align-self: center;
    justify-self: stretch;
    width: auto;
    margin: 0 20px;
    padding: calc(var(--header-h) + 26px) 0 32px;
  }
}

@media (max-width: 360px), (max-height: 680px) and (max-width: 760px) {
  .story-v2-skinimalism--brief {
    grid-template-rows: minmax(0, 1fr) 150px;
  }

  .story-v2-skinimalism--brief .story-v2-skinimalism__copy {
    padding-top: calc(var(--header-h) + 18px);
    padding-bottom: 24px;
  }

  .story-v2-skinimalism--brief hr {
    margin: 28px 0 20px;
  }
}