@font-face {
  font-family: "Science Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/manrope-regular.ttf") format("truetype");
}
.science-desktop { display: none; }
@media (min-width: 768px) {
  #science.science { padding: 0; }
  #science .science__inner { max-width: none; }
  #science .science__inner > :not(.science-desktop) { display: none; }
  .science-desktop { --science-unit: .0390625vw; --science-intro-progress: 0; --science-content-progress: 0; display: block; position: relative; height: calc(max(650px, 56.953125vw) + 70vh); font-family: "Science Manrope", var(--font-sans); }
  .science-desktop__stage { position: sticky; top: 0; height: max(650px, 56.953125vw); padding-top: calc(100 * var(--science-unit)); overflow: hidden; }
  .science-desktop__intro { margin-left: calc(151 * var(--science-unit)); width: calc(921 * var(--science-unit)); }
  .science-desktop__intro p { font-family: var(--font-display); font-size: calc(40 * var(--science-unit)); line-height: 1.3; margin: 0 0 calc(14 * var(--science-unit)); }
  .science-desktop__intro h2 { font-family: var(--font-display); font-size: calc(80 * var(--science-unit)); font-weight: 400; line-height: 1.25; margin: 0; }
  .science-desktop__health { position: absolute; left: 57.109375%; top: calc(148 * var(--science-unit)); display: flex; align-items: center; gap: calc(20 * var(--science-unit)); }
  .science-desktop__health img:first-child { width: calc(92 * var(--science-unit)); height: auto; }
  .science-desktop__health img:nth-child(2) { width: calc(304 * var(--science-unit)); height: auto; }
  .science-desktop__health p { font-size: calc(28 * var(--science-unit)); line-height: 1.5; margin: 0; white-space: nowrap; }
  .science-desktop__health strong { display: inline-block; margin-top: calc(17 * var(--science-unit)); font-weight: 600; }
  .science-desktop__body { position: absolute; top: calc(433 * var(--science-unit)); left: 11.2890625%; right: 6.2109375%; display: grid; grid-template-columns: 38.63636% 52.12121%; justify-content: space-between; min-height: calc(1140 * var(--science-unit)); }
  .science-desktop__controls { position: absolute; left: calc(-165 * var(--science-unit)); top: calc(528 * var(--science-unit)); display: grid; gap: calc(20 * var(--science-unit)); }
  .science-desktop__controls button { width: calc(65.594 * var(--science-unit)); height: calc(65.594 * var(--science-unit)); min-width: 32px; min-height: 32px; border: 0; background: transparent; padding: 0; cursor: pointer; }
  .science-desktop__controls img { width: 100%; height: 100%; }
  .science-desktop__controls button:disabled { opacity: .2; cursor: default; }
  .science-desktop__item { border-bottom: 1px solid rgba(255,255,255,.24); padding-block: calc(50 * var(--science-unit)); }
  .science-desktop__item:first-child { padding-top: 0; }
  .science-desktop__item:last-child { border-bottom: 0; }
  .science-desktop__item h3 { margin: 0; font: inherit; }
  .science-desktop__item button { width: 100%; background: none; color: rgba(255,255,255,.4); border: 0; text-align: left; padding: 0; font: inherit; font-size: calc(32 * var(--science-unit)); font-weight: 600; line-height: 1.375; cursor: pointer; }
  .science-desktop button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
  .science-desktop__heading { display: none; }
  .science-desktop__item.is-active button { color: #fff; font-size: calc(48 * var(--science-unit)); line-height: 1.375; }
  .science-desktop__item.is-active .science-desktop__heading { display: block; }
  .science-desktop__item.is-active .science-desktop__label { display: none; }
  .science-desktop__panel { margin-top: calc(50 * var(--science-unit)); }
  .science-desktop__panel[hidden] { display: none; }
  .science-desktop__chart { display: block; width: 94.3396%; height: auto; }
  .science-desktop__item:nth-child(2) .science-desktop__chart { width: 82.5472%; }
  .science-desktop__chart-placeholder { width: 94.3396%; aspect-ratio: 800 / 451; display: grid; place-items: center; border-radius: calc(34.286 * var(--science-unit)); background: #141414; border: 1px solid #252525; }
  .science-desktop__item:first-child .science-desktop__chart-placeholder { aspect-ratio: 800 / 380.607; }
  .science-desktop__item:nth-child(2) .science-desktop__chart-placeholder { width: 82.5472%; aspect-ratio: 700 / 444; background: #0e0e0e; }
  .science-desktop__item:last-child .science-desktop__chart-placeholder { aspect-ratio: 800 / 529; }
  .science-desktop__chart-placeholder span, .science-desktop__scene span { color: #8b8b8b; font-size: calc(26 * var(--science-unit)); text-align: center; }
  .science-desktop small { display: block; color: #666; font-size: calc(20 * var(--science-unit)); margin-top: calc(12 * var(--science-unit)); }
  .science-desktop__scene { align-self: start; margin-top: calc(205 * var(--science-unit)); border-radius: calc(24 * var(--science-unit)); overflow: hidden; }
  .science-desktop__scene img { display: block; width: 100%; height: auto; }
  .science-desktop__scene img[hidden] { display: none; }
  .science-desktop--motion-ready .science-desktop__intro,
  .science-desktop--motion-ready .science-desktop__health { opacity: calc(1 - var(--science-intro-progress)); transform: translateY(calc(-80 * var(--science-unit) * var(--science-intro-progress))); }
  .science-desktop--motion-ready .science-desktop__body { opacity: var(--science-content-progress); transform: translateY(calc(-210 * var(--science-unit) * var(--science-content-progress))); }
  .science-desktop.is-detail-active .science-desktop__intro,
  .science-desktop.is-detail-active .science-desktop__health { opacity: 0; transform: translateY(calc(-80 * var(--science-unit))); transition: opacity 350ms, transform 500ms; }
  .science-desktop.is-detail-active .science-desktop__body { opacity: 1; transform: translateY(calc(-210 * var(--science-unit))); transition: opacity 350ms, transform 500ms; }
}
@media (prefers-reduced-motion: reduce), (max-height: 650px) {
  .science-desktop { height: auto; }
  .science-desktop__stage { position: relative; height: auto; min-height: max(650px, 68vw); overflow: visible; padding-bottom: 50px; }
  .science-desktop .science-desktop__intro,
  .science-desktop .science-desktop__health { opacity: 1; transform: none; transition: none; }
  .science-desktop .science-desktop__body { position: relative; top: auto; left: auto; right: auto; margin: calc(107 * var(--science-unit)) 6.2109375% 0 11.2890625%; opacity: 1; transform: none; transition: none; }
  .science-desktop__panel { animation: none; }
}