@font-face {
  font-family: Merriweather;
  src: url('../fonts/Merriweather-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Merriweather;
  src: url('../fonts/Merriweather-Italic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Merriweather;
  src: url('../fonts/Merriweather-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Merriweather;
  src: url('../fonts/Merriweather-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Merriweather;
  src: url('../fonts/Merriweather-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noe Display;
  src: url('../fonts/Noe-Display-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Noe Display;
  src: url('../fonts/Noe-Display-Bold-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Noe Display;
  src: url('../fonts/NoeDisplayMedium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-ExtraBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pangram;
  src: url('../fonts/Pangram-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--transparent: #0000;
  --color--dark-blue: #290045;
  --color--blue: #614ad6;
  --color--yellow: #ff9103;
  --color--dark-pink: #bf009e;
  --color--orange: #ff3b12;
  --color--lighter-blue: #bfd6ff;
  --color--light-pink: #b087f2;
  --color--off-black: #1a1a1a;
  --color--white: #fff;
  --color--gray: #ededed;
  --color--light-blue: #bfa6f7;
  --color--new-light-purple: #ded2ff;
  --color--purple: #422194;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Merriweather, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.header {
  z-index: 9999;
  padding-top: 3.125rem;
  padding-left: 3.25rem;
  padding-right: 2.625rem;
  position: fixed;
  inset: 0% 0% auto;
}

.main-wrapper {
  overflow: clip;
}

.quote-section {
  width: 100%;
  max-width: 1440px;
  height: 300vh;
  margin-top: -150vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.quote-wrap {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.quote-first {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  opacity: 0;
  filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 35.0625rem;
  display: flex;
  transform: scale(.96);
}

.html-embed {
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-content-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.main-quote-title {
  font-family: Noe Display, sans-serif;
  font-size: clamp(2rem, 3vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.quote-sub-title {
  margin-bottom: 2rem;
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.875rem;
}

.quote-sub-title.is--right-aligned {
  text-align: right;
}

.quote-second {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  opacity: 0;
  filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 41.125rem;
  display: flex;
  position: absolute;
  inset: 23.5625rem auto auto 41rem;
  transform: scale(.96);
}

.quote-third {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  opacity: 0;
  filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 41.125rem;
  display: flex;
  position: absolute;
  inset: 8.375rem auto auto 24.6875rem;
  transform: scale(.96);
}

.quote-fourth {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  opacity: 0;
  filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 41.125rem;
  display: flex;
  position: absolute;
  inset: auto auto 10.625rem 15.8125rem;
  transform: scale(.96);
}

.quote-summary-wrap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 42.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-quote-summary-title {
  font-family: Merriweather, sans-serif;
  font-size: 1.5625rem;
  line-height: 1.4;
}

.quote-summary-sub-title {
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  line-height: 1.875rem;
}

.diagram-section {
  background-color: var(--color--transparent);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.bg-section {
  width: 100%;
  height: 100%;
}

.navbar {
  z-index: 2147483647;
  background-color: var(--color--transparent);
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: fixed;
  top: 10%;
  right: 0;
  overflow: visible;
}

.header-logo-wrap {
  color: #fff;
  margin-right: auto;
  transition: all .3s ease-in-out;
}

.header-logo-wrap:hover {
  transform: scale(1.1);
}

.navbar-text-wrap {
  color: #fff;
  letter-spacing: .3rem;
  text-transform: uppercase;
  font-family: Pangram, sans-serif;
  font-size: .5625rem;
  font-weight: 400;
  line-height: .625rem;
}

.m_nav-menu-wrap {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  transform-origin: 100% 0;
  background-image: radial-gradient(circle at 0 0, #422194, #290045);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: auto;
}

.m_nav-link {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #bfd6ff;
  letter-spacing: .3rem;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: .5rem;
  font-family: Pangram, sans-serif;
  font-size: .5625rem;
  font-weight: 700;
  line-height: .7rem;
  display: flex;
  position: relative;
}

.m_nav-link:hover {
  font-weight: 900;
}

.nav-menu-circle {
  background-color: var(--color--blue);
  border-radius: 100%;
  width: .25rem;
  min-width: .25rem;
  height: .25rem;
  min-height: .25rem;
}

.table-of-content-box {
  color: var(--color--yellow);
  letter-spacing: .3rem;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  font-family: Pangram, sans-serif;
  font-size: .5625rem;
  font-weight: 900;
  line-height: .625rem;
  display: flex;
}

.table-of-content-circle {
  background-color: var(--color--yellow);
  border-radius: 100%;
  width: 1.4375rem;
  min-width: 1.4375rem;
  height: 1.4375rem;
  min-height: 1.4375rem;
  margin-right: -.71875rem;
}

.m_nav-menu {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.nav-link-text {
  font-size: clamp(.675rem, .8vw, .875rem);
  line-height: 1.4;
}

.nav-link-text.max-width._20ch {
  width: 20ch;
}

.nav-link-text.max-width._30ch {
  max-width: 30ch;
}

.nav-link-text.max-width._25ch {
  max-width: 25ch;
}

.nav-link-text.max-width._15rem {
  max-width: 15rem;
}

.nav-link-text.max-width._12rem {
  max-width: 12rem;
}

.nav-link-text.max-width._16-7rem {
  max-width: 16.7rem;
}

.nav-link-text.max-width._12-5rem {
  max-width: 12.5rem;
}

.hero-wrap {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hero-services-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  max-height: 760px;
  display: flex;
  position: relative;
}

.video-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--dark-pink);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 13vw;
  min-width: 140px;
  max-width: 11.7rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.video-box:hover {
  box-shadow: 0 0 20px 3px var(--color--dark-pink);
}

.services-title-text {
  letter-spacing: .2rem;
  text-transform: uppercase;
  font-size: .75rem;
  line-height: .625rem;
}

.services-title-text.is--pink {
  color: var(--color--dark-pink);
}

.services-title-text.is--orange {
  color: var(--color--orange);
}

.services-title-text.is--yellow {
  color: var(--color--yellow);
}

.services-title-text.is--lighter-blue {
  color: var(--color--lighter-blue);
}

.services-title-text.is--light-pink {
  color: var(--color--light-pink);
}

.services-sub-heading {
  font-size: clamp(12px, 1.2vw, 16px);
  font-weight: 500;
  line-height: 1.6;
}

.saving-q-a-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--lighter-blue);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 10vw;
  min-width: 160px;
  max-width: 11rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.saving-q-a-box:hover {
  border-color: var(--color--lighter-blue);
  box-shadow: 0 0 20px 3px var(--color--lighter-blue);
}

.imagining-q-a-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--yellow);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 11vw;
  min-width: 120px;
  max-width: 9.9rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.imagining-q-a-box:hover {
  box-shadow: 0 0 20px 3px var(--color--yellow);
}

.alien-deep-dive-box {
  z-index: 1;
  aspect-ratio: 1;
  object-fit: cover;
  background-color: #290045;
  border: 1px solid #b087f2;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 11.5vw;
  min-width: 160px;
  max-width: 11rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.alien-deep-dive-box:hover {
  box-shadow: 0 0 20px 3px #b087f2;
}

.black-explainer-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--lighter-blue);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 12vw;
  min-width: 160px;
  max-width: 10.8rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.black-explainer-box:hover {
  box-shadow: 0 0 20px 3px var(--color--lighter-blue);
}

.essay-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--orange);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 11vw;
  min-width: 140px;
  max-width: 9.9rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.essay-box:hover {
  box-shadow: 0 0 20px 3px var(--color--orange);
}

.explainer-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--yellow);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 11vw;
  min-width: 150px;
  max-width: 9rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.explainer-box:hover {
  box-shadow: 0 0 20px 3px var(--color--yellow);
}

.services-content-wrap {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1em;
  font-family: Pangram, sans-serif;
  font-size: 1em;
  font-weight: 700;
  display: flex;
}

.new-deep-dive-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--light-pink);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 12vw;
  min-width: 160px;
  max-width: 10rem;
  transition: box-shadow .6s;
  display: flex;
  position: relative;
}

.new-deep-dive-box:hover {
  box-shadow: 0 0 20px 3px var(--color--light-pink);
}

.visualization-box {
  z-index: 1;
  aspect-ratio: 1;
  border: 1px solid var(--color--dark-pink);
  object-fit: cover;
  background-color: #290045;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 13vw;
  min-width: 180px;
  max-width: 12.3rem;
  transition: all .4s ease-in-out;
  display: flex;
  position: relative;
}

.visualization-box:hover {
  box-shadow: 0 0 20px 3px var(--color--dark-pink);
}

.video-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 25% auto auto 14.6%;
}

.info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #fff;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  height: 90%;
  font-family: Pangram, sans-serif;
  position: absolute;
  inset: auto 50% auto auto;
  overflow: hidden;
}

.info-box.is--video, .info-box.is--new-deep-dive {
  justify-content: flex-start;
  align-items: stretch;
  left: 50%;
  right: auto;
}

.info-box.is--essay {
  justify-content: flex-start;
  align-items: center;
  left: 50%;
  right: auto;
}

.info-box.is--out {
  transform: translate(-100%);
}

.info-box.is--alien-deep-dive {
  justify-content: flex-start;
  align-items: center;
  left: 50%;
  right: auto;
}

.services-info-summary {
  color: var(--color--off-black);
  width: 25ch;
  font-size: clamp(12px, 2vw, 16px);
  font-weight: 400;
  line-height: 1.4;
}

.services-info-summary.is--wider {
  width: 27ch;
}

.services-info-summary.is--shorter {
  width: 20ch;
}

.services-info-summary.is--xlarger {
  width: 19ch;
  font-size: clamp(12px, 2vw, 18px);
}

.services-info-summary.is--thought-experiment {
  width: 19ch;
  font-size: clamp(12px, 2vw, 16px);
}

.services-author-name {
  margin-top: auto;
  margin-bottom: 1%;
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 2;
}

.services-author-name.text-color-light-blue {
  color: #0a5299;
}

.services-author-name.is-dynamic {
  font-size: 14px;
}

.services-read-time {
  color: var(--color--off-black);
  letter-spacing: .08rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: .6rem;
}

.essay-box-wrap {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 5% auto auto 31.7%;
}

.saving-q-a-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 50%;
}

.essay-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  background-color: #ff9103d9;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 19vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -18vw auto auto;
  transform: translate(0, -50%);
}

.saving-q-a-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 19vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -18vw auto auto;
  transform: translate(0, -50%);
}

.imagining-q-a-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 17% 12% auto auto;
}

.imagining-q-a-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  background-color: #b087f2d9;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -15vw auto auto;
  transform: translate(0, -50%);
}

.visualization-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 58.8% 15.7% auto auto;
}

.visualization-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  background-color: #ff9103d9;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -14.2vw auto auto;
  transform: translate(0, -50%);
}

.explainer-box-wrap {
  z-index: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 70.4% auto auto 50%;
  transform: translate(-50%);
}

.explainer-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  background-color: #ff3b12d9;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 17vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -16.1vw auto auto;
  transform: translate(0, -50%);
}

