.library-home {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 650px;
  background: #edf6f5;
}
.library-home-art {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  background: linear-gradient(140deg, #d5cbf9, #bfe0dc);
}
.library-home-art img,
.science-library-teaser-art img {
  position: absolute;
  width: 42%;
  height: 70%;
  object-fit: contain;
  padding: 12px;
  background: #f7f3e9;
  border: 1px solid rgba(48, 48, 106, .15);
  box-shadow: 0 18px 35px rgba(48, 48, 106, .16);
}
.library-home-art img:nth-child(1), .science-library-teaser-art img:nth-child(1) { left: 5%; top: 14%; transform: rotate(-8deg); }
.library-home-art img:nth-child(2), .science-library-teaser-art img:nth-child(2) { left: 31%; top: 7%; z-index: 1; transform: rotate(3deg); }
.library-home-art img:nth-child(3), .science-library-teaser-art img:nth-child(3) { right: 4%; top: 18%; transform: rotate(9deg); }
.library-home-copy { padding: 10vw 9vw; }
.library-home-copy h2 { font-size: clamp(42px, 4.6vw, 70px); }
.library-home-copy h2 em { color: #4f368d; }
.library-home-copy > p:not(.eyebrow) { max-width: 430px; margin: 28px 0; }
.library-home-copy .text-link { border-bottom: 1px solid rgba(48, 48, 106, .55); padding-bottom: 4px; }
.science-page:not(.library-page) .science-library-content { display: none; }
.library-page .technology-section { display: none; }
.library-page .ingredients-intro,
.library-page .oceanica-bridge { display: none; }
.library-page .science-hero { background: linear-gradient(135deg, #edf6f5, #f6bfd1 58%, #bfe0dc); }
.library-page .science-hero {
  min-height: 430px;
  padding-top: 42px;
  padding-bottom: 42px;
  grid-template-columns: 1.35fr .65fr;
}
.library-page .science-hero h1 { font-size: clamp(42px, 4.5vw, 68px); max-width: 820px; }
.library-page .science-hero > div > p:not(.eyebrow) { max-width: 610px; margin: 18px 0 22px; }
.library-page .science-hero-art { min-height: 270px; }
.library-page .science-hero .ring-a { width: 250px; height: 250px; }
.library-page .science-hero .ring-b { width: 90px; height: 90px; }
.library-page .science-hero .science-drop { width: 160px; height: 160px; }
.library-page .science-hero .science-drop strong { font-size: 42px; }
.library-page .ingredient-tools { padding-top: 52px; }
.science-library-teaser {
  padding: 105px 8vw;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 7vw;
  align-items: center;
  background: #fff;
}
.science-library-teaser h2 { font-size: clamp(44px, 5vw, 76px); }
.science-library-teaser h2 em { font-style: normal; color: #4f368d; }
.science-library-teaser p:not(.eyebrow) { max-width: 480px; margin: 27px 0; }
.science-library-teaser-art { min-height: 420px; position: relative; }
.science-library-teaser-art img { height: 82%; }
@media (max-width: 800px) {
  .library-home, .science-library-teaser { grid-template-columns: 1fr; }
  .library-home-art { min-height: 390px; }
  .library-home-copy, .science-library-teaser { padding: 80px 22px; }
  .science-library-teaser-art { min-height: 340px; }
  .science-library-teaser-art img { height: 78%; }
  .library-page .science-hero { min-height: auto; padding: 48px 22px 30px; }
  .library-page .science-hero h1 { font-size: 42px; }
  .library-page .science-hero-art { min-height: 245px; }
  .library-page .ingredient-tools { padding-top: 38px; }
}