/* Scoped additions to the shared culture and Who We Are page layout. */
html body.sfnd-page main#main {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-top: var(--sfnd-header-offset, 0px) !important;
  padding-inline: 0 !important;
}
html body.sfnd-page main#main #science-at-our-core {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  min-height: calc(100svh - var(--sfnd-hero-offset, 112px));
  padding: 48px 0;
  border: 0;
  background: #020e1b url("../images/scientific-foundation/science-at-our-core-laboratory-sep19.jpg") center / cover no-repeat;
  scroll-margin-top: 0;
}
html body.sfnd-page main#main #science-at-our-core::before {
  content: none;
}
#science-at-our-core .sfnd-core-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: calc(100% - max(40px, var(--arotec-content-left)) - max(40px, var(--arotec-content-right)));
  margin-left: max(40px, var(--arotec-content-left));
  margin-right: max(40px, var(--arotec-content-right));
}
#science-at-our-core .sfnd-core-copy {
  width: min(40%, 420px);
}

@layer arotec-display-headings.spec.request-20260910 {
  html body.sfnd-page main#main #science-at-our-core #science-at-our-core-title {
    max-width: 1040px;
    margin: 0 !important;
    color: #fff !important;
  }
}

html body.sfnd-page main#main #science-at-our-core :is(.sfnd-core-lead, .sfnd-core-description, .sfnd-core-closing) {
  font-family: var(--site-font) !important;
  letter-spacing: 0;
}
html body.sfnd-page main#main #science-at-our-core .sfnd-core-lead {
  margin: 24px 0 0;
  color: #c6e2e9 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}
#science-at-our-core .sfnd-core-rule {
  width: 40px;
  height: 2px;
  margin-top: 28px;
  background: #69b3c2;
}
html body.sfnd-page main#main #science-at-our-core .sfnd-core-description {
  margin: 24px 0 0;
  color: #d1d9e1 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}
html body.sfnd-page main#main #science-at-our-core .sfnd-core-closing {
  margin: 40px 0 0;
  color: #8cc4d2 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

@media (max-width: 991px) {
  html body.sfnd-page main#main #science-at-our-core {
    --sfnd-hero-image-height: clamp(320px, 50vw, 460px);
    display: block;
    min-height: 0;
    padding: calc(var(--sfnd-hero-image-height) + 32px) 0 56px;
    background-size: auto var(--sfnd-hero-image-height);
    background-position: 80% top;
  }
  #science-at-our-core .sfnd-core-content {
    width: calc(100% - 64px);
    margin-inline: auto;
  }
  #science-at-our-core .sfnd-core-copy {
    width: 100%;
    max-width: 620px;
  }
}
@media (max-width: 599px) {
  #science-at-our-core .sfnd-core-content { width: calc(100% - 48px); }
  html body.sfnd-page main#main #science-at-our-core { padding-bottom: 48px; }
}

/* Multidisciplinary Science: supplied laboratory artwork behind live copy. */
html body.sfnd-page main#main #multidisciplinary-science {
  --sfc-ink: #fff;
  --sfc-ink-soft: #dbe6ef;
  --sfc-blue: #b8dcec;
  --sfc-line: rgba(190, 218, 239, .3);
  background-color: #020d1f;
  background-image:
    linear-gradient(to top, #020d1f, rgba(2, 13, 31, 0) 30%),
    url("../images/scientific-foundation/multidisciplinary-science-laboratory-20260930.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

html body.sfnd-page main#main #multidisciplinary-science > .wwa-grid {
  min-height: max(720px, 56.25vw);
}

@media (max-width: 991px) {
  html body.sfnd-page main#main #multidisciplinary-science {
    --sfnd-multidisciplinary-art-height: clamp(320px, 50vw, 460px);
    background-image:
      linear-gradient(to bottom, rgba(2, 13, 31, 0) 65%, #020d1f),
      url("../images/scientific-foundation/multidisciplinary-science-laboratory-20260930.png");
    background-size: 100% var(--sfnd-multidisciplinary-art-height), auto var(--sfnd-multidisciplinary-art-height);
    background-position: right top;
  }
  html body.sfnd-page main#main #multidisciplinary-science > .wwa-grid {
    min-height: 0;
    padding-top: calc(var(--sfnd-multidisciplinary-art-height) + 32px);
  }
}

/* Neuro Skincare: supplied skin and neural artwork behind live copy. */
html body.sfnd-page main#main #neuro-skincare {
  --sfc-ink: #fff;
  --sfc-ink-soft: #dbe6ef;
  --sfc-blue: #b8dcec;
  --sfc-line: rgba(190, 218, 239, .3);
  background-color: #020d1f;
  background-image:
    linear-gradient(to top, #020d1f, rgba(2, 13, 31, 0) 30%),
    url("../images/scientific-foundation/neuro-skincare-background-20260930.png");
  background-position: center top;
  /* Keep the embedded diagram labels visible when the copy makes the section taller. */
  background-size: 100% calc(100vw * 941 / 1672), 100% auto;
  background-repeat: no-repeat;
}

html body.sfnd-page main#main #neuro-skincare > .wwa-grid {
  min-height: max(720px, 56.25vw);
}

@media (max-width: 991px) {
  html body.sfnd-page main#main #neuro-skincare {
    --sfnd-neuro-art-height: clamp(320px, 50vw, 460px);
    background-image:
      linear-gradient(to bottom, rgba(2, 13, 31, 0) 65%, #020d1f),
      url("../images/scientific-foundation/neuro-skincare-background-20260930.png");
    background-size: 100% var(--sfnd-neuro-art-height), auto var(--sfnd-neuro-art-height);
    background-position: right top;
  }
  html body.sfnd-page main#main #neuro-skincare > .wwa-grid {
    min-height: 0;
    padding-top: calc(var(--sfnd-neuro-art-height) + 32px);
  }
}

/* Olfactory Science: supplied scent and neural artwork behind live copy. */
html body.sfnd-page main#main #olfactory-science {
  --sfc-ink: #fff;
  --sfc-ink-soft: #dbe6ef;
  --sfc-blue: #b8dcec;
  --sfc-line: rgba(190, 218, 239, .3);
  background-color: #020d1f;
  background-image:
    linear-gradient(90deg, rgba(2, 13, 31, .75), rgba(2, 13, 31, .75) 48%, rgba(2, 13, 31, 0) 62%),
    linear-gradient(to top, #020d1f, rgba(2, 13, 31, 0) 30%),
    url("../images/scientific-foundation/olfactory-science-background-20260930.png");
  background-position: center top;
  background-size: 100% 100%, 100% calc(100vw * 941 / 1672), 100% auto;
  background-repeat: no-repeat;
}

html body.sfnd-page main#main #olfactory-science > .wwa-grid {
  min-height: max(720px, 56.25vw);
}

html body.sfnd-page main#main #olfactory-science .sfnd-annotations > div {
  background: rgba(2, 13, 31, .82);
}

@media (max-width: 991px) {
  html body.sfnd-page main#main #olfactory-science {
    --sfnd-olfactory-art-height: clamp(320px, 50vw, 460px);
    background-image:
      linear-gradient(to bottom, rgba(2, 13, 31, 0) 65%, #020d1f),
      url("../images/scientific-foundation/olfactory-science-background-20260930.png");
    background-size: 100% var(--sfnd-olfactory-art-height), auto var(--sfnd-olfactory-art-height);
    background-position: right top;
  }
  html body.sfnd-page main#main #olfactory-science > .wwa-grid {
    min-height: 0;
    padding-top: calc(var(--sfnd-olfactory-art-height) + 32px);
  }
}

html body.sfnd-page main#main .wwa-body + .wwa-body {
  margin-top: 20px;
}
html body.sfnd-page main#main .sfnd-closing {
  margin: 30px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--sfc-line);
  color: var(--sfc-blue) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}
.sfnd-page .sfnd-disciplines {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(var(--sfnd-columns), minmax(0, 1fr));
  gap: 0;
  padding: 24px 0;
  margin: 8px 0 0;
  border-top: 1px solid var(--sfc-line);
  border-bottom: 1px solid var(--sfc-line);
  list-style: none;
}
html body.sfnd-page main#main .sfnd-disciplines li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 6px 20px;
  color: var(--sfc-ink-soft);
  font-family: "DM Sans", sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: center;
}
.sfnd-page .sfnd-disciplines li + li {
  border-left: 1px solid var(--sfc-line);
}
.sfnd-page .sfnd-annotations {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0;
  margin: 8px 0 0;
}
.sfnd-page .sfnd-annotations > div {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--sfc-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .78);
}
html body.sfnd-page main#main .sfnd-annotations dt {
  margin: 0 0 12px;
  color: var(--sfc-blue);
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
html body.sfnd-page main#main .sfnd-annotations dd {
  margin: 0;
  color: var(--sfc-ink-soft);
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}
@media (max-width: 991px) {
  .sfnd-page .sfnd-disciplines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
  }
  .sfnd-page .sfnd-disciplines li:nth-child(odd) {
    border-left: 0;
  }
  .sfnd-page .sfnd-annotations {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
}
@media (max-width: 599px) {
  html body.sfnd-page main#main .sfnd-closing {
    font-size: 16px !important;
  }
  html body.sfnd-page main#main .sfnd-disciplines li {
    padding-inline: 12px;
    font-size: 14px !important;
  }
  .sfnd-page .sfnd-annotations > div {
    padding: 20px;
    border-radius: 16px;
  }
}

/* Sensory Science: supplied five-senses artwork with live, site-standard text. */
html body.sfnd-page main#main #sensory-science {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: calc(100svh - var(--sfnd-header-height, 112px));
  margin: 0 !important;
  padding: 64px 0;
  border: 0;
  background: #082341;
  scroll-margin-top: 0;
}
html body.sfnd-page main#main #sensory-science::before {
  content: none;
}
#sensory-science .sfnd-sensory-art {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
#sensory-science .sfnd-sensory-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#sensory-science .sfnd-sensory-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: calc(100% - max(40px, var(--arotec-content-left)) - max(40px, var(--arotec-content-right)));
  margin-left: max(40px, var(--arotec-content-left));
  margin-right: max(40px, var(--arotec-content-right));
}
#sensory-science .sfnd-sensory-copy {
  width: min(40%, 440px);
}
@layer arotec-display-headings.spec.request-20260910 {
  html body.sfnd-page main#main #sensory-science #sensory-science-title {
    max-width: 960px;
    margin: 0 !important;
    color: #fff !important;
  }
}
html body.sfnd-page main#main #sensory-science :is(.sfnd-sensory-lead, .sfnd-sensory-description, .sfnd-sensory-closing) {
  font-family: var(--site-font) !important;
  letter-spacing: 0;
}
html body.sfnd-page main#main #sensory-science .sfnd-sensory-lead {
  margin: 24px 0 0;
  color: #b4ddf1 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}
#sensory-science .sfnd-sensory-rule {
  width: 40px;
  height: 2px;
  margin-top: 28px;
  background: #b4ddf1;
}
html body.sfnd-page main#main #sensory-science .sfnd-sensory-description {
  margin: 24px 0 0;
  color: #e0e8f0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}
html body.sfnd-page main#main #sensory-science .sfnd-sensory-closing {
  margin: 40px 0 0;
  color: #a6dcf5 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

@media (max-width: 991px) {
  html body.sfnd-page main#main #sensory-science {
    --sfnd-sensory-art-height: clamp(320px, 50vw, 460px);
    display: block;
    min-height: 0;
    padding: calc(var(--sfnd-sensory-art-height) + 32px) 0 56px;
  }
  #sensory-science .sfnd-sensory-art {
    bottom: auto;
    height: var(--sfnd-sensory-art-height);
  }
  #sensory-science .sfnd-sensory-art img {
    object-position: 80% center;
  }
  #sensory-science .sfnd-sensory-art::after {
    position: absolute;
    inset: auto 0 0;
    height: 56px;
    content: "";
    background: linear-gradient(transparent, #082341);
  }
  #sensory-science .sfnd-sensory-content {
    width: calc(100% - 64px);
    margin-inline: auto;
  }
  #sensory-science .sfnd-sensory-copy {
    width: 100%;
    max-width: 620px;
  }
}
@media (max-width: 599px) {
  #sensory-science .sfnd-sensory-content { width: calc(100% - 48px); }
  html body.sfnd-page main#main #sensory-science { padding-bottom: 48px; }
}

/* Biotechnology & Life Science: supplied floral heart and site-standard copy. */
html body.sfnd-page main#main #biotechnology-and-life-science {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: calc(100svh - var(--sfnd-header-height, 112px));
  margin: 0 !important;
  padding: 48px 0;
  border: 0;
  background: #001c2d;
  scroll-margin-top: 0;
}
html body.sfnd-page main#main #biotechnology-and-life-science::before {
  content: none;
}
#biotechnology-and-life-science .sfnd-biotech-art {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
#biotechnology-and-life-science .sfnd-biotech-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#biotechnology-and-life-science .sfnd-biotech-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: calc(100% - max(40px, var(--arotec-content-left)) - max(40px, var(--arotec-content-right)));
  margin-left: max(40px, var(--arotec-content-left));
  margin-right: max(40px, var(--arotec-content-right));
}
#biotechnology-and-life-science .sfnd-biotech-copy {
  width: min(42%, 460px);
}
#biotechnology-and-life-science h2 span {
  display: block;
}
@layer arotec-display-headings.spec.request-20260910 {
  html body.sfnd-page main#main #biotechnology-and-life-science #biotechnology-and-life-science-title {
    max-width: 760px;
    margin: 0 !important;
    color: #fff !important;
  }
}
html body.sfnd-page main#main #biotechnology-and-life-science :is(.sfnd-biotech-lead, .sfnd-biotech-description, .sfnd-biotech-closing) {
  font-family: var(--site-font) !important;
  letter-spacing: 0;
}
html body.sfnd-page main#main #biotechnology-and-life-science .sfnd-biotech-lead {
  margin: 24px 0 0;
  color: #b7dce9 !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}
#biotechnology-and-life-science .sfnd-biotech-rule {
  width: 40px;
  height: 2px;
  margin-top: 28px;
  background: #438db3;
}
html body.sfnd-page main#main #biotechnology-and-life-science .sfnd-biotech-description {
  margin: 24px 0 0;
  color: #d6e0e7 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}
html body.sfnd-page main#main #biotechnology-and-life-science .sfnd-biotech-closing {
  margin: 40px 0 0;
  color: #c1d5df !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}

@media (max-width: 991px) {
  html body.sfnd-page main#main #biotechnology-and-life-science {
    --sfnd-biotech-art-height: clamp(320px, 50vw, 460px);
    display: block;
    min-height: 0;
    padding: calc(var(--sfnd-biotech-art-height) + 32px) 0 56px;
  }
  #biotechnology-and-life-science .sfnd-biotech-art {
    bottom: auto;
    height: var(--sfnd-biotech-art-height);
  }
  #biotechnology-and-life-science .sfnd-biotech-art img {
    object-position: 80% center;
  }
  #biotechnology-and-life-science .sfnd-biotech-art::after {
    position: absolute;
    inset: auto 0 0;
    height: 40px;
    content: "";
    background: linear-gradient(transparent, #001c2d);
  }
  #biotechnology-and-life-science .sfnd-biotech-content {
    width: calc(100% - 64px);
    margin-inline: auto;
  }
  #biotechnology-and-life-science .sfnd-biotech-copy {
    width: 100%;
    max-width: 620px;
  }
}
@media (max-width: 599px) {
  #biotechnology-and-life-science .sfnd-biotech-content { width: calc(100% - 48px); }
  html body.sfnd-page main#main #biotechnology-and-life-science { padding-bottom: 48px; }
}