.new-deep-dive-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 60% auto auto 25%;
}

.new-deep-dive-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  background-color: #bf009ecc;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 18vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -17.2vw auto auto;
  transform: translate(0, -50%);
}

.alien-deep-dive-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 30% auto auto 34.6%;
}

.alien-deep-dive-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: var(--color--white);
  background-color: #b087f2e6;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 14vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -13vw auto auto;
  transform: translate(0, -50%);
}

.black-explainer-box-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 33% 34.4% auto auto;
}

.black-explainer-info-box {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  opacity: 0;
  color: #002157;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 17.0625vw;
  padding: .75vw .625vw .75vw 2.5vw;
  font-family: Pangram, sans-serif;
  transition: all .4s ease-in-out;
  display: none;
  position: absolute;
  inset: 50% -15.9vw auto auto;
  transform: translate(0, -50%);
}

.line-1 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 14vw;
  height: .125rem;
  position: absolute;
  inset: 53.75% auto auto 14.7%;
  transform: rotate(85deg);
}

.line-2 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 6.75vw;
  height: .125rem;
  position: absolute;
  inset: 29% auto auto 25.5%;
  transform: rotate(-14deg);
}

.line-3 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 13.75vw;
  height: .125rem;
  position: absolute;
  inset: 42.61% auto auto 24.4%;
  transform: rotate(30deg);
}

.line-4 {
  background-color: var(--color--blue);
  width: 6vw;
  height: .125rem;
  position: absolute;
  inset: 38% auto auto 35.7%;
  transform: rotate(80deg);
}

.line-5 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 14vw;
  height: .125rem;
  position: absolute;
  inset: 62.47% auto auto 24%;
  transform: rotate(-40deg);
}

.line-6 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 21.5625vw;
  height: .125rem;
  position: absolute;
  inset: 76.35% auto auto 24%;
  transform: rotate(7deg);
}

.line-7 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 9.875vw;
  height: .125rem;
  position: absolute;
  inset: 65.37% auto auto 40.4%;
  transform: rotate(63deg);
}

.line-8 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 11.75vw;
  height: .125rem;
  position: absolute;
  inset: 65.37% auto auto 48.6%;
  transform: rotate(115deg);
}

.line-9 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 10vw;
  height: .125rem;
  position: absolute;
  inset: 50.85% auto auto 45.1%;
  transform: rotate(-2deg);
}

.line-10 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 15vw;
  max-width: 310px;
  height: .125rem;
  position: absolute;
  inset: 35.35% auto auto 41%;
  transform: rotate(-54deg);
}

.line-11 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 15vw;
  height: .125rem;
  position: absolute;
  inset: 21.79% auto auto 41%;
  transform: rotate(-16deg);
}

.line-12 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 10vw;
  height: .125rem;
  position: absolute;
  inset: 33.57% auto auto 52.4%;
  transform: rotate(80deg);
}

.line-13 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 17.6875vw;
  height: .125rem;
  position: absolute;
  inset: 74.74% auto auto 54.8%;
  transform: rotate(168deg);
}

.line-14 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 10.8125vw;
  height: .125rem;
  position: absolute;
  inset: 50.36% auto auto 71.7%;
  transform: rotate(-92deg);
}

.line-15 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 15vw;
  height: .125rem;
  position: absolute;
  inset: 58.92% auto auto 60%;
  transform: rotate(32deg);
}

.line-16 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 11vw;
  height: .125rem;
  position: absolute;
  inset: 41% auto auto 63%;
  transform: rotate(-36deg);
}

.line-17 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 12.25vw;
  height: .125rem;
  position: absolute;
  inset: 26.31% 28.3% auto auto;
  transform: rotate(25deg);
}

.essay-section {
  padding-top: 10.625rem;
  padding-bottom: 7.8125rem;
  position: relative;
}

.essay-wrap {
  z-index: 1;
  padding-bottom: 4rem;
  position: relative;
}

.section-info-block {
  grid-column-gap: 2.625rem;
  grid-row-gap: 2.625rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 7.6875rem;
  display: flex;
}

.section-title-wrap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 14.1875rem;
  display: flex;
}

.section-title-contant {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 12.9rem;
  display: flex;
}

.section-sub-title {
  color: var(--color--yellow);
  letter-spacing: .3rem;
  text-transform: uppercase;
  font-family: Pangram, sans-serif;
  font-size: .5625rem;
  font-weight: 700;
  line-height: .625rem;
}

.heading-h2 {
  color: var(--color--white);
  font-family: Merriweather, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-h2.is--yellow {
  color: var(--color--yellow);
}

.heading-h2.is--explainer_diagram0title {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
}

.section-author-text {
  color: var(--color--white);
  font-family: Merriweather, sans-serif;
  font-weight: 400;
}

.button-primary {
  border: .125rem solid var(--color--yellow);
  color: var(--color--yellow);
  text-align: right;
  letter-spacing: .02em;
  background-color: #fff0;
  border-radius: 10px;
  padding: .625rem 1.25rem;
  font-family: Pangram, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1875rem;
  transition: all .3s ease-in-out;
}

.button-primary.is--mobile {
  display: none;
}

.section-summary-block {
  width: 100%;
  max-width: 41.3125rem;
  margin-top: -1.0625rem;
}

.section-summary-info-wrap {
  grid-column-gap: .5625rem;
  grid-row-gap: .5625rem;
  color: var(--color--white);
  justify-content: flex-start;
  align-items: center;
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
  display: flex;
}

.section-main-text {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
  font-size: 4rem;
  line-height: 5.0625rem;
}

.essay-quote-wrap {
  z-index: 1;
  padding-left: 7.4375rem;
  position: relative;
}

.section-quote-wrap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 66rem;
  display: flex;
}

.quote-heading {
  color: #bfd6ff;
  font-family: Noe Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 5.0625rem;
}

