.science { background: #000; color: #fff; padding: clamp(36px, 4vw, 64px) var(--page-pad-x) clamp(64px, 6vw, 96px); }
.science-mobile { display: none; }
.science__inner { margin: 0 auto; max-width: 1300px; position: relative; }
.science--reveal-ready [data-science-reveal] { opacity: 0; transform: translateY(26px); transition: opacity 520ms ease, transform 760ms cubic-bezier(.22,1,.36,1); }
.science--reveal-ready.is-revealed [data-science-reveal] { opacity: 1; transform: translateY(0); }
.science__intro p { color: rgba(255,255,255,.75); font-family: var(--font-display); font-size: 15px; margin: 0 0 10px; }
.science__intro h2 { font-family: var(--font-display); font-size: clamp(28px, 2.7vw, 46px); font-weight: 400; line-height: 1.04; margin: 0; }
@media (prefers-reduced-motion: reduce) {
  .science--reveal-ready [data-science-reveal] { opacity: 1; transform: none; transition: none; }
}
@media (max-width: 767px) {
  #science.science { padding-top: 33px; padding-bottom: 34px; }
  #science .science__intro p { font-size: 13px; margin-bottom: 5px; }
  #science .science__intro h2 { font-size: 27px; line-height: 1.25; }
  .science-mobile { display: block; margin-top: 27px; }
  .science--reveal-ready.is-revealed .science-mobile__track { transition-delay: 140ms; }
  .science--reveal-ready.is-revealed .science-mobile__slide h3 { transition-delay: 280ms; }
  .science--reveal-ready.is-revealed .science-mobile__pagination { transition-delay: 420ms; }
  .science-mobile__track { display: grid; gap: 12px; grid-auto-columns: 75.555556vw; grid-auto-flow: column; margin-inline: calc(var(--page-pad-x) * -1); overflow-x: auto; overscroll-behavior-x: contain; padding-inline: var(--page-pad-x); scroll-padding-inline: var(--page-pad-x); scroll-snap-type: x mandatory; scrollbar-width: none; }
  .science-mobile__track::-webkit-scrollbar { display: none; }
  .science-mobile__slide { min-width: 0; scroll-snap-align: start; }
  .science-mobile__scene { aspect-ratio: 850 / 561; border-radius: 10px; display: block; height: auto; object-fit: cover; width: 100%; }
  .science-mobile__chart { aspect-ratio: 850 / 406; border-radius: 12px; display: block; height: auto; margin-top: 8px; width: 100%; }
  .science-mobile__slide h3 { color: #fff; font-family: "Science Manrope", var(--font-heading); font-size: clamp(16px, 4.44444vw, 22px); font-weight: 600; line-height: 1.4; margin: 18px 6px 0; min-height: 2.8em; }
  .science-mobile__pagination { align-items: center; display: flex; height: 32px; justify-content: center; margin: 12px auto 0; position: relative; width: 80px; }
  .science-mobile__pagination::before { background: rgba(243,243,243,.19); border-radius: 30px; content: ""; height: 19.333px; inset-inline: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); }
  .science-mobile__pagination button { align-items: center; background: transparent; border: 0; cursor: pointer; display: flex; flex: 0 0 16px; height: 32px; justify-content: center; padding: 0; position: relative; transition: flex-basis 180ms ease; }
  .science-mobile__pagination button[aria-current] { flex-basis: 32px; }
  .science-mobile__pagination span { background: rgba(255,255,255,.35); border-radius: 99px; flex-shrink: 0; height: 5.333px; transition: background-color 180ms ease, width 180ms ease; width: 5.333px; }
  .science-mobile__pagination button[aria-current] span { background: white; width: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .science-mobile__pagination button,
  .science-mobile__pagination span { transition: none; }
}