.quote-contant {
  grid-column-gap: .5625rem;
  grid-row-gap: .5625rem;
  color: var(--color--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.essay-bg-image {
  width: 32.8rem;
  position: absolute;
  inset: auto 0% 9.25rem auto;
}

.visualization-section {
  padding-bottom: 31.9375rem;
  position: relative;
}

.visualization-image-first {
  width: 15.75rem;
  min-width: 15.75rem;
  height: 15.75rem;
  min-height: 15.75rem;
  position: absolute;
  inset: auto auto 10.875rem 23.4375rem;
}

.visualization-image-second {
  width: 25.375rem;
  min-width: 25.375rem;
  height: 25.375rem;
  min-height: 25.375rem;
  position: absolute;
  inset: auto 22.5625rem 6.6875rem auto;
}

.visualization-image-three {
  width: 16.5625rem;
  min-width: 16.5625rem;
  height: 16.5625rem;
  min-height: 16.5625rem;
  position: absolute;
  inset: 5.9375rem 6rem auto auto;
}

.imagining-q-a-section {
  padding-bottom: 7.6875rem;
  position: relative;
}

.imagining-q-a-wrap {
  margin-bottom: 7.25rem;
}

.imagining-quote-wrap {
  padding-left: 7.8125rem;
  position: relative;
}

.imaging-q-a-bg-image {
  width: 29.875rem;
  position: absolute;
  inset: 3.3125rem 0% auto auto;
}

.author-name {
  z-index: 2;
  color: var(--color--white);
  letter-spacing: .3rem;
  font-family: Noe Display, sans-serif;
  font-size: .5625rem;
  position: absolute;
  inset: auto 2.8125rem 5rem auto;
}

.explainer-section {
  padding-bottom: 7.9375rem;
}

.video-section {
  position: relative;
}

.image {
  width: 100%;
  height: 100%;
}

.video-image-wrap {
  position: relative;
}

.video-light-image {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.video-light-box {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.play-button {
  border: .125rem solid var(--color--white);
  cursor: pointer;
  border-radius: .3125rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
  transition: all .3s ease-in-out;
  display: flex;
}

.play-button:hover {
  background-color: var(--color--white);
}

.video-section-title-box {
  padding: 1.625rem 2rem 2.0625rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.video-section-title-contant {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.video-section-sub-title {
  color: var(--color--yellow);
  letter-spacing: .3rem;
  text-transform: uppercase;
  font-family: Pangram, sans-serif;
  font-size: .5625rem;
  font-weight: 700;
  line-height: .625rem;
}

.info-box-content {
  z-index: 1;
  border-radius: .5rem;
  flex-flow: column;
  height: 100%;
  padding: .75rem 2vw .75rem .75vw;
  display: flex;
  overflow: hidden;
}

.info-box-content.is--video {
  background-color: #bf009eb3;
  padding-left: min(7.5vw, 7rem);
  padding-right: 1rem;
}

.info-box-content.is--new-deep-dive {
  background-color: #b087f2b3;
  padding-left: 6rem;
  padding-right: 1rem;
}

.info-box-content.is--alien-deep-dive {
  background-color: #b087f2cc;
  padding-left: 6rem;
  padding-right: 1rem;
}

.info-box-content.is--essay {
  background-color: #ff3b12b3;
  padding-left: 6rem;
  padding-right: 1rem;
}

.info-box-content.is--saving-q-a {
  background-color: #9aafd4e6;
  padding-right: min(7.5vw, 7rem);
}

.info-box-content.is--black-explainer {
  background-color: #9aafd4e6;
  padding-left: 1rem;
  padding-right: min(7.5vw, 5rem);
}

.info-box-content.is--imagining-q-a {
  background-color: #ff9103b3;
  padding-left: 1rem;
  padding-right: 6rem;
}

.info-box-content.is--visualization {
  background-color: #bf009eb3;
  padding-left: 1rem;
  padding-right: 7rem;
}

.info-box-content.is--explainer {
  background-color: #ff9103cc;
  padding-left: 1rem;
  padding-right: 6rem;
}

.info-box_active {
  transform: translate(-80%);
}

.container-large {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.global-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.section_black-hole {
  z-index: 2;
  color: var(--color--gray);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 2rem;
  font-size: 16px;
  line-height: 30px;
  display: flex;
  position: relative;
  overflow: clip;
}

.container-small {
  max-width: 48rem;
}

.p-drop-cape {
  text-align: justify;
  line-height: 1.8;
}

.black-hole_left-triangle {
  float: left;
  shape-outside: polygon(0 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(100% 100%, 0 0, 0 100%);
  clip-path: polygon(100% 100%, 0 0, 0 100%);
  width: 47.5%;
  height: 30rem;
  display: block;
  position: relative;
}

.wqefwegergbreb {
  z-index: -1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 0%;
}

.border {
  width: 100%;
  height: 100%;
}

.border.is-red {
  background-image: linear-gradient(#000, #fff);
}

.border.is-blue {
  background-image: linear-gradient(315deg, #000, #fff);
}

.border.is-pink, .border.is-yellow {
  background-color: #e9471f;
}

.image-4 {
  opacity: 1;
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  transform: scale(.9);
}

.paragraph {
  text-align: left;
  white-space: break-spaces;
  word-break: keep-all;
  font-size: 1rem;
  line-height: 2;
}

.paragraph.p-drop-caps-medium {
  margin-top: -.5rem;
}

.paragraph.p-drop-caps-medium.has-top-margin {
  margin-top: 5.8rem;
}

.paragraph.p-drop-caps-medium.has-top-margin.is--inline {
  vertical-align: sub;
  display: inline;
}

.paragraph.p-drop-caps-medium.is--twofaces {
  margin-top: 0;
}

.paragraph.p-drop-caps-medium.is--crumbles {
  text-align: left;
  margin-top: 0;
}

.paragraph.p-drop-caps-medium.is--saving, .paragraph.p-drop-caps-medium.is--hologram {
  text-align: left;
}

.paragraph.p-drop-caps-medium.is--paleo {
  text-align: left;
  margin-top: 6.5rem;
}

.paragraph.is--twofaces {
  text-align: left;
}

.black-hole_right-triangle {
  float: right;
  shape-outside: polygon(100% 0, 0 100%, 100% 100%);
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
  clip-path: polygon(100% 100%, 100% 0, 0 100%);
  width: 47.5%;
  height: 29.9rem;
  position: relative;
}

.content_black-hole-top-paragraph {
  max-width: 38.7rem;
  margin-left: auto;
  margin-right: auto;
}

.image-5 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-6 {
  width: 100%;
}

.black-hole_container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 41rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.black-hole_container.is--test {
  justify-content: flex-start;
  align-items: center;
  height: 8000px;
  position: relative;
}

.div-block-5 {
  width: 50vw;
  height: 50vw;
}

.blob-1_svg {
  z-index: 0;
  filter: blur(50px);
  pointer-events: none;
  width: 150vw;
  position: fixed;
}

.info-box-shape-outside {
  shape-outside: circle(50% at 16%);
  height: 100%;
}

.info-box-shape-outside.is-new-deep-dive {
  float: left;
  width: 11vw;
  transform: translate(-50%);
}

.info-box-shape-outside.is--video {
  float: left;
  width: 13vw;
  transform: translate(-50%);
}

.info-box-shape-outside.is--essay {
  float: left;
  shape-outside: circle(50% at 16%);
  width: 11vw;
  transform: translate(-50%);
}

.info-box-shape-outside.is--saving-q-a {
  float: right;
  shape-outside: circle(50% at 90%);
  width: 11vw;
  transform: translate(50%);
}

.info-box-shape-outside.is--alien-deep-dive {
  float: left;
  shape-outside: circle(50% at 16%);
  width: 11.5vw;
  transform: translate(50%);
}

.info-box-shape-outside.is--essay-copy {
  float: right;
  shape-outside: circle(50% at 100%);
  width: 11vw;
  transform: translate(50%);
}

.info-box-shape-outside.is--black-explainer {
  float: right;
  shape-outside: circle(50% at 90%);
  width: 12vw;
  transform: translate(50%);
}

.info-box-shape-outside.is--explainer, .info-box-shape-outside.is--imagining-q-a {
  float: right;
  shape-outside: circle(50% at 90%);
  width: 11vw;
  transform: translate(50%);
}

.info-box-shape-outside.is--visualization-box {
  float: right;
  shape-outside: circle(50% at 90%);
  width: 13vw;
  transform: translate(50%);
}

.line-18 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 50vw;
  height: .06rem;
  position: absolute;
  inset: 32.77% auto auto 25.5%;
  transform: rotate(1deg);
}

.line-19 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 40vw;
  height: .06rem;
  position: absolute;
  inset: 43.26% auto auto 25.5%;
  transform: rotate(16deg);
}

.line-20 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 39vw;
  height: .06rem;
  position: absolute;
  inset: 62.95% auto auto 18.3%;
  transform: rotate(45deg);
}

.line-21 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 38vw;
  height: .06rem;
  position: absolute;
  inset: 48.42% auto auto 10.7%;
  transform: rotate(-63deg);
}

.line-22 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 40vw;
  height: .06rem;
  position: absolute;
  inset: 61.98% auto auto 21%;
  transform: rotate(-21deg);
}

.line-23 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 34vw;
  height: .06rem;
  position: absolute;
  inset: 29.86% auto auto 41%;
  transform: rotate(6deg);
}

.line-24 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 40vw;
  height: .06rem;
  position: absolute;
  inset: 46.81% auto auto 32.7%;
  transform: rotate(-82deg);
}

.line-25 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 40vw;
  height: .06rem;
  position: absolute;
  inset: 46.81% auto auto 47.9%;
  transform: rotate(-126deg);
}

.line-26 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 40vw;
  height: .06rem;
  position: absolute;
  inset: 54.72% auto auto 44%;
  transform: rotate(-48deg);
}

.line-27 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 33vw;
  height: .06rem;
  position: absolute;
  inset: 60.53% auto auto 43%;
  transform: rotate(16deg);
}

.line-28 {
  z-index: 0;
  background-color: var(--color--blue);
  width: 30vw;
  height: .06rem;
  position: absolute;
  inset: 40.35% auto auto 35%;
  transform: rotate(32deg);
}

.quote-box {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  opacity: 0;
  filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  transform: scale(.96);
}

.quote-box.is--first {
  max-width: 40%;
  position: relative;
  top: 5%;
  left: 15%;
}

.quote-box.is--second {
  max-width: 50%;
  position: absolute;
  top: 25%;
  left: 20%;
}

.quote-box.is--third {
  max-width: 60%;
  position: absolute;
  top: 10%;
  left: 20%;
}

.quote-box.is--fourth {
  max-width: 50%;
  position: absolute;
  bottom: 40%;
  left: 33%;
}

.quote-box.is--summary {
  max-width: 41.25rem;
  position: absolute;
  transform: scale(.96);
}

.section_quote-summary {
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin: -15% auto 5%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.blackhole_bg-wrapper {
  z-index: 2;
  width: 100%;
  position: relative;
}

.container-black-hole {
  z-index: 1;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.black-hole_wrapper {
  z-index: 0;
  width: 100vw;
  max-width: 1440px;
  position: relative;
}

.black-hole_wrapper.is--test {
  position: absolute;
  inset: auto auto 0%;
}

.black-hole_gradient {
  z-index: 3;
  background-image: linear-gradient(#29004500, #290045 10%, #000);
  width: 100%;
  height: 100%;
  position: absolute;
}

.blackhole_spiral-wrapper {
  z-index: 1;
  filter: blur(20px);
  justify-content: center;
  align-items: flex-start;
  margin-top: -30%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.black-hole_bg-solid {
  z-index: 0;
  background-image: linear-gradient(135deg, #0e0415, #290045);
  width: 100%;
  height: 100%;
  margin-top: 18%;
  position: absolute;
}

.black-hole_gradient-wrapper {
  z-index: 0;
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.footer {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.footer_text {
  color: var(--color--yellow);
  text-align: justify;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-family: Noe Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}

.footer_social {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer_social-text {
  color: #fff;
  letter-spacing: .3rem;
  text-transform: uppercase;
  font-family: Pangram, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: .625rem;
}

.footer_social-icon {
  padding: 0;
}

.black-hole_text {
  z-index: 1;
  text-align: center;
  font-size: 1rem;
  line-height: 1.8;
  position: relative;
}

.black-hole_text.is--sticky {
  position: sticky;
  top: 20%;
}

.section_content {
  z-index: 2;
  flex-flow: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6.25rem;
  padding-right: 6.25rem;
  position: relative;
  overflow-x: hidden;
}

.section_content.is--q-a {
  padding-top: 4rem;
}

.section_content.is--space-time {
  background-color: var(--color--transparent);
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.section_content.is--john-wheeler {
  background-color: var(--color--transparent);
  padding-top: 0;
  padding-bottom: 5rem;
  overflow-x: visible;
}

.section_content.is--space-time {
  margin-bottom: -4rem;
}

.section_content.two-faces {
  padding-top: 4rem;
  overflow-x: visible;
}

.section_content.is--crumbles {
  overflow-x: visible;
}

.section_content.is--hologram {
  padding-top: 4rem;
}

.section_content.is--paleo {
  overflow-x: visible;
}

.content_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr .3fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: start center;
  width: 100%;
  display: grid;
}

.text-eyebrow {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--color--yellow);
  letter-spacing: .1rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  font-family: Pangram, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
}

.content_left {
  color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.content_left.is--two-faces {
  padding-top: .5rem;
}

.content_left.has-top-margin, .content_left.is--hologram {
  margin-top: .5rem;
}

.content_left.is--paleo {
  margin-top: 7rem;
}

.content_left.has-negative-margin {
  margin-top: -15rem;
}

.h5 {
  color: var(--color--light-blue);
  margin-bottom: .875rem;
  font-family: Noe Display, sans-serif;
  font-size: clamp(2.187rem, 3vw, 2.5rem);
  line-height: 1.2;
}

.h5.is--right-aligned_desktop {
  text-align: right;
}

.h5.is--right-aligned_desktop.is--shorter {
  max-width: 14rem;
}

.h5.text-color-new-light-purple {
  color: var(--color--new-light-purple);
}

.button-subtext {
  color: var(--color--new-light-purple);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .675rem;
}

.button-subtext.is--video {
  font-size: .75rem;
}

.content_right {
  color: #fff;
}

.content_right.is--crumbles_mobile {
  display: none;
}

.content_right.is--black-hole, .content_right.is--black-hole.is--test {
  position: relative;
}

.img_johnwheeler {
  z-index: 1;
  float: inline-end;
  shape-outside: url('../images/johnwheeler_final-desktop.avif');
  position: relative;
  right: -2rem;
}

.img_johnwheeler.is--desktop {
  opacity: 0;
  width: 40vw;
  margin-right: -100%;
}

.img_johnwheeler.is--mobile {
  display: none;
}

.max-width.is--41rem {
  max-width: 41rem;
}

.section_big-quote {
  z-index: 2;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 6.25rem;
  position: relative;
  overflow: visible;
}

.section_big-quote.is--full-height {
  min-height: 100vh;
}

.section_big-quote.is--desktop {
  display: block;
  overflow-x: visible;
}

.section_big-quote.is--desktop.nas-negative-bottom-margin {
  margin-bottom: -4rem;
}

.section_big-quote.is--mobile {
  display: none;
}

.section_big-quote.is--boyle {
  padding-top: 0;
}

.bigquote_content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(1px, 1px);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.bigquote_content.is--single-quote {
  grid-template-columns: minmax(0, 0) 1fr .25fr;
  display: flex;
}

.bigquote_content.is--person {
  margin-left: -20%;
}

.bigquote_text-wrapper {
  color: var(--color--white);
}

.bigquote_text-wrapper.is--centered {
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
}

.bigquote_text {
  color: var(--color--new-light-purple);
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Noe Display, sans-serif;
  font-size: clamp(2.5rem, 3.5vw, 4rem);
  font-weight: 700;
  line-height: 1.3;
}

.bigquote_text.is-smaller {
  font-size: clamp(2.5rem, 4vw, 2.5rem);
}

.bigquote_text.is--boyle {
  font-size: clamp(2rem, 3.5vw, 2.5rem);
}

.bigquote_icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 4rem;
  display: flex;
}

.img_karen-wrapper.is--desktop {
  margin-left: -10%;
}

.img_twofaces {
  shape-outside: url('../images/Static-4.avif');
  position: relative;
}

.img_twofaces.is--desktop {
  float: right;
  opacity: 0;
  margin-right: -100%;
  right: -2rem;
}

.img_twofaces.is--mobile {
  display: none;
}

.images_container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  min-height: 30rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 6.25rem;
  display: flex;
}

.space-time-img_item {
  opacity: 0;
  border-radius: 100%;
  transform: translate(0, 20px);
}

.space-time-img_item.is--3rd {
  margin-top: -13rem;
}

.image-full {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.section_video {
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin: 4rem auto;
  display: flex;
  position: relative;
}

.div-block-6 {
  background-color: #d26464;
}

.video_clip-path {
  display: block;
  position: absolute;
  inset: 0%;
}

.video_thumbnail-img {
  width: 100%;
}

.video_thumbnail-img.is--mobile {
  min-width: 0;
  display: none;
}

.video_thumbnail-img.is--desktop {
  width: 143%;
  max-width: none;
}

.svg-clip-path {
  width: 0;
  height: 0;
}

.custon-full-stop {
  color: var(--color--yellow);
  font-size: 3rem;
  display: inline-block;
}

.black-hole_text-full-stop {
  color: var(--color--yellow);
  text-align: center;
  white-space: break-spaces;
  word-break: keep-all;
  font-size: 4rem;
  line-height: 1.8;
  display: inline;
}

.black-hole_text-full-stop.is--sticky {
  position: sticky;
  top: 20%;
}

.img_crumbles1 {
  float: right;
  opacity: 0;
  shape-outside: url('../images/Static-8.avif');
  width: 100%;
  margin-right: -100%;
  position: relative;
  right: -2rem;
}

.img_crumbles1.is--tablet, .img_crumbles1.is--mobile {
  display: none;
}

.section_img-divider {
  justify-content: flex-start;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.section_img-divider.is--mobile, .section_img-divider.is--paleophysics {
  display: none;
}

.img_paleophysics {
  width: 100%;
}

.img_paleophysics.is--desktop {
  opacity: 0;
  transform: translate(-100%);
}

.img_paleo1 {
  float: right;
  shape-outside: url('../images/Static-6.avif');
}

.img_paleo1.is--desktop {
  opacity: 0;
  width: 100%;
  margin-right: -100%;
  position: relative;
  right: -2rem;
}

.img_paleo1.is--mobile {
  max-width: 100%;
  display: none;
}

.img_paleo1.is--mobile-fade {
  opacity: 0;
  width: 100%;
  margin-right: -100%;
  display: none;
  position: relative;
  right: -2rem;
}

.img_saving1 {
  float: right;
  aspect-ratio: 1;
  shape-outside: polygon(0% 0%, 6% 10%, 12% 15%, 20% 23%, 32% 30%, 40% 42%, 43% 55%, 42% 100%, 100% 100%, 100% 0);
  width: 33rem;
  position: relative;
}

.black-hole_content-grid {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  pointer-events: none;
  grid-template-rows: auto;
  grid-template-columns: .4fr minmax(200px, 41rem) .4fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start center;
  padding-left: 6.25rem;
  padding-right: 6.25rem;
  display: grid;
}

.black-hole_content-grid.is--test {
  height: 300vh;
}

.img_boyle.is--desktop {
  margin-left: -30%;
}

.bigquote_img {
  width: 100%;
}

.bigquote_img-overlay {
  z-index: 1;
  background-color: var(--color--dark-pink);
  opacity: 1;
  mix-blend-mode: soft-light;
  position: absolute;
  inset: 0%;
}

.black-hole_gradient-foreground {
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(#29004500 52%, #0c0014 76%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section_home-hero {
  height: 200vh;
  overflow-x: clip;
}

.blackhole_img {
  z-index: 5;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.black-hole_text-dot {
  aspect-ratio: 1;
  background-color: var(--color--yellow);
  transform-origin: 50% 0;
  border-radius: 100%;
  width: 2.5rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.section_home-header {
  z-index: 99;
  justify-content: center;
  align-items: stretch;
  min-width: 0;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: sticky;
  top: 0%;
  overflow: hidden;
}

.header_text {
  color: var(--color--yellow);
  text-align: center;
  font-family: Noe Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

.video_play-button-wrapper {
  aspect-ratio: 1;
  background-color: var(--color--white);
  color: var(--color--yellow);
  cursor: pointer;
  object-fit: cover;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 5rem;
  padding: 1rem;
  transition: color .2s, background-color .2s;
  display: flex;
  position: absolute;
  top: 38%;
  right: 39%;
}

.video_play-button-wrapper:hover {
  background-color: var(--color--yellow);
  color: var(--color--white);
}

.icon-embed-custom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2.5rem;
  display: flex;
}

.play_icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2rem;
  display: flex;
  transform: translate(.125rem);
}

.video_content-wrapper {
  max-width: 14rem;
}

.video_content {
  z-index: 2;
  border: 1px solid var(--color--yellow);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #290045cc;
  border-radius: 1.25rem;
  padding: 1.25rem;
}

.video_content-subtitle {
  color: var(--color--white);
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.875rem;
}

.video_content-subtitle.is--right-aligned {
  text-align: right;
}

.video_content-float {
  pointer-events: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10rem;
  padding-right: 10rem;
  display: flex;
  position: absolute;
  top: 25%;
}

.loading {
  min-height: 35vh;
}

.loading.hide {
  display: none;
}

.image-7 {
  position: sticky;
  top: 0;
}

.section_home-hero-sticky {
  z-index: 2;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home_hero-background {
  z-index: 0;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section_home-hero-ix-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.section_home-hero-content {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: var(--color--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 44rem;
  display: flex;
  position: relative;
}

.heading-h1 {
  color: var(--color--white);
  font-family: Noe Display, sans-serif;
  font-size: 5.3125rem;
  font-weight: 700;
  line-height: 1.2;
}

.hero-text {
  font-size: 1rem;
  font-style: italic;
}

.home_hero-heading {
  color: var(--color--white);
  font-family: Noe Display, sans-serif;
  font-size: 5.3125rem;
  font-weight: 700;
  line-height: 1.2;
}

.home_hero-heading.letter, .home_hero-heading.word {
  will-change: transform, opacity, filter;
  display: inline-block;
}

.section_explainer-hero-content {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: var(--color--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 76rem;
  display: flex;
  position: relative;
}

.section_explainer-header {
  z-index: 99;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.header_text-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--color--yellow);
  letter-spacing: .3rem;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-family: Pangram, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5;
}

.section_explainer-quote {
  justify-content: center;
  align-items: center;
  margin-top: -12%;
  margin-bottom: 15%;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.section_explainer-experiment {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 5% 2.5rem;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.section_explainer-experiment.is--3 {
  z-index: 10;
  margin-top: 15%;
  padding-top: 0%;
  overflow-x: visible;
}

.explainer_container {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 41.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.accent-1 {
  text-transform: uppercase;
  font-family: Pangram, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.accent-1.is-yellow {
  color: var(--color--yellow);
}

.experiment_container {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 41.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.experiment_title-container {
  z-index: 1;
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.experiment_title-container.is--3 {
  z-index: 3;
  justify-content: flex-start;
  align-items: center;
  height: 50vh;
}

.experiment_title-container.is--1, .experiment_title-container.is--2 {
  max-width: 41rem;
}

.experiment_subtitle-container {
  z-index: 1;
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.experiment_subtitle-container.is--2 {
  max-width: 28rem;
}

.experiment_subtitle-container.is--1 {
  max-width: 32rem;
}

.experiment_subtitle-container.is--3 {
  max-width: 33rem;
}

.experiment_animation-container {
  z-index: 1;
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: var(--color--light-blue);
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.experiment_animation-container.is--test {
  min-height: auto;
}

.experiment_animation-grid {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: flex;
  position: relative;
  overflow: clip;
}

.experiment_animation-grid.is--test {
  min-height: auto;
  position: relative;
  overflow: clip;
}

.experiment_animation-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: none;
}

.experiment_animation-paragraph-container {
  flex-flow: column;
  display: flex;
}

.experiment_animation-paragraph {
  align-self: center;
  font-size: 1.25rem;
  line-height: 1.8;
}

.experiment_animation-paragraph.is--last {
  margin-bottom: 12rem;
}

.experiment_animation {
  position: absolute;
}

.experiment_animation.hide {
  display: none;
}

.experiment_takeaway-container {
  z-index: 1;
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

.experiment_takeaway-container.is--3 {
  max-width: 39rem;
}

.experiment_takeaway-container.is--2 {
  max-width: 45rem;
}

.experiment_takeaway-container.is--1 {
  max-width: 38rem;
}

.text-highlight {
  color: var(--color--yellow);
}

.explainer_final-quote {
  color: var(--color--new-light-purple);
  text-align: center;
  font-family: Noe Display, sans-serif;
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1.2;
}

.explainer_last-quote-wrap {
  z-index: 1;
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section_explainer-last-quote {
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  margin-bottom: 10rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

.explainer_last-quote-bg {
  z-index: 0;
  position: absolute;
}

.code-embed {
  z-index: 1;
  position: relative;
}

.explainer_hero-background {
  z-index: 0;
  opacity: .7;
  filter: blur(25px);
  transform-style: preserve-3d;
  width: 60%;
  position: absolute;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.experiment_gif {
  position: absolute;
}

.experiment_gif.hide {
  display: none;
}

.section_explainer-hero {
  z-index: 2;
  height: 150vh;
  position: relative;
}

.section_hero-sticky {
  z-index: 2;
  height: auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.header_text-wrapper {
  background-color: var(--color--dark-blue);
  color: var(--color--yellow);
  text-align: center;
  border-radius: 1rem;
  padding: .5rem 1rem;
  font-family: Noe Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

.footer_social-icons-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.main-background {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.nav-menu-content-desktop {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: clamp(.5rem, 1vw, 2rem);
  display: flex;
}

.m_nav-button {
  z-index: 999;
  aspect-ratio: 1;
  background-color: var(--color--yellow);
  border-radius: 100%;
  justify-content: flex-start;
  align-items: center;
  width: 4.75rem;
  padding: 0;
  display: none;
  position: fixed;
  inset: 1rem 0% auto auto;
  transform: translate(50%);
}

.m_menu-arrow {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}

.menu-button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav-menu-content-mobile {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-left: 1.25rem;
  padding-right: 4rem;
  display: flex;
}

.nav-menu-content-wrapper {
  margin-top: 2rem;
  position: relative;
}

.nav-menu-dotted-line {
  flex-flow: column;
  justify-content: space-between;
  width: 1px;
  height: 100%;
  margin-left: .3rem;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.navtext-toc {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1;
}

.navtext-toc-subtext {
  color: var(--color--new-light-purple);
  margin-top: .75rem;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.d_nav-menu-wrap {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.d_nav-menu {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 1rem;
  display: flex;
}

.d_table-of-content-text {
  flex: none;
  margin-right: -.5rem;
  font-size: .875rem;
  line-height: 1;
}

.canvas {
  max-width: 100%;
  position: relative;
}

.experiment_animation-trigger {
  background-color: var(--color--dark-pink);
  justify-content: flex-end;
  align-items: center;
  width: 5px;
  height: 50vh;
  display: flex;
  position: absolute;
}

.experiment_paragraph-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 100vh;
  display: flex;
  position: relative;
}

.experiment_animation-paragraph-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.diagram-line {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--color--white);
}

.explainer-background {
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.experiment_scroll-control {
  height: 150vh;
}

.home_hero-frame {
  position: absolute;
  inset: 0%;
}

.explainer_hero-heading {
  color: var(--color--white);
  font-family: Noe Display, sans-serif;
  font-size: 5.3125rem;
  font-weight: 700;
  line-height: 1.2;
}

.explainer_hero-heading.letter, .explainer_hero-heading.word {
  will-change: transform, opacity, filter;
  display: inline-block;
}

.explainer_hero-text {
  font-size: 1rem;
  font-style: italic;
}

.home_hero-pixi-canvas {
  aspect-ratio: 16 / 9;
  width: 30vw;
}

.d_nav-link {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #bfd6ff;
  text-align: right;
  letter-spacing: .3rem;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: .5rem;
  font-family: Pangram, sans-serif;
  font-weight: 700;
  line-height: .7rem;
  display: flex;
  position: relative;
}

.d_nav-link:hover {
  font-weight: 900;
}

.experiment_animation-illustration-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.experiment_animation-illustration {
  object-fit: contain;
  max-width: 100%;
  position: static;
  inset: 0%;
}

.experiment_animation-illustration.hide {
  display: none;
}

.empty-spacer_illustration {
  width: 100%;
  height: 50vh;
  position: sticky;
  top: 30%;
}

.empty-spacer_paragraph {
  justify-content: flex-start;
  align-items: center;
  height: 50vh;
  display: flex;
}

.home_hero-bg-1 {
  z-index: 0;
  width: 100vw;
  min-width: 100vh;
  max-width: none;
  position: absolute;
}

.home_hero-fg-1 {
  z-index: 1;
  width: 100%;
  max-width: 880px;
  position: absolute;
}

.section_home-header-copy {
  z-index: 99;
  justify-content: center;
  align-items: stretch;
  min-width: 0;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
  overflow: hidden;
}

.experiment_animation-spacer {
  width: 100%;
  height: 50vh;
}

.explainer-paragraph_word {
  display: inline-block;
}

.explainer-paragraph_word.explainer-paragraph_highlighted {
  box-shadow: .3rem 0 0 0 var(--color--yellow);
}

.constellation-wrapper {
  position: absolute;
}

.constellation-wrapper.is-left {
  max-width: none;
  left: -1%;
}

.constellation-wrapper.is-right {
  max-width: none;
  right: -1%;
}

.section-diagram-m {
  grid-column-gap: 1.375rem;
  grid-row-gap: 1.375rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: none;
}

.diagram-m_link {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #bfd6ff;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2rem;
  padding-right: .5rem;
  font-family: Pangram, sans-serif;
  font-size: .5625rem;
  font-weight: 700;
  line-height: .7rem;
  display: flex;
  position: relative;
}

.diagram-m_link:hover {
  font-weight: 900;
}

.diagram-m_content-wrapper {
  margin-top: 2rem;
  position: relative;
}

.diagram-m_subtitle {
  color: var(--color--new-light-purple);
  margin-top: .75rem;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.diagram-m_title {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1;
}

.diagram-m_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.diagram-m_dotted-line {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: space-between;
  width: 1px;
  height: 100%;
  margin-left: .3rem;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.diagram-m_dot {
  background-color: #ffffff80;
  flex: 1;
  padding: 0;
}

.diagram-m_dot-wrapper {
  z-index: 1;
  position: relative;
}

.diagram-m_circle {
  aspect-ratio: 1;
  background-color: var(--color--yellow);
  border-radius: 100%;
  width: .75rem;
}

.diagram-m_link-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.diagram-m_link-eyebrow {
  color: var(--color--yellow);
  letter-spacing: .3em;
  font-size: .875rem;
}

.diagram-m_link-title {
  color: var(--color--white);
  text-align: left;
  text-transform: none;
  margin-top: .5rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
}

.diagram-m_link-caption {
  color: var(--color--white);
  text-transform: none;
  margin-top: .75rem;
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.experiment_data-blocks {
  z-index: 0;
  flex: 1;
  position: relative;
  inset: 0% 0% 0% auto;
}

.experiment_data-blocks.is--1 {
  z-index: 1;
  top: -25%;
  left: 0%;
  right: auto;
}

.experiment_data-blocks.is--2 {
  z-index: 1;
  margin-left: -5%;
}

.experiment_data-blocks.is--3 {
  z-index: 3;
  margin-left: -5%;
  top: 10%;
}

.experiment_data-blocks.is--4 {
  z-index: 4;
  margin-bottom: -25%;
  margin-left: -5%;
}

.experiment_data-blocks.is--5 {
  z-index: 5;
  margin-bottom: -33%;
  margin-left: -5%;
  top: 15%;
}

.explainer_diagram-section {
  z-index: 1;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.explainer_diagram-title-wrapper {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.data-blocks-wrapper {
  z-index: -1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
}

.data-block-image {
  width: 100%;
}

.home_hero-heading-smaller {
  font-size: 3.8rem;
}

.hero-arrow {
  transform: rotate(90deg);
}

.spacer_john-wheeler {
  height: 5.7rem;
}

.is--full-stop-arrow {
  background-image: url('../images/Arrows.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  margin-left: 1rem;
  padding-left: .5rem;
  padding-right: 1rem;
}

.footer_bottom-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  bottom: 3rem;
}

.d_nav-menu-circle {
  background-color: var(--color--blue);
  border-radius: 100%;
  width: .5rem;
  min-width: .5rem;
  height: .5rem;
  min-height: .5rem;
}

.d_table-of-content-circle {
  background-color: var(--color--yellow);
  border-radius: 100%;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0 0 0 .25rem;
  display: flex;
  position: relative;
  transform: translate(50%);
}

.d_menu-arrow {
  color: var(--color--dark-blue);
  transform-style: preserve-3d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: block;
}

.m_navtext-toc {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1;
}

.m_navtext-toc-subtext {
  color: var(--color--new-light-purple);
  margin-top: .75rem;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.diagram-sticky {
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 0;
}

.diagram-wrap {
  height: 150vh;
}

.diagram-arrow {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: 2.5rem;
  transform: rotate(90deg);
}

.footer_link {
  color: var(--color--yellow);
  text-align: left;
  text-decoration: none;
}

.big-quote_author {
  color: var(--color--dark-pink);
  margin-bottom: 0;
  font-family: Merriweather, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.875rem;
}

.big-quote_author.is--right-aligned {
  text-align: right;
}

.video_popup {
  z-index: 2147483647;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--color--dark-blue), #0a0011e6);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.video_popup.is--active {
  display: flex;
}

.video_frame {
  z-index: 1;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video_popup-embed {
  width: 100%;
  height: 100%;
}

.video_popup-overlay {
  z-index: 0;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--color--dark-blue), #0a0011e6 80%);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video_popup-thumb-wrapper {
  border: 3px solid var(--color--light-blue);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.video_popup-thumb-wrapper.is--active {
  display: flex;
}

.video_popup-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video_popup-disclaimer-wrapper {
  color: var(--color--white);
  background-color: #290045cc;
  justify-content: center;
  align-items: center;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
  position: absolute;
  inset: auto 0% 2rem;
}

.video_popup-play-button-wrapper {
  aspect-ratio: 1;
  background-color: var(--color--white);
  cursor: pointer;
  object-fit: cover;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 6rem;
  padding: 1rem;
  display: flex;
  position: absolute;
}

.video_popup-close-trigger {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section_single-quote {
  z-index: 2;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 6.25rem;
  position: relative;
  overflow: visible;
}

.section_single-quote.is--full-height {
  min-height: 100vh;
}

.section_single-quote.is--desktop {
  display: block;
}

.section_single-quote.is--desktop.has-negative-bottom-margin {
  margin-bottom: -4rem;
}

.section_single-quote.is--desktop {
  display: block;
  overflow-x: visible;
}

.section_single-quote.is--mobile {
  display: none;
}

.section_single-quote.is--boyle {
  padding-top: 0;
}

.img-karen {
  opacity: 0;
  margin-left: -100%;
}

.bigquote_content-karen {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(1px, 1px);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bigquote_content-karen.is--single-quote {
  grid-template-columns: minmax(0, 0) 1fr .25fr;
  display: flex;
}

.bigquote_content-karen.is--person {
  margin-left: -20%;
}

.img_boyle-wrapper.is--desktop {
  margin-left: -10%;
}

.bigquote_content-boyle {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr minmax(1px, 1px);
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bigquote_content-boyle.is--single-quote {
  grid-template-columns: minmax(0, 0) 1fr .25fr;
  display: flex;
}

.bigquote_content-boyle.is--person {
  margin-left: -20%;
}

.img-boyle {
  opacity: 0;
  width: 50vw;
  max-width: 41rem;
  margin-left: -100%;
}

.bigquote-person_text-wrapper {
  color: var(--color--white);
  max-width: 41rem;
}

.bigquote-person_text-wrapper.is--centered {
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
}

.takeaway-title {
  color: #d0b7ff;
  text-align: center;
  font-family: Merriweather, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.takeaway-title.is-yellow {
  color: var(--color--yellow);
}

.takeaway-text {
  color: var(--color--white);
  text-align: center;
  font-family: Merriweather, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.takeaway-text.is--yellow {
  color: var(--color--yellow);
}

.takeaway-text.is--explainer_diagram0title {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
}

.explainer-title_eyebrow {
  border-bottom: 1px solid var(--color--yellow);
  color: var(--color--yellow);
  letter-spacing: .2em;
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-family: Pangram, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.explainer-title_eyebrow.is-yellow {
  color: var(--color--yellow);
}

.karen-img_mobile {
  width: 100%;
}

.img-twofaces_mobile {
  shape-outside: url('../images/Static-4.avif');
  shape-margin: 1rem;
  display: none;
  position: relative;
}

.challenge-title {
  color: #d0b7ff;
  text-align: center;
  font-family: Merriweather, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.challenge-title.is-yellow {
  color: var(--color--yellow);
}

.challenge-text {
  color: var(--color--white);
  text-align: center;
  font-family: Merriweather, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.challenge-text.is--yellow {
  color: var(--color--yellow);
}

.challenge-text.is--explainer_diagram0title {
  color: var(--color--yellow);
  font-family: Noe Display, sans-serif;
}

.experiment2_animation-wrapper {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 3.1875rem;
  display: flex;
  position: relative;
}

.exp2_anim-line {
  background-color: var(--color--white);
  height: .125rem;
}

.exp2_anim-vert-line {
  background-color: var(--color--white);
  justify-content: center;
  align-items: flex-start;
  width: .125rem;
  height: 100%;
  display: flex;
  position: absolute;
}

.exp2_anim-vert-line.is--right {
  inset: 0% 0% 0% auto;
}

.exp2_anim-dot {
  aspect-ratio: 1;
  background-color: var(--color--yellow);
  border-radius: 100%;
  flex: none;
  width: .625rem;
  transform: translate(0, -150%);
}

.left-side {
  width: 60%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.right-side {
  width: 40%;
}

.paragraph-wrapper {
  opacity: 0;
  margin-top: 50vh;
  margin-bottom: 50vh;
}

.paragraph-wrapper.is--mobile {
  display: none;
}

.video-element {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.video-embed {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  transform: translate(0, 50%);
}

.videos-wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.video-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.explainer_footer {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

.navbar-trigger {
  z-index: 0;
  pointer-events: none;
  height: 400vh;
  position: absolute;
}

.black-hole_content {
  z-index: 1;
  margin-bottom: -2rem;
}

.black-hole_sticky {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 41rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  display: flex;
  position: sticky;
  top: 5%;
}

.web_top {
  width: 100%;
  height: 0;
}

.img_hologram {
  width: 100%;
}

.img_hologram.is--desktop {
  opacity: 0;
  transform: translate(-100%);
}

@media screen and (max-width: 991px) {
  .header {
    padding: 1.125rem 0 1.125rem 1.25rem;
  }

  .main-wrapper {
    z-index: 1;
    position: relative;
  }

  .quote-section {
    margin-top: -100vh;
  }

  .quote-summary-wrap {
    max-width: none;
  }

  .navbar {
    max-width: none;
    display: none;
    top: 2rem;
  }

  .m_nav-menu-wrap {
    z-index: 888;
    background-color: var(--color--dark-blue);
    cursor: auto;
    transform-origin: 100% 0;
    background-image: radial-gradient(circle farthest-side at 0 25%, #422194, #290045);
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    min-width: 100vw;
    max-width: none;
    height: 100vh;
    display: block;
    position: fixed;
    inset: 0% 0% auto auto;
    overflow: auto;
  }

  .m_nav-link {
    opacity: 0;
    padding-bottom: 2rem;
  }

  .nav-menu-circle {
    background-color: var(--color--yellow);
    width: .75rem;
    min-width: .75rem;
    height: .75rem;
    min-height: .75rem;
  }

  .nav-link-text {
    color: var(--color--yellow);
  }

  .hero-wrap, .button-primary.is--desktop {
    display: none;
  }

  .button-primary.is--mobile {
    margin-top: 2rem;
    display: block;
  }

  .container-large {
    z-index: 1;
    position: relative;
  }

  .paragraph.p-drop-caps-medium.has-top-margin, .paragraph.p-drop-caps-medium.is--paleo {
    margin-top: 0;
  }

  .quote-box.is--first {
    left: 5%;
  }

  .quote-box.is--second {
    max-width: 75%;
    left: 7%;
  }

  .quote-box.is--third {
    max-width: 80%;
    top: 15%;
    left: 10%;
  }

  .quote-box.is--fourth {
    max-width: 90%;
    left: 2%;
  }

  .section_quote-summary {
    margin-bottom: 15%;
  }

  .blackhole_bg-wrapper {
    flex-flow: column;
    display: flex;
  }

  .black-hole_wrapper {
    flex: 1;
    margin-top: 0;
    margin-left: -20vw;
    margin-right: -20vw;
  }

  .black-hole_bg-solid {
    background-image: none;
  }

  .footer {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .logo_footer {
    order: 1;
  }

  .footer_social {
    flex-flow: column;
  }

  .section_content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section_content.is--q-a, .section_content.is--space-time {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .section_content.is--john-wheeler {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .section_content.is--space-time {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .section_content.two-faces {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
  }

  .section_content.is--crumbles {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 4rem;
    display: flex;
  }

  .section_content.is--hologram {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .section_content.is--paleo {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .content_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    justify-content: stretch;
    justify-items: stretch;
  }

  .content_grid.is--paleo {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .content_left {
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
  }

  .content_left.is--john-wheeler {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
    margin-top: 0;
  }

  .content_left.is--paleo {
    max-width: none;
    margin-top: 2rem;
  }

  .h5.is--right-aligned_desktop {
    text-align: left;
  }

  .h5.is--right-aligned_desktop.is--shorter {
    max-width: none;
  }

  .img_johnwheeler.is--desktop {
    display: none;
  }

  .img_johnwheeler.is--mobile {
    opacity: 0;
    align-self: flex-end;
    margin-right: -100%;
    display: block;
    right: 0;
  }

  .section_big-quote {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section_big-quote.is--desktop {
    padding-top: 6.25rem;
    display: block;
  }

  .section_big-quote.is--mobile {
    display: block;
  }

  .section_big-quote.is--mobile.has-negative-bottom-margin {
    margin-bottom: -4rem;
  }

  .section_big-quote.is--boyle {
    padding-bottom: 2rem;
  }

  .bigquote_content {
    display: block;
  }

  .bigquote_content.is--single-quote {
    margin-left: 0%;
  }

  .bigquote_content.is--mobile {
    margin-left: -1.5rem;
  }

  .img_karen-wrapper.is--desktop, .img_twofaces.is--desktop {
    display: none;
  }

  .img_twofaces.is--mobile {
    margin-top: 0;
    margin-bottom: 2rem;
    margin-right: 0%;
    display: block;
    right: -1.5rem;
  }

  .images_container {
    order: -1;
    padding-left: 0;
    padding-right: 0;
  }

  .section_video {
    min-height: 0;
  }

  .video_thumbnail-img {
    max-width: 100%;
  }

  .video_thumbnail-img.is--mobile {
    display: block;
  }

  .video_thumbnail-img.is--desktop {
    display: none;
  }

  .img_crumbles1 {
    margin-right: -20%;
  }

  .img_crumbles1.is--tablet {
    opacity: 0;
    margin-right: -100%;
    display: block;
  }

  .img_crumbles1.is--desktop {
    display: none;
  }

  .img_crumbles1.is--mobile {
    opacity: 0;
    margin-right: -100%;
    display: block;
  }

  .section_img-divider.is--desktop {
    display: none;
  }

  .section_img-divider.is--mobile, .section_img-divider.is--paleophysics {
    display: block;
  }

  .img_paleophysics {
    -webkit-clip-path: url('../images/');
    clip-path: url('../images/');
  }

  .img_paleophysics.is--mobile {
    opacity: 0;
    width: auto;
    transform: translate(-100%);
  }

  .img_paleo1.is--desktop {
    display: none;
  }

  .img_paleo1.is--mobile {
    opacity: 0;
    display: block;
    position: relative;
    transform: translate(-100%);
  }

  .img_paleo1.is--mobile-fade {
    display: block;
  }

  .black-hole_content-grid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .img_boyle {
    margin-left: -1.5rem;
  }

  .img_boyle.is--desktop {
    display: none;
  }

  .black-hole_gradient-foreground {
    background-image: none;
  }

  .section_home-hero {
    height: 150vh;
  }

  .video_play-button-wrapper {
    top: 20%;
    right: auto;
  }

  .video_content-float {
    justify-content: center;
    align-items: center;
    top: 60%;
    left: 0%;
    right: 0%;
  }

  .section_home-hero-ix-wrapper {
    justify-content: center;
    align-items: center;
  }

  .section_home-hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: 100%;
  }

  .section_explainer-header {
    display: none;
  }

  .section_explainer-quote {
    padding-bottom: 12rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    overflow-x: visible;
  }

  .section_explainer-experiment {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .experiment_title-container {
    height: 50vh;
  }

  .experiment_animation-grid {
    flex-flow: column;
    align-items: stretch;
  }

  .experiment_animation-item {
    grid-template-columns: 2fr;
  }

  .experiment_animation-paragraph {
    font-size: 1.5rem;
  }

  .experiment_takeaway-container {
    margin-top: 10rem;
  }

  .section_explainer-last-quote {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .explainer_hero-background {
    width: 100%;
  }

  .black-hole_video {
    align-self: center;
    width: 160%;
  }

  .menu-button {
    background-color: var(--color--yellow);
  }

  .m_nav-button {
    background-color: var(--color--yellow);
    border-radius: 100%;
    display: block;
    transform: translate(50%);
  }

  .nav-menu-content-mobile {
    padding-right: 1.25rem;
  }

  .nav-link-text-title {
    color: var(--color--white);
    text-align: left;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: sub;
    margin-top: .5rem;
    margin-right: .5rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
  }

  .nav-link-text-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .nav-link-text-caption {
    color: var(--color--white);
    letter-spacing: 0;
    text-transform: none;
    margin-top: .75rem;
    font-family: Merriweather, sans-serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
  }

  .nav-menu-dotted-line {
    z-index: 0;
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-flow: column;
    justify-content: space-between;
    width: 1px;
    height: 100%;
    margin-left: .35rem;
    padding: 0;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .nav-menu-dot-wrapper {
    z-index: 1;
    position: relative;
  }

  .h6 {
    font-family: Noe Display, sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1;
  }

  .navtext-toc {
    opacity: 0;
    line-height: 1;
  }

  .navtext-toc-subtext {
    opacity: 0;
    color: var(--color--new-light-purple);
    letter-spacing: 0;
    text-transform: none;
    margin-top: .75rem;
    font-family: Merriweather, sans-serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
  }

  .nav-menu-dot {
    background-color: #ffffff80;
    flex: 1;
    padding: 0;
  }

  .d_nav-menu-wrap {
    z-index: 888;
    background-color: var(--color--dark-blue);
    background-image: radial-gradient(circle farthest-side at 0 25%, #422194, #290045);
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    min-width: 100vw;
    max-width: none;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% 0% auto auto;
    overflow: auto;
  }

  .d_nav-menu {
    align-items: stretch;
    display: flex;
  }

  .d_nav-link {
    opacity: 0;
    padding-bottom: 2rem;
  }

  .home_hero-bg-1 {
    min-width: 100vh;
  }

  .constellation-wrapper.is-left {
    z-index: 0;
    inset: -30% auto auto 0%;
    transform: rotate(90deg);
  }

  .constellation-wrapper.is-right {
    max-width: 50%;
    inset: auto 0% -10% auto;
    transform: translate(-35%)rotate(70deg);
  }

  .diagram-m_link {
    padding-right: 0;
  }

  .diagram-m_subtitle {
    font-style: italic;
  }

  .diagram-m_title {
    line-height: 1;
  }

  .diagram-m_dotted-line {
    z-index: 0;
  }

  .diagram-m_link-title {
    font-size: 1.25rem;
  }

  .diagram-m_arrow {
    line-height: 1;
  }

  .explainer_diagram-title-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: none;
  }

  .hero-arrow {
    line-height: 1;
  }

  .spacer_john-wheeler {
    display: none;
  }

  .d_nav-menu-circle {
    background-color: var(--color--yellow);
    width: .75rem;
    min-width: .75rem;
    height: .75rem;
    min-height: .75rem;
  }

  .m_navtext-toc {
    opacity: 0;
    line-height: 1;
  }

  .m_navtext-toc-subtext {
    color: var(--color--new-light-purple);
    letter-spacing: 0;
    text-transform: none;
    margin-top: .75rem;
    font-family: Merriweather, sans-serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
  }

  .diagram-wrap {
    height: auto;
  }

  .diagram-arrow {
    line-height: 1;
    display: none;
  }

  .video_frame {
    max-width: none;
  }

  .section_single-quote {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section_single-quote.is--desktop {
    display: block;
  }

  .section_single-quote.is--desktop.has-negative-bottom-margin {
    margin-bottom: 0;
  }

  .section_single-quote.is--desktop {
    padding-top: 6.25rem;
  }

  .section_single-quote.is--mobile {
    display: block;
  }

  .section_single-quote.is--boyle {
    padding-bottom: 2rem;
  }

  .bigquote_content-karen {
    display: block;
  }

  .bigquote_content-karen.is--single-quote {
    margin-left: 0%;
  }

  .bigquote_content-karen.is--moibile {
    margin-left: -1.5rem;
  }

  .img_boyle-wrapper.is--desktop {
    display: none;
  }

  .bigquote_content-boyle {
    display: block;
  }

  .bigquote_content-boyle.is--single-quote {
    margin-left: 0%;
  }

  .bigquote_content-boyle.is--moibile {
    margin-left: -1.5rem;
  }

  .karen-img_mobile {
    opacity: 0;
    transform: translate(-100%);
  }

  .img-twofaces_mobile {
    opacity: 0;
    margin-top: 0;
    margin-bottom: 2rem;
    margin-right: 0%;
    display: block;
    right: -1.5rem;
    transform: translate(100%);
  }

  .left-side {
    width: 100%;
    height: auto;
  }

  .right-side {
    width: 100%;
  }

  .video-element {
    top: 5%;
    transform: none;
  }

  .video-container {
    max-width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .explainer_footer {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .navbar-trigger {
    height: 600vh;
  }

  .embed-code {
    height: 0;
    position: absolute;
  }

  .img_hologram {
    -webkit-clip-path: url('../images/');
    clip-path: url('../images/');
  }

  .img_hologram.is--mobile {
    opacity: 0;
    margin-left: -100%;
  }
}

@media screen and (max-width: 767px) {
  .quote-wrap {
    padding-top: 6rem;
    padding-left: 1.5rem;
  }

  .main-quote-title {
    font-size: 2rem;
  }

  .heading-h2 {
    font-size: 1.5625rem;
  }

  .black-hole_left-triangle {
    width: 35%;
  }

  .paragraph {
    text-align: left;
    line-height: 1.8;
  }

  .black-hole_right-triangle {
    width: 35%;
  }

  .quote-box.is--first, .quote-box.is--second {
    max-width: 90%;
  }

  .quote-box.is--third {
    max-width: 90%;
    left: 2%;
  }

  .quote-box.is--fourth {
    max-width: 90%;
  }

  .footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section_content.is--space-time {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section_content.is--crumbles {
    padding-top: 6rem;
  }

  .content_grid.is--crumbles {
    grid-template-columns: 100%;
  }

  .h5 {
    font-size: 2rem;
  }

  .h5.is--right-aligned_desktop {
    text-align: left;
  }

  .content_right.is--crumbles_desktop {
    display: none;
  }

  .content_right.is--crumbles_mobile {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .section_big-quote {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section_big-quote.is--desktop {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }

  .section_big-quote.is--desktop.nas-negative-bottom-margin {
    margin-bottom: 0;
  }

  .section_big-quote.is--boyle {
    margin-top: 3rem;
    padding-bottom: 0;
  }

  .bigquote_text {
    font-size: 1.5rem;
  }

  .bigquote_text.is-smaller {
    font-size: 6vw;
  }

  .img_karen-wrapper {
    width: 120%;
  }

  .images_container {
    flex-flow: wrap;
    min-height: auto;
    margin-bottom: 2rem;
  }

  .space-time-img_item.is--3rd {
    width: 35%;
    margin-top: -5rem;
  }

  .space-time-img_item.is--1st {
    max-width: 75%;
  }

  .space-time-img_item.is--2nd {
    align-self: flex-start;
    width: 50%;
  }

  .img_crumbles1.is--tablet {
    float: none;
    align-self: center;
    width: 544px;
    max-width: none;
    min-height: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    right: 0;
  }

  .img_crumbles1.is--mobile {
    float: none;
    opacity: 1;
    align-self: center;
    width: 544px;
    max-width: none;
    min-height: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-right: 0%;
    right: 0;
  }

  .section_img-divider.is--paleophysics {
    margin-top: 0;
  }

  .img_paleophysics {
    max-width: 110%;
  }

  .img_boyle {
    width: 130%;
  }

  .video_play-button-wrapper {
    width: 4rem;
  }

  .video_content-float {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: auto;
    bottom: 0;
  }

  .section_home-hero-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-h1 {
    font-size: 10vw;
  }

  .home_hero-image {
    display: none;
  }

  .home_hero-heading {
    font-size: 3.5rem;
  }

  .home_hero-heading.letter, .home_hero-heading.word {
    position: relative;
  }

  .section_explainer-quote {
    margin-top: -90%;
    padding-bottom: 10rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section_explainer-experiment {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .accent-1 {
    font-size: 1.25rem;
  }

  .experiment_animation-paragraph {
    font-size: 1rem;
  }

  .experiment_takeaway-container {
    margin-top: -10rem;
  }

  .explainer_hero-background {
    filter: blur(10px);
  }

  .section_explainer-hero {
    overflow-x: clip;
  }

  .section_hero-sticky {
    overflow: visible;
  }

  .hero_heading-wrapper {
    justify-content: center;
    align-items: center;
  }

  .explainer_hero-heading {
    font-size: 11vw;
  }

  .explainer_hero-heading.letter, .explainer_hero-heading.word {
    position: relative;
  }

  .constellation-wrapper.is-left {
    top: -25%;
  }

  .home_hero-heading-smaller {
    font-size: 2.75rem;
  }

  .footer_bottom-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .video_popup.is--active {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .video_popup-disclaimer-wrapper {
    max-width: 95%;
    padding: 1rem .5rem;
    font-size: 14px;
    bottom: .5rem;
  }

  .video_popup-play-button-wrapper {
    width: 4rem;
  }

  .section_single-quote {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .section_single-quote.is--desktop {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }

  .section_single-quote.is--boyle {
    margin-top: 3rem;
    padding-bottom: 0;
  }

  .img_boyle-wrapper {
    width: 120%;
  }

  .takeaway-title {
    font-size: 1.25rem;
  }

  .takeaway-text {
    font-size: 1.5625rem;
  }

  .explainer-title_eyebrow, .challenge-title {
    font-size: 1.25rem;
  }

  .challenge-text {
    font-size: 1.5625rem;
  }

  .left-side {
    z-index: 2;
  }

  .paragraph-wrapper.is--desktop {
    display: none;
  }

  .paragraph-wrapper.is--mobile {
    display: block;
  }

  .explainer_footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .img_hologram {
    max-width: 110%;
  }
}

@media screen and (max-width: 479px) {
  .black-hole_left-triangle, .black-hole_right-triangle {
    width: 20%;
  }

  .section_content.is--crumbles {
    padding-top: 8rem;
  }

  .section_big-quote {
    padding-bottom: 2rem;
  }

  .section_img-divider.is--mobile, .section_img-divider.is--paleophysics {
    padding-top: 0;
  }

  .img_paleo1.is--mobile-fade {
    opacity: 1;
    margin-right: -30%;
  }

  .black-hole_text-dot {
    width: 1.5rem;
  }

  .video_play-button-wrapper {
    top: 15%;
  }

  .video_content-float {
    bottom: -10%;
  }

  .home_hero-heading {
    font-size: 12vw;
  }

  .home_hero-heading-smaller {
    font-size: 10vw;
  }

  .section_single-quote {
    padding-bottom: 2rem;
  }

  .video-container {
    max-width: none;
  }
}

#w-node-_27e01170-facc-57b2-a1ea-0993079f649c-9ab04d53, #w-node-_45802b02-6e9e-192e-9f30-2f9169cd40d3-9ab04d53, #w-node-_89cf7d24-8b4b-f89f-9758-78070a45852b-9ab04d53, #w-node-_284371f4-baf5-834f-ecc5-a90188940576-9ab04d53, #w-node-f54d0ebf-8c50-ad44-811b-c529044925ea-9ab04d53 {
  justify-self: start;
}

#w-node-_99e1fb8b-28f6-cb7f-9a7f-b3b43ffa2b4c-9ab04d53 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_07ea2c80-e070-f737-c03e-b590909bde58-9ab04d53, #w-node-_9b0f0dae-c6c5-a58c-5e93-d1509036d773-9ab04d53 {
  justify-self: start;
}

#w-node-_1146204b-b7b4-bcb7-1ea6-52713edb1ab9-9ab04d53 {
  justify-self: end;
}

#w-node-a0699449-6bda-9de2-4dca-4830323df38a-9ab04d53 {
  justify-self: start;
}

#w-node-c23ec233-60bb-40be-72fa-5093ae1cf61e-9ab04d53 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_27e01170-facc-57b2-a1ea-0993079f649c-dd7921ca, #w-node-_45802b02-6e9e-192e-9f30-2f9169cd40d3-dd7921ca, #w-node-_89cf7d24-8b4b-f89f-9758-78070a45852b-dd7921ca, #w-node-_284371f4-baf5-834f-ecc5-a90188940576-dd7921ca, #w-node-f54d0ebf-8c50-ad44-811b-c529044925ea-dd7921ca {
  justify-self: start;
}

#w-node-_99e1fb8b-28f6-cb7f-9a7f-b3b43ffa2b4c-dd7921ca {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_07ea2c80-e070-f737-c03e-b590909bde58-dd7921ca, #w-node-_9b0f0dae-c6c5-a58c-5e93-d1509036d773-dd7921ca {
  justify-self: start;
}

#w-node-_1146204b-b7b4-bcb7-1ea6-52713edb1ab9-dd7921ca {
  justify-self: end;
}

#w-node-a0699449-6bda-9de2-4dca-4830323df38a-dd7921ca {
  justify-self: start;
}

#w-node-c23ec233-60bb-40be-72fa-5093ae1cf61e-dd7921ca {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_27e01170-facc-57b2-a1ea-0993079f649c-0ee93e88, #w-node-_45802b02-6e9e-192e-9f30-2f9169cd40d3-0ee93e88, #w-node-_89cf7d24-8b4b-f89f-9758-78070a45852b-0ee93e88, #w-node-_284371f4-baf5-834f-ecc5-a90188940576-0ee93e88, #w-node-f54d0ebf-8c50-ad44-811b-c529044925ea-0ee93e88 {
  justify-self: start;
}

#w-node-_99e1fb8b-28f6-cb7f-9a7f-b3b43ffa2b4c-0ee93e88 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_07ea2c80-e070-f737-c03e-b590909bde58-0ee93e88, #w-node-_9b0f0dae-c6c5-a58c-5e93-d1509036d773-0ee93e88 {
  justify-self: start;
}

#w-node-_1146204b-b7b4-bcb7-1ea6-52713edb1ab9-0ee93e88 {
  justify-self: end;
}

#w-node-a0699449-6bda-9de2-4dca-4830323df38a-0ee93e88 {
  justify-self: start;
}

#w-node-c23ec233-60bb-40be-72fa-5093ae1cf61e-0ee93e88 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_1146204b-b7b4-bcb7-1ea6-52713edb1ab9-9ab04d53, #w-node-_1146204b-b7b4-bcb7-1ea6-52713edb1ab9-dd7921ca, #w-node-_1146204b-b7b4-bcb7-1ea6-52713edb1ab9-0ee93e88 {
    justify-self: auto;
  }
}


@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noe Display';
  src: url('../fonts/Noe-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noe Display';
  src: url('../fonts/Noe-Display-Bold-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Noe Display';
  src: url('../fonts/NoeDisplayMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-ExtraBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pangram';
  src: url('../fonts/Pangram-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}