@font-face {
  font-family: Switzer;
  src: url('../fonts/Switzer-ExtraboldItalic.otf') format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

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

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

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

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

@font-face {
  font-family: Switzer;
  src: url('../fonts/Switzer-ThinItalic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.section {
  color: #f4f5f6;
  background-color: #010101;
  padding-top: 160px;
  padding-bottom: 160px;
  font-family: Switzer, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  position: relative;
}

.section.is-flush {
  padding-top: 0;
  padding-bottom: 0;
}

.section.is-flush.is-pure {
  background-color: #010101;
  padding-top: 0;
  padding-bottom: 0;
}

.section.is-flush.is-pure.kelvin-story, .section.is-flush.is-pure.kelvin-deck, .section.is-flush.is-pure.kelvin-specscroll, .section.is-flush.is-pure.kelvin-gallery {
  position: relative;
}

.section.is-flush.is-pure.kelvin-field {
  align-items: center;
  min-height: 92vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.is-flush.is-pure.kelvin-logomask, .section.is-flush.is-pure.kelvin-showcase, .section.is-flush.is-pure.kelvin-showreel, .section.is-flush.is-pure.kelvin-spiral, .section.is-flush.is-pure.kelvin-audience, .section.is-flush.is-pure.kelvin-wipe, .section.is-flush.is-pure.kelvin-draw {
  position: relative;
}

.section.is-flush.kelvin-footer2 {
  border-top: 1px solid #f4f5f61a;
  overflow: hidden;
}

.section.is-pure.is-flush.kelvin-converge, .section.is-pure.is-flush.kelvin-accolade, .section.is-pure.is-flush.kelvin-reveal, .section.is-pure.is-flush.kelvin-cinema, .section.is-pure.kelvin-orbit {
  position: relative;
}

.section.is-tall {
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.is-tall.kelvin-statement {
  position: relative;
  overflow: hidden;
}

.section.is-tall.kelvin-waitlist, .section.is-tall.kelvin-explore, .section.is-tall.kelvin-reviews, .section.is-tall.kelvin-voices, .section.is-tall.kelvin-buybar, .section.is-tall.kelvin-decode, .section.is-tall.kelvin-article1, .section.is-tall.kelvin-article2, .section.is-tall.kelvin-article3, .section.kelvin-counter, .section.kelvin-reserve {
  position: relative;
}

.section.is-short {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.is-short.is-flush.kelvin-marquee {
  border-top: 1px solid #f4f5f61a;
  border-bottom: 1px solid #f4f5f61a;
}

.section.is-short.kelvin-footer {
  border-top: 1px solid #f4f5f61a;
  overflow: hidden;
}

.section.is-short.kelvin-vband, .section.kelvin-process, .section.kelvin-faq, .section.kelvin-team-slider {
  position: relative;
}

.section.kelvin-team-roster {
  position: relative;
  overflow: hidden;
}

.section.kelvin-masthead, .section.kelvin-approach, .section.kelvin-val1, .section.kelvin-val2, .section.kelvin-val3, .section.kelvin-chk {
  position: relative;
}

.main-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.main-container.nav-bar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.main-container.nav2-rail {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.main-container.nav2-bar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.main-container.nav3-hint {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 22vh;
  display: flex;
}

.main-container.nav4-bar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.main-container.nav5-bar {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.main-container.nav5-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr) 1.1fr;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.main-container.hero-2-inner, .main-container.hero-4-inner {
  z-index: 2;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.main-container.hero-6-inner {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.main-container.feature-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.main-container.cutaway-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  display: grid;
}

.main-container.gallery-head {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.main-container.field-inner {
  z-index: 2;
  pointer-events: none;
  text-align: center;
  width: 100%;
  position: relative;
}

.main-container.reserve-wrap {
  justify-content: center;
  display: flex;
}

.main-container.footer2-inner {
  padding-top: 160px;
}

.main-container.footer7-grid {
  grid-column-gap: 96px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  display: grid;
}

.main-container.detail-inner {
  z-index: 2;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 92vh;
  padding-top: 120px;
  padding-bottom: 48px;
  display: flex;
  position: relative;
}

.main-container.accolade-inner {
  z-index: 2;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 150vh;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
  position: relative;
}

.main-container.is-center {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.main-container.ledger-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  display: grid;
}

.main-container.a2-related {
  margin-top: 96px;
}

.main-container.a3-more {
  margin-top: 80px;
}

.nav-brand {
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.nav-logo {
  width: auto;
  height: 18px;
}

.nav-links {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav-link {
  color: #f4f5f699;
  letter-spacing: .75px;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
}

.nav-link:hover {
  color: #f4f5f6;
}

.cta-main {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #050506;
  letter-spacing: 1px;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%);
  background-color: #f4f5f6;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 18px 30px;
  font-family: Geist Mono, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.cta-main:hover {
  opacity: .82;
}

.cta-main.nav-cta {
  padding: 12px 22px;
}

.cta-main.footer-cta {
  margin-top: 16px;
}

.cta-main.is-form {
  white-space: nowrap;
  flex-shrink: 0;
}

.cta-main.method-cta {
  margin-top: 8px;
}

.cta-main.buy-cta {
  flex: auto;
}

.kelvin-nav2 {
  position: relative;
}

.label-mono {
  color: #f4f5f699;
  letter-spacing: .75px;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.label-mono.nav2-tick {
  white-space: nowrap;
  grid-area: 1 / 1;
}

.label-mono.nav2-tick.is-strong {
  color: #f4f5f6;
}

.label-mono.nav5-col-head {
  border-bottom: 1px solid #f4f5f61a;
  padding-bottom: 12px;
}

.label-mono.is-strong {
  color: #f4f5f6;
}

.label-mono.hero-4-spec-num, .label-mono.hero-6-spec-num, .label-mono.cutaway-num {
  color: #f4f5f666;
}

.label-mono.gallery-cap {
  margin-top: 16px;
}

.label-mono.text-faint {
  color: #f4f5f666;
}

.label-mono.press-by {
  color: #f4f5f6;
  border-bottom: 1px solid #f4f5f61a;
  margin-top: auto;
  padding-bottom: 24px;
}

.label-mono.accolade-seal-label {
  color: #f4f5f6;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.label-mono.accolade-attrib {
  color: #f4f5f699;
}

.label-mono.spiral-sub {
  margin-top: 12px;
}

.label-mono.team-role {
  color: #f4f5f699;
}

.label-mono.ledger-caption {
  padding-bottom: 24px;
}

.label-mono.buybar-row-val {
  text-align: right;
}

.label-mono.val1-num {
  color: #f4f5f666;
}

.label-mono.chk-val {
  color: #f4f5f699;
  flex: none;
}

.label-mono.vband-line {
  max-width: 32ch;
}

.label-mono.article-figcap {
  color: #f4f5f666;
}

.dot-live {
  background-color: #f4f5f6;
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.nav2-status {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.nav2-ticker {
  align-items: center;
  height: 1.2em;
  font-size: 12px;
  line-height: 1.2;
  display: grid;
  position: relative;
  overflow: hidden;
}

.nav2-rail-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  flex: none;
  align-items: center;
  display: flex;
}

.nav2-side {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav2-side.is-right {
  justify-content: flex-end;
}

.nav2-mark {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.nav2-logo {
  width: auto;
  height: 20px;
}

.kelvin-nav3 {
  position: relative;
}

.eyebrow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: inline-flex;
}

.eyebrow.is-center {
  justify-content: center;
}

.eyebrow.stats-head {
  margin-bottom: 80px;
}

.eyebrow.counter-head {
  margin-bottom: 64px;
}

.eyebrow.quote-head {
  margin-bottom: 40px;
}

.eyebrow-dot {
  background-color: #f4f5f6;
  border-radius: 2px;
  width: 8px;
  height: 8px;
}

.nav3-outer {
  min-height: 190vh;
  position: relative;
}

.nav3-dock {
  z-index: 30;
  padding-left: 32px;
  padding-right: 32px;
  position: sticky;
  top: 16px;
}

.nav3-bar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  will-change: max-width, padding, background-color;
  background-color: #0e0e1100;
  border: 1px solid #f4f5f600;
  border-radius: 8px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 24px;
  display: grid;
}

.nav3-logo {
  width: auto;
  height: 18px;
}

.nav3-links {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav3-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-column: 3 / 4;
  justify-self: end;
  align-items: center;
  display: flex;
}

.nav3-ghost {
  color: #f4f5f60d;
  letter-spacing: -.04em;
  margin: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 14vw;
  font-weight: 600;
  line-height: .8;
}

.kelvin-nav4 {
  position: relative;
}

.nav4-logo {
  width: auto;
  height: 18px;
}

.nav4-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #f4f5f6;
  letter-spacing: .75px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #f4f5f629;
  border-radius: 0;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.nav4-burger {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: none;
  width: 16px;
  display: flex;
}

.nav4-burger-line {
  background-color: currentColor;
  width: 100%;
  height: 1px;
}

.nav4-overlay {
  z-index: 95;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #010101eb;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.nav4-overlay.is-open {
  display: block;
}

.nav4-inner {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  max-width: 1440px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: grid;
  position: relative;
}

.nav4-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.nav4-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #f4f5f68c;
  flex-direction: row;
  align-items: baseline;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.nav4-item.is-on {
  color: #f4f5f6;
}

.nav4-index {
  letter-spacing: .75px;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
}

.nav4-word {
  letter-spacing: -2.5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.05;
}

.nav4-meta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
}

.nav4-preview {
  aspect-ratio: 4 / 5;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.nav4-shot {
  opacity: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.nav4-shot.is-on {
  opacity: 1;
}

.nav4-shot.is-life {
  filter: grayscale();
  object-fit: cover;
}

.nav4-close {
  z-index: 3;
  color: #050506;
  cursor: pointer;
  background-color: #f4f5f6;
  border-style: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: absolute;
  top: 32px;
  right: 32px;
}

.kelvin-nav5 {
  position: relative;
}

.text-body {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.text-body.no-margins {
  margin: 0;
}

.text-body.no-margins.nav5-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f4f5f699;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.text-body.no-margins.nav5-item:hover {
  color: #f4f5f6;
}

.text-body.no-margins.review-quote {
  color: #f4f5f6;
  margin-top: auto;
  font-size: 20px;
  line-height: 1.5;
}

.text-body.no-margins.chk-label {
  flex: auto;
}

.text-body.converge-copy {
  color: #f4f5f699;
  text-align: center;
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vw;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.text-body.text-subtle {
  color: #f4f5f699;
}

.text-body.text-subtle.no-margins {
  margin: 0;
}

.text-body.text-subtle.no-margins.measure {
  max-width: 60ch;
}

.text-body.text-subtle.no-margins.footer2-lede {
  max-width: 24em;
}

.text-body.text-subtle.no-margins.process-copy {
  max-width: 30ch;
}

.text-body.text-subtle.no-margins.bento-lede {
  max-width: 32ch;
}

.text-body.text-subtle.no-margins.explore-copy {
  max-width: 66ch;
}

.text-body.text-subtle.no-margins.masthead-desc {
  max-width: 44ch;
}

.text-body.text-subtle.no-margins.buy-lede, .text-body.text-subtle.no-margins.val1-copy {
  max-width: 46ch;
}

.text-body.text-subtle.no-margins.val2-copy {
  max-width: 30ch;
}

.text-body.text-subtle.no-margins.val3-copy {
  max-width: 34ch;
}

.text-body.compare-x {
  color: #f4f5f666;
}

.text-body.compare-x.no-margins, .text-body.footer7-blurb.no-margins {
  margin: 0;
}

.text-body.footer7-blurb.no-margins.text-subtle {
  color: #f4f5f699;
}

.nav5-logo {
  width: auto;
  height: 18px;
}

.nav5-links {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav5-trigger {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f4f5f699;
  letter-spacing: .75px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  flex-direction: row;
  align-items: center;
  padding: 0;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.nav5-trigger.is-open {
  color: #f4f5f6;
}

.nav5-caret {
  fill: currentColor;
  flex: none;
  width: 12px;
  height: 12px;
}

.nav5-panel {
  z-index: 1;
  background-color: #010101;
  border-bottom: 1px solid #f4f5f61a;
  display: none;
  position: relative;
}

.nav5-panel.is-open {
  display: block;
}

.nav5-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.nav5-item-num {
  color: #f4f5f666;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
}

.nav5-figure {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.nav5-shot {
  object-fit: contain;
  width: 100%;
  height: 190px;
}

.nav5-specs {
  flex-direction: column;
  display: flex;
}

.nav5-spec {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.text-h1 {
  letter-spacing: -2.5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 96px;
  font-weight: 500;
  line-height: .95;
}

.text-h1.no-margins {
  margin: 0;
}

.text-h1.no-margins.a3-title {
  text-wrap: balance;
  max-width: 16ch;
}

.text-large {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.text-large.text-subtle {
  color: #f4f5f699;
}

.text-large.text-subtle.no-margins {
  margin: 0;
}

.text-large.text-subtle.no-margins.measure {
  max-width: 60ch;
}

.text-large.text-subtle.no-margins.heroscrub-copy {
  text-wrap: pretty;
  max-width: 26em;
}

.text-large.text-subtle.no-margins.stats-row-label {
  max-width: 34ch;
}

.text-large.text-subtle.no-margins.specscroll-copy {
  max-width: 22em;
}

.text-large.text-subtle.no-margins.field-lede {
  text-wrap: pretty;
  max-width: 26em;
}

.text-large.text-subtle.no-margins.stack-copy {
  max-width: 24em;
}

.text-large.text-subtle.no-margins.reveal-copy-body {
  max-width: 22em;
}

.text-large.text-subtle.no-margins.method-lede {
  max-width: 46ch;
}

.text-large.text-subtle.no-margins.cinema-body {
  max-width: 26ch;
  margin-top: 40px;
}

.text-large.text-subtle.no-margins.draw-step-copy {
  max-width: 24em;
}

.text-large.no-margins {
  margin: 0;
}

.text-large.no-margins.accolade-quote {
  color: #f4f5f6;
  max-width: 30ch;
}

.text-large.no-margins.performance-lede {
  max-width: 28em;
}

.text-large.no-margins.method-quote {
  max-width: 44ch;
}

.text-large.no-margins.masthead-tagline {
  color: #f4f5f6;
  max-width: 26ch;
}

.text-large.no-margins.voices-quote {
  color: #f4f5f6;
  max-width: 22em;
}

.is-dim {
  color: #f4f5f68c;
}

.stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.stack.hero-2-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 52ch;
  min-width: 500px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.stack.hero-4-copy, .stack.hero-6-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 640px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.stack.statement-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 1240px;
}

.stack.feature-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 44ch;
  min-width: 430px;
}

.stack.cutaway-copy {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
}

.stack.field-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
}

.stack.waitlist-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  align-items: center;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.stack.define-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 920px;
}

.stack.detail-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 620px;
}

.stack.is-center {
  text-align: center;
  align-items: center;
}

.stack.is-center.cta-copy {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.stack.is-center.accolade-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.stack.teamf-head {
  max-width: 70ch;
  margin-bottom: 48px;
}

.stack.ledger-intro {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 48ch;
}

.stack.kit-head, .stack.decode-head, .stack.val1-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 64px;
}

.stack.val2-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  align-items: center;
  margin-bottom: 80px;
}

.stack.val3-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 48px;
}

.cluster {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.cluster.cta-actions {
  justify-content: center;
}

.cta-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f4f5f6;
  letter-spacing: 1px;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%);
  background-color: #0000;
  border: 1px solid #f4f5f629;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 17px 29px;
  font-family: Geist Mono, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1), color .4s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.cta-secondary:hover {
  border-color: #f4f5f6;
}

.scrim {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.scrim.is-left {
  background-image: linear-gradient(to right, #010101 0%, #010101b3 24%, #01010100 62%);
}

.scrim.is-top {
  background-image: linear-gradient(#010101f2, #01010166 34%, #01010100 70%);
}

.scrim.is-top.wipe-scrim {
  z-index: 3;
}

.scrim.is-band {
  background-image: linear-gradient(#01010100 0%, #010101d1 34% 66%, #01010100 100%);
}

.scrim.is-right {
  background-image: linear-gradient(to left, #010101 0%, #01010180 30%, #01010100 66%);
}

.scrim.is-bottom {
  background-image: linear-gradient(to top, #010101 0%, #0101018c 32%, #01010100 68%);
}

.scrim.is-bottom.wipe-scrim {
  z-index: 3;
}

.scrim.is-top-tight {
  background-image: linear-gradient(#010101 0%, #01010100 30%);
}

.scrim.is-bottom-tight {
  background-image: linear-gradient(to top, #010101 0%, #01010100 30%);
}

.scrim.is-glow {
  background-image: radial-gradient(60% 50% at 50% 62%, #26262c8c 0%, #01010100 70%);
}

.scrim.is-veil {
  background-image: linear-gradient(to top, #010101f5 0%, #0101018c 40%, #01010159 100%);
}

.scrim.is-shade {
  background-color: #01010180;
}

.scrim.is-tile {
  background-image: linear-gradient(to right, #0e0e11 0%, #0e0e11eb 28%, #0e0e1100 88%);
}

.scrim.is-vignette {
  background-image: radial-gradient(72% 72%, #01010100 34%, #010101b3 74%, #010101 100%);
}

.scrim.is-left-tight {
  background-image: linear-gradient(to right, #010101 0%, #01010100 30%);
}

.scrim.is-right-tight {
  background-image: linear-gradient(to left, #010101 0%, #01010100 30%);
}

.hero-2-frame {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-2-media {
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.hero-2-render {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.stack-tight {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.stack-tight.hero-4-specs, .stack-tight.hero-6-specs {
  grid-row-gap: 0;
  grid-column-gap: 0;
  width: 100%;
}

.stack-tight.materials-head, .stack-tight.compare-head {
  margin-bottom: 64px;
}

.stack-tight.spec-table-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 64px;
}

.stack-tight.process-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 80px;
}

.stack-tight.inbox-head, .stack-tight.pricing-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 64px;
}

.stack-tight.pricing-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
}

.stack-tight.press-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 64px;
}

.stack-tight.reviews-head {
  text-align: center;
  align-items: center;
  margin-bottom: 64px;
}

.stack-tight.voices-head {
  margin-bottom: 48px;
}

.stack-tight.journal-head {
  text-align: center;
  align-items: center;
  margin-bottom: 64px;
}

.hero-4-frame {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-4-media {
  width: 58vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.hero-4-spec {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.hero-4-render {
  object-fit: cover;
  object-position: left center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.nav4-close-icon {
  fill: currentColor;
  width: 20px;
  height: 20px;
}

.space1000 {
  height: 1000px;
}

.kelvin-heroscrub {
  position: relative;
}

.text-display {
  letter-spacing: -3px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: .9;
}

.text-display.no-margins {
  margin: 0;
}

.text-display.no-margins.heroscrub-head {
  text-wrap: balance;
  max-width: 12em;
}

.text-display.no-margins.orbit-head {
  z-index: 5;
  pointer-events: none;
  text-align: center;
  font-size: 96px;
  position: relative;
}

.text-display.no-margins.quote-inner {
  max-width: 20ch;
}

.text-display.no-margins.accolade-head {
  max-width: 16ch;
}

.text-display.no-margins.a2-title {
  text-wrap: balance;
  max-width: 20ch;
}

.heroscrub-outer {
  height: 340vh;
  position: relative;
}

.heroscrub-pin {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.heroscrub-canvas {
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.heroscrub-inner {
  z-index: 2;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.heroscrub-steps {
  width: 100%;
  display: grid;
  position: relative;
}

.heroscrub-step {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-area: 1 / 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heroscrub-step.is-stacked {
  opacity: 0;
}

.heroscrub-cue {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heroscrub-cue-line {
  background-image: linear-gradient(#f4f5f680, #f4f5f600);
  width: 1px;
  height: 40px;
}

.hero-6-frame {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-6-media {
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.hero-6-spec {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.hero-6-render {
  z-index: 0;
  object-fit: cover;
  object-position: right center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.statement-media {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.statement-hot-img {
  opacity: 0;
  object-fit: cover;
  will-change: transform, opacity;
  border-radius: 2px;
  width: 280px;
  height: 340px;
  position: absolute;
  top: 0;
  left: 0;
}

.word-hot {
  color: #f4f5f6;
  cursor: pointer;
}

.statement-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  padding-top: 24px;
  display: flex;
}

.proof {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.proof-stars {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #f4f5f699;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.proof-star {
  fill: currentColor;
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}

.proof-line {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #f4f5f699;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.proof-count {
  letter-spacing: .5px;
  font-family: Geist Mono, sans-serif;
  font-weight: 500;
}

.converge-outer {
  height: 300vh;
  position: relative;
}

.converge-pin {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.converge-line {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.converge-word {
  color: #f4f5f6;
  letter-spacing: -3px;
  white-space: nowrap;
  will-change: transform;
  margin: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: .9;
}

.converge-mask {
  aspect-ratio: 3 / 4;
  will-change: transform;
  border-radius: 12px;
  flex: none;
  width: 20vw;
  position: relative;
  overflow: hidden;
}

.converge-img {
  opacity: 0;
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .8s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0;
}

.converge-img.is-active {
  opacity: 1;
}

.text-h2 {
  letter-spacing: -2px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
}

.text-h2.no-margins {
  margin: 0;
}

.text-h2.no-margins.specscroll-head {
  max-width: 6.78em;
}

.text-h2.no-margins.measure {
  max-width: 60ch;
}

.text-h2.no-margins.logomask-final-head {
  text-align: center;
  max-width: 12em;
}

.text-h2.no-margins.performance-head {
  text-wrap: balance;
}

.text-h2.no-margins.bento-headline {
  max-width: 18ch;
}

.text-h2.no-margins.explore-headline {
  text-wrap: balance;
  max-width: 18ch;
}

.text-h2.no-margins.explore-title {
  max-width: 20ch;
  margin-top: 8px;
}

.text-h2.no-margins.method-headline {
  max-width: 15ch;
}

.text-h2.no-margins.spotlight-quote {
  max-width: 26ch;
}

.text-h2.no-margins.buy-title {
  max-width: 14ch;
}

.text-h2.no-margins.decode-headline {
  max-width: 13ch;
}

.text-h2.no-margins.wipe-title {
  z-index: 5;
  pointer-events: none;
  text-align: center;
  width: 100%;
  max-width: 22ch;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
}

.text-h2.no-margins.draw-step-head {
  max-width: 12em;
}

.text-h2.no-margins.val1-headline {
  max-width: 20ch;
}

.text-h2.no-margins.val2-headline {
  text-wrap: balance;
  max-width: 20ch;
}

.text-h2.no-margins.chk-headline {
  max-width: 16ch;
}

.text-h2.no-margins.a3-more-head {
  margin-bottom: 40px;
}

.story-outer {
  height: 240vh;
  position: relative;
}

.story-pin {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.story-stage {
  aspect-ratio: 16 / 9;
  will-change: transform;
  background-color: #010101;
  border-radius: 14px;
  width: 68vw;
  max-width: 1100px;
  position: relative;
  overflow: hidden;
}

.story-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.story-scrim {
  pointer-events: none;
  background-image: linear-gradient(to top, #010101b3 0%, #0101011f 46%, #0101016b 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.story-copy {
  z-index: 3;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 780px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.num-hero {
  color: #f4f5f6;
  letter-spacing: -3px;
  font-family: Geist Mono, sans-serif;
  font-size: 128px;
  font-weight: 500;
  line-height: .9;
}

.stats-list {
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: column;
  display: flex;
}

.stats-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.num-hero-unit {
  color: #f4f5f699;
  letter-spacing: .5px;
  font-family: Geist Mono, sans-serif;
  font-size: .32em;
}

.counter-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.counter-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f629;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 32px;
  display: flex;
}

.feature-media {
  aspect-ratio: 3 / 4;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.feature-render {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-icon {
  fill: currentColor;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.editorial-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  display: grid;
}

.editorial-media {
  aspect-ratio: 5 / 4;
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.editorial-img {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.editorial-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.editorial-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.text-h3 {
  letter-spacing: -1px;
  white-space: pre-line;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
}

.text-h3.no-margins {
  margin: 0;
}

.text-h3.no-margins.footer4-tagline {
  text-align: right;
  max-width: 12em;
}

.text-h3.no-margins.measure {
  max-width: 60ch;
}

.text-h3.no-margins.buybar-group-head {
  margin-bottom: 16px;
}

.text-h3.no-margins.article-quote {
  color: #f4f5f6;
  border-left: 2px solid #f4f5f629;
  max-width: 60ch;
  padding-left: 32px;
}

.text-h3.no-margins.a2-related-head {
  margin-bottom: 40px;
}

.deck-outer {
  height: 480vh;
  position: relative;
}

.deck-pin {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.deck {
  z-index: 2;
  width: 440px;
  height: 580px;
  position: relative;
}

.deck-card {
  will-change: transform, opacity;
  background-color: #17171a;
  border: 1px solid #f4f5f629;
  border-radius: 18px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.deck-card-head {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.deck-icon {
  color: #f4f5f6;
  width: 26px;
  height: 26px;
}

.deck-card-foot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.deck-rail {
  z-index: 5;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.deck-rail.is-left {
  left: 32px;
}

.deck-rail.is-right {
  text-align: right;
  align-items: flex-end;
  right: 32px;
}

.specscroll-outer {
  height: 300vh;
  position: relative;
}

.specscroll-pin {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
  position: sticky;
  top: 0;
}

.specscroll-media {
  justify-content: center;
  align-items: center;
  height: 78vh;
  display: flex;
  position: relative;
}

.specscroll-canvas {
  width: auto;
  max-width: 100%;
  height: 78vh;
  display: block;
}

.specscroll-steps {
  min-width: 0;
  position: relative;
}

.specscroll-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.specscroll-step.is-stacked {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-h4 {
  letter-spacing: -.4px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.text-h4.no-margins {
  margin: 0;
}

.text-h4.no-margins.press-quote {
  max-width: 26ch;
}

.text-h4.no-margins.journal-title {
  max-width: 22ch;
}

.text-h4.no-margins.val1-claim {
  max-width: 18ch;
}

.text-h4.no-margins.val3-title {
  margin-top: 8px;
}

.text-h4.no-margins.article-sub {
  margin-top: 16px;
}

.text-h4.no-margins.article-quote {
  color: #f4f5f6;
  border-left: 2px solid #f4f5f629;
  max-width: 60ch;
  padding-left: 32px;
}

.cutaway-media {
  aspect-ratio: 4 / 5;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cutaway-render {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cutaway-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.cutaway-list {
  grid-row-gap: 0;
  grid-column-gap: 0;
  flex-direction: column;
  display: flex;
}

.cutaway-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.cutaway-item-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.materials-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.materials-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 2 1 0;
  min-width: 0;
  transition: flex-grow .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.materials-cell:hover {
  flex-grow: 4;
}

.materials-media {
  width: 100%;
  height: 60vh;
  position: relative;
  overflow: hidden;
}

.materials-render {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.materials-caption {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-top: 16px;
  display: flex;
}

.gallery-outer {
  height: 320vh;
  position: relative;
}

.gallery-pin {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.gallery-track {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  will-change: transform;
  flex-direction: row;
  padding-left: 32px;
  display: flex;
}

.gallery-item {
  flex: none;
}

.gallery-media {
  aspect-ratio: 4 / 5;
  height: 64vh;
  position: relative;
  overflow: hidden;
}

.gallery-img {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.orbit-outer {
  height: 240vh;
  position: relative;
}

.orbit-pin {
  perspective: 1400px;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.orbit-ring {
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
}

.orbit-card {
  backface-visibility: visible;
  will-change: transform;
  background-color: #17171a;
  border: 1px solid #f4f5f61a;
  border-radius: 14px;
  width: 190px;
  height: 126px;
  margin-top: -63px;
  margin-left: -95px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.orbit-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.quote-word {
  display: inline-block;
}

.num-mono {
  color: #f4f5f6;
  letter-spacing: -1px;
  font-family: Geist Mono, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 1;
}

.num-mono.compare-tick {
  color: #f4f5f6;
  font-size: 24px;
}

.num-mono.process-num {
  color: #f4f5f666;
}

.num-mono.is-spec {
  font-size: 40px;
}

.num-mono.explore-figure {
  margin-top: 12px;
}

.num-mono.spiral-chip-num {
  line-height: 1;
}

.num-mono.buy-qty-num {
  text-align: center;
  min-width: 2ch;
}

.num-mono.kit-price {
  letter-spacing: -.4px;
  font-size: 24px;
}

.num-mono.buybar-row-val {
  text-align: right;
  letter-spacing: -.2px;
  font-size: 24px;
}

.num-mono.buybar-dock-price {
  letter-spacing: -.4px;
  font-size: 40px;
}

.compare-table {
  width: 100%;
}

.compare-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.compare-row.is-headrow {
  border-top-style: none;
}

.compare-row.is-kelvin {
  border-top: 1px solid #f4f5f629;
}

.compare-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.compare-cell.is-label {
  justify-content: flex-start;
}

.field-trail {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.field-trail-img {
  opacity: 0;
  object-fit: cover;
  will-change: transform, opacity;
  border-radius: 2px;
  width: 220px;
  height: 280px;
  position: absolute;
  top: 0;
  left: 0;
}

.text-small {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.text-small.text-subtle {
  color: #f4f5f699;
}

.text-small.text-subtle.no-margins {
  margin: 0;
}

.text-small.text-subtle.no-margins.logomask-intro {
  z-index: 2;
  text-align: center;
  padding-left: 32px;
  padding-right: 32px;
  position: absolute;
  top: 64%;
  left: 0;
  right: 0;
}

.text-small.no-margins {
  margin: 0;
}

.logomask-outer {
  height: 320vh;
  position: relative;
}

.logomask-pin {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.logomask-bg {
  z-index: 0;
  filter: brightness(.88) saturate(.94);
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.logomask-cover {
  z-index: 1;
  will-change: transform, opacity;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.logomask-cue {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 48px;
  left: 0;
  right: 0;
}

.logomask-cue-line {
  background-image: linear-gradient(#f4f5f680, #f4f5f600);
  width: 1px;
  height: 40px;
}

.logomask-final {
  z-index: 3;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: absolute;
  inset: 0;
}

.showcase-frame {
  height: 320vh;
  position: relative;
}

.showcase-sticky {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.showcase-stage {
  aspect-ratio: 800 / 1070;
  height: 80vh;
  position: relative;
}

.showcase-canvas {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.showcase-anno {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  width: 330px;
  display: flex;
  position: absolute;
  transform: translateY(-50%);
}

.showcase-anno.showcase-a1 {
  top: 28%;
  right: 64%;
}

.showcase-anno.showcase-a1.is-left {
  flex-direction: row-reverse;
}

.showcase-anno.showcase-a3 {
  top: 88%;
  right: 60%;
}

.showcase-anno.showcase-a3.is-left {
  flex-direction: row-reverse;
}

.showcase-anno.showcase-a2 {
  top: 53%;
  left: 60%;
}

.showcase-dot {
  background-color: #f4f5f6;
  flex: none;
  width: 7px;
  height: 7px;
}

.showcase-lead {
  background-color: #f4f5f6;
  flex: none;
  width: 96px;
  height: 1px;
}

.showcase-label {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: none;
  width: 190px;
  display: flex;
}

.reserve-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #0e0e11;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 560px;
  padding: 48px;
  display: flex;
}

.reserve-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reserve-price {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.reserve-avail {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.reserve-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.reserve-line {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.waitlist-form {
  width: 100%;
  max-width: 560px;
  margin-bottom: 0;
}

.waitlist-form._w-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.field-input {
  color: #f4f5f6;
  letter-spacing: .5px;
  background-color: #0000;
  border: 1px solid #f4f5f629;
  border-radius: 0;
  flex: auto;
  margin-bottom: 0;
  padding: 16px 20px;
  font-family: Geist Mono, sans-serif;
  font-size: 14px;
}

.field-input:focus {
  border-color: #f4f5f6;
  outline: none;
}

.field-input._w-input {
  color: #f4f5f6;
  letter-spacing: .5px;
  letter-spacing: .5px;
  background-color: #0000;
  border: 1px solid #f4f5f629;
  border-radius: 0;
  flex: auto;
  padding: 16px 20px;
  font-family: Geist Mono, sans-serif;
  font-size: 14px;
}

.field-input._w-input:focus {
  border-color: #f4f5f6;
  outline: none;
}

.field-input.is-newsletter {
  height: 100%;
}

.marquee-viewport {
  width: 100%;
  overflow: hidden;
}

.marquee-track {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  white-space: nowrap;
  will-change: transform;
  flex-direction: row;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.marquee-item {
  color: #f4f5f6;
  letter-spacing: -2.5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.25;
}

.marquee-item.marquee-star {
  color: #f4f5f666;
  align-items: center;
  display: inline-flex;
}

.marquee-icon {
  fill: currentColor;
  flex-shrink: 0;
  width: .74em;
  height: .74em;
}

.footer-top {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 64px;
  display: flex;
}

.footer-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  display: flex;
}

.footer-word {
  color: #f4f5f60f;
  letter-spacing: -.03em;
  margin: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 23vw;
  font-weight: 600;
  line-height: .78;
}

.footer-legal {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 32px;
  display: flex;
}

.footer2-top {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 2fr;
  padding-bottom: 80px;
  display: grid;
}

.footer2-brand {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer2-social {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  margin-top: 8px;
  display: flex;
}

.footer2-social-btn {
  color: #f4f5f699;
  border: 1px solid #f4f5f629;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1), border-color .4s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.footer2-social-btn:hover {
  color: #f4f5f6;
  border-color: #f4f5f6;
}

.footer2-social-icon {
  fill: currentColor;
  width: 18px;
  height: 18px;
}

.footer2-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.footer2-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer2-link {
  color: #f4f5f699;
  font-family: Switzer, Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
}

.footer2-link:hover {
  color: #f4f5f6;
}

.footer2-marquee-viewport {
  border-top: 1px solid #f4f5f61a;
  border-bottom: 1px solid #f4f5f61a;
  width: 100%;
  overflow: hidden;
}

.footer2-marquee-track {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  white-space: nowrap;
  will-change: transform;
  flex-direction: row;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.footer2-word {
  color: #f4f5f6;
  letter-spacing: -.02em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 13vw;
  font-weight: 600;
  line-height: 1;
}

.footer2-star {
  color: #f4f5f666;
  align-items: center;
  font-size: 96px;
  display: inline-flex;
}

.footer2-star-icon {
  fill: currentColor;
  flex-shrink: 0;
  width: .74em;
  height: .74em;
}

.footer2-legal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 120px;
  display: flex;
}

.footer3-word {
  color: #f4f5f6;
  letter-spacing: -.02em;
  margin: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 12vw;
  font-weight: 600;
  line-height: 1;
}

.footer3-word.no-margins {
  margin: 0;
}

.footer3-social {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.footer3-pill {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f4f5f699;
  letter-spacing: .75px;
  text-transform: uppercase;
  flex-direction: row;
  align-items: center;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.footer3-pill:hover {
  color: #f4f5f6;
}

.footer3-pill-icon {
  fill: currentColor;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.footer3-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  display: grid;
}

.footer3-base {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.is-center-parent.is-center {
  text-align: center;
  align-items: center;
}

.footer4-top {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 40px;
  display: flex;
}

.footer4-wordmark {
  color: #f4f5f6;
  letter-spacing: -.01em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
}

.footer4-mid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  padding-top: 48px;
  padding-bottom: 48px;
  display: grid;
}

.footer4-contact {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer4-cols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.footer4-base {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
}

.footer5-nav {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(5, 1fr);
  padding-bottom: 64px;
  display: grid;
}

.footer5-bottom {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr;
  align-items: start;
  padding-top: 48px;
  padding-bottom: 48px;
  display: grid;
}

.footer5-brand {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 34ch;
  display: flex;
}

.footer5-wordmark {
  color: #f4f5f6;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

.footer5-news {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer5-form {
  width: 100%;
}

.footer5-form._w-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.footer5-base {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
}

.footer6-top {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 48px;
  display: grid;
}

.footer6-linkcols {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.footer6-contact {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer6-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #f4f5f6;
  border-top: 1px solid #f4f5f629;
  border-bottom: 1px solid #f4f5f629;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.footer6-cta:hover {
  color: #f4f5f699;
}

.footer6-cta-word {
  letter-spacing: -.02em;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 96px;
  font-weight: 600;
  line-height: 1;
}

.footer6-cta-icon {
  fill: currentColor;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
}

.footer6-base {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  display: flex;
}

.footer6-totop {
  color: #f4f5f699;
  border: 1px solid #f4f5f629;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1), border-color .4s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.footer6-totop:hover {
  color: #f4f5f6;
  border-color: #f4f5f6;
}

.footer6-totop-icon {
  fill: currentColor;
  width: 18px;
  height: 18px;
}

.footer7-wordmark {
  color: #f4f5f6;
  letter-spacing: -2.5px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 96px;
  font-weight: 600;
  line-height: 1;
}

.footer7-nav {
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: column;
  display: flex;
}

.footer7-nav-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #f4f5f6;
  letter-spacing: -1px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.05;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.footer7-nav-link:hover {
  color: #f4f5f68c;
}

.footer7-nav-icon {
  color: #f4f5f666;
  flex: none;
  width: 22px;
  height: 22px;
}

.footer7-about {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  max-width: 40ch;
  display: flex;
}

.footer7-social {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.footer7-social-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #f4f5f699;
  flex-direction: row;
  align-items: center;
  font-size: 17px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.footer7-social-link:hover {
  color: #f4f5f6;
}

.footer7-social-icon {
  flex: none;
  width: 18px;
  height: 18px;
}

.footer7-links {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.footer7-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.footer7-link {
  color: #f4f5f699;
  text-decoration: none;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
}

.footer7-link:hover {
  color: #f4f5f6;
}

.row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.row.is-center {
  align-items: center;
}

.spec-table-list {
  border-bottom: 1px solid #f4f5f61a;
}

.spec-val {
  color: #f4f5f6;
  text-align: right;
  letter-spacing: -.2px;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: 17px;
}

.process-rail {
  position: relative;
}

.process-line {
  background-color: #f4f5f61a;
  height: 1px;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.process-line-fill {
  transform-origin: 0;
  background-color: #f4f5f6;
  position: absolute;
  inset: 0;
  transform: scaleX(0);
}

.process-track {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  position: relative;
}

.process-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
  position: relative;
}

.process-node {
  background-color: #010101;
  border: 1px solid #f4f5f629;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0;
  left: 0;
}

.inbox-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.inbox-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.inbox-media {
  aspect-ratio: 1;
  background-color: #010101;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.inbox-render {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.inbox-caption {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.detail-frame {
  min-height: 92vh;
  position: relative;
  overflow: hidden;
}

.detail-render {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detail-tile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #f4f5f60d;
  border: 1px solid #f4f5f629;
  flex-direction: column;
  flex: none;
  width: 260px;
  padding: 24px;
  display: flex;
}

.pricing-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.pricing-tile {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #f4f5f60a;
  border: 1px solid #f4f5f61a;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.pricing-tile.is-feature {
  background-color: #f4f5f612;
  border-color: #f4f5f629;
}

.pricing-tile-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  display: flex;
}

.pricing-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.pricing-check {
  color: #f4f5f699;
  fill: currentColor;
  flex: none;
  width: 20px;
  height: 20px;
}

.faq-layout {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  display: grid;
}

.faq-list {
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: column;
  display: flex;
}

.faq-item {
  border-top: 1px solid #f4f5f61a;
}

.faq-q {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #f4f5f6;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 32px 0;
  display: flex;
}

.faq-icon {
  color: #f4f5f699;
  flex: none;
  font-family: Geist Mono, sans-serif;
  font-size: 24px;
}

.faq-a {
  overflow: hidden;
}

.faq-a-inner {
  padding-bottom: 32px;
}

.rule {
  background-color: #f4f5f61a;
  width: 100%;
  height: 1px;
}

.rule.guarantee-rule {
  margin-top: 32px;
}

.rule.method-divider {
  margin-top: 24px;
  margin-bottom: 24px;
}

.rule.buy-rule {
  margin-top: 8px;
  margin-bottom: 8px;
}

.rule.vband-rule {
  margin-bottom: 40px;
}

.waitlist-form-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.press-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.press-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #f4f5f629;
  flex-direction: column;
  min-height: 300px;
  padding-top: 32px;
  display: flex;
}

.press-mark {
  fill: #f4f5f666;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

.guarantee-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.guarantee-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.accolade-frame {
  width: 100%;
  min-height: 150vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accolade-bg {
  filter: grayscale() brightness(.55);
  object-fit: cover;
  will-change: transform;
  width: 100%;
  height: 118%;
  position: absolute;
  top: -9%;
  left: 0;
}

.accolade-seal {
  color: #f4f5f6;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.accolade-wreath {
  opacity: .92;
  fill: currentColor;
  width: 148px;
  height: auto;
  display: block;
}

.showreel-track {
  height: 300vh;
  position: relative;
}

.showreel-sticky {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.showreel-thumb {
  z-index: 1;
  will-change: transform, filter, opacity;
  border-radius: 12px;
  position: absolute;
  overflow: hidden;
}

.showreel-thumb.sr-t1 {
  width: 13vw;
  height: 18vw;
  top: 12%;
  left: 7%;
}

.showreel-thumb.sr-t2 {
  width: 20vw;
  height: 12vw;
  top: 11%;
  left: 71%;
}

.showreel-thumb.sr-t3 {
  width: 15vw;
  height: 10vw;
  top: 63%;
  left: 6%;
}

.showreel-thumb.sr-t4 {
  width: 19vw;
  height: 12vw;
  top: 63%;
  left: 72%;
}

.showreel-hero {
  z-index: 2;
  will-change: transform;
  border-radius: 12px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: scale(.26);
}

.showreel-img {
  filter: grayscale();
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.showreel-center {
  z-index: 3;
  pointer-events: none;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16vh;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: absolute;
  inset: 0;
}

.showreel-center-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.performance-frame {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.performance-video {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.performance-inner {
  z-index: 2;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 32px;
  display: flex;
  position: relative;
}

.performance-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.performance-bottom {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  display: grid;
}

.performance-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.performance-specs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.spec-list {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.spec-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #f4f5f629;
  flex-direction: row;
  align-items: baseline;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.bento-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 64px;
  display: flex;
}

.bento-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.bento-tile {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #0e0e11;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 400px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bento-tile.is-media {
  justify-content: flex-end;
}

.bento-figure {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.bento-num {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #f4f5f68c;
  letter-spacing: -3px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  font-family: Geist Mono, sans-serif;
  font-size: 128px;
  font-weight: 400;
  line-height: .9;
  display: flex;
}

.bento-unit {
  color: #f4f5f666;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Geist Mono, sans-serif;
  font-size: .26em;
  font-weight: 400;
  line-height: 1.2;
}

.bento-copy {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.bento-media {
  z-index: 1;
  width: 62%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.bento-img {
  opacity: .85;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.explore-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.explore-stage {
  aspect-ratio: 896 / 1200;
  width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.explore-render {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hotspot {
  z-index: 3;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: #f4f5f6;
  cursor: pointer;
  background-color: #f4f5f624;
  border: 1px solid #f4f5f629;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  transition: background-color .4s cubic-bezier(.22, 1, .36, 1), color .4s cubic-bezier(.22, 1, .36, 1), border-color .4s cubic-bezier(.22, 1, .36, 1), transform .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}

.hotspot:hover {
  color: #050506;
  background-color: #f4f5f6;
  border-color: #f4f5f6;
  transform: translate(-50%, -50%)scale(1.12);
}

.hotspot.hs-1 {
  top: 21%;
  left: 50%;
}

.hotspot.hs-2 {
  top: 42%;
  left: 40%;
}

.hotspot.hs-3 {
  top: 61%;
  left: 52%;
}

.hotspot.hs-4 {
  top: 78%;
  left: 44%;
}

.hotspot-icon {
  fill: currentColor;
  flex: none;
  width: 18px;
  height: 18px;
}

.explore-panel {
  z-index: 90;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #010101b8;
  width: 100%;
  height: 100%;
  padding: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.explore-panel.is-open {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.explore-sheet {
  background-color: #010101;
  border-top: 1px solid #f4f5f61a;
  border-left: 1px solid #f4f5f61a;
  border-right: 1px solid #f4f5f61a;
  border-radius: 12px 12px 0 0;
  width: 100%;
  max-width: 1200px;
  max-height: 92vh;
  padding: 64px;
  position: relative;
  overflow-y: auto;
}

.explore-close {
  z-index: 4;
  color: #050506;
  cursor: pointer;
  background-color: #f4f5f6;
  border-style: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: absolute;
  top: 24px;
  right: 24px;
}

.explore-close:hover {
  opacity: .82;
}

.explore-close-icon {
  fill: currentColor;
  flex: none;
  width: 20px;
  height: 20px;
}

.explore-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.explore-unit {
  color: #f4f5f699;
  letter-spacing: .5px;
  margin-left: .14em;
  font-family: Geist Mono, sans-serif;
  font-size: .34em;
}

.explore-lead {
  color: #f4f5f6;
}

.explore-media {
  aspect-ratio: 3 / 2;
  border-radius: 12px;
  width: 100%;
  margin-top: 32px;
  position: relative;
  overflow: hidden;
}

.explore-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.stack-intro {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 160px 32px 80px;
  display: flex;
}

.stack-card {
  background-color: #010101;
  align-items: center;
  min-height: 100vh;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
  position: sticky;
  top: 0;
}

.stack-inner {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.stack-row {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.stack-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.stack-media {
  aspect-ratio: 4 / 3;
  border-radius: 24px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.stack-media.is-lead {
  order: -1;
}

.stack-media-img {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.stack-overlay {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f4f5f6;
  border-radius: 14px;
  flex-direction: column;
  width: calc(100% - 48px);
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
}

.overlay-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.overlay-mark {
  background-color: #050506;
  border-radius: 3px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.overlay-title {
  color: #050506;
  letter-spacing: .5px;
  font-family: Geist Mono, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.overlay-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #0505060d;
  border-radius: 10px;
  flex-direction: row;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.overlay-label {
  color: #050506;
  font-family: Switzer, Arial, sans-serif;
  font-size: 14px;
}

.overlay-value {
  color: #05050680;
  margin-left: auto;
  font-family: Geist Mono, sans-serif;
  font-size: 13px;
}

.overlay-meter {
  background-color: #0505061a;
  border-radius: 999px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.overlay-fill {
  background-color: #050506;
  border-radius: 999px;
  height: 100%;
}

.overlay-fill.is-p90 {
  width: 90%;
}

.overlay-fill.is-p93 {
  width: 93%;
}

.overlay-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  display: flex;
}

.overlay-chip {
  color: #050506;
  letter-spacing: .5px;
  background-color: #0505060f;
  border-radius: 8px;
  padding: 6px 10px;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
}

.reveal-outer {
  height: 340vh;
  position: relative;
}

.reveal-pin {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.reveal-step {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.reveal-step.is-z1 {
  z-index: 1;
}

.reveal-step.is-z2 {
  z-index: 2;
}

.reveal-step.is-z3 {
  z-index: 3;
}

.reveal-frame {
  aspect-ratio: 4 / 3;
  will-change: transform, opacity;
  background-color: #17171a;
  border-radius: 24px;
  width: min(40%, 560px);
  position: relative;
  overflow: hidden;
}

.reveal-frame-img {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.footer5-form-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.spiral-track {
  height: 360vh;
  position: relative;
}

.spiral-sticky {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.spiral-card {
  z-index: 1;
  will-change: transform, opacity;
  position: absolute;
}

.spiral-card.sp-c1 {
  width: 15vw;
  height: 15vw;
  top: 14%;
  left: 12%;
}

.spiral-card.sp-c2 {
  width: 17vw;
  height: 9vw;
  top: 12%;
  left: 66%;
}

.spiral-card.sp-c3 {
  width: 16vw;
  height: 9vw;
  top: 47%;
  left: 5%;
}

.spiral-card.sp-c4 {
  width: 15vw;
  height: 15vw;
  top: 45%;
  left: 73%;
}

.spiral-card.sp-c5 {
  width: 14vw;
  height: 14vw;
  top: 70%;
  left: 14%;
}

.spiral-card.sp-c6 {
  width: 18vw;
  height: 9vw;
  top: 71%;
  left: 65%;
}

.spiral-thumb {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(50% 50%, #000 44%, #0000 90%);
  mask-image: radial-gradient(50% 50%, #000 44%, #0000 90%);
}

.spiral-img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.spiral-chip {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #0e0e11;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.spiral-center {
  z-index: 5;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.spiral-msg {
  text-align: center;
  width: 100%;
  max-width: 900px;
  position: relative;
}

.spiral-stat {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}

.spiral-phrase {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}

.method-split {
  grid-template-rows: auto;
  grid-template-columns: .95fr 1.05fr;
  align-items: stretch;
  display: grid;
}

.method-panel {
  justify-content: center;
  align-items: center;
  min-height: 780px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.method-bg {
  opacity: .9;
  filter: blur(40px);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.25);
}

.method-rail {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.method-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #f4f5f699;
  background-color: #f4f5f60f;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 18px 20px;
  transition: background-color .6s cubic-bezier(.22, 1, .36, 1), color .6s cubic-bezier(.22, 1, .36, 1), border-color .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.method-row.is-active {
  color: #050506;
  background-color: #f4f5f6;
  border-color: #f4f5f6;
}

.method-icon-box {
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.method-icon {
  width: 20px;
  height: 20px;
}

.method-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 660px;
  padding: 120px 64px 120px 80px;
  display: flex;
}

.method-attrib {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.method-avatar {
  filter: grayscale();
  object-fit: cover;
  object-position: 50% 30%;
  border-radius: 4px;
  flex: none;
  width: 52px;
  height: 52px;
}

.method-who {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.team-card {
  aspect-ratio: 3 / 4;
  background-color: #17171a;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.team-photo {
  filter: grayscale();
  object-fit: cover;
  object-position: center 22%;
  width: 100%;
  height: 100%;
  display: block;
}

.team-cap {
  z-index: 2;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  padding: 24px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-name {
  color: #f4f5f6;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.teamf-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.teamf-join {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
}

.teamf-join-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.teams-card {
  scroll-snap-align: start;
  flex: none;
  width: min(340px, 74vw);
}

.teams-card.team-card {
  aspect-ratio: 3 / 4;
  background-color: #17171a;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}

.teams-top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
  display: flex;
}

.teams-controls {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.teams-arrow {
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #f4f5f629;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1), opacity .4s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.teams-arrow:hover {
  border-color: #f4f5f6;
}

.teams-arrow-icon {
  fill: #f4f5f6;
  width: 20px;
  height: 20px;
}

.teams-viewport {
  scroll-snap-type: x mandatory;
  overflow-x: auto;
}

.teams-track {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  display: flex;
}

.teamg-grid {
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.teamg-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.teamg-photo-wrap {
  aspect-ratio: 4 / 5;
  background-color: #17171a;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.teamg-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.roster-list {
  flex-direction: column;
  display: flex;
}

.roster-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: pointer;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.roster-media {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.roster-reveal {
  opacity: 0;
  object-fit: cover;
  object-position: center 20%;
  will-change: transform, opacity;
  border-radius: 12px;
  width: 280px;
  height: 350px;
  position: absolute;
  top: 0;
  left: 0;
}

.roster-id {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.roster-avatar {
  background-color: #17171a;
  border-radius: 999px;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  overflow: hidden;
}

.roster-avatar-img {
  filter: grayscale();
  object-fit: cover;
  object-position: center 20%;
  width: 100%;
  height: 100%;
  display: block;
}

.roster-name {
  color: #f4f5f6;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.masthead-logo {
  width: 100%;
  height: auto;
  margin-top: 16px;
  display: block;
}

.masthead-meta {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-top: 1px solid #f4f5f61a;
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.masthead-marquee {
  width: 100%;
  margin-top: 64px;
  position: relative;
  overflow: hidden;
}

.masthead-track {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  will-change: transform;
  flex-direction: row;
  align-items: flex-end;
  width: max-content;
  display: flex;
}

.masthead-item {
  border-radius: 10px;
  flex: none;
  height: 320px;
  overflow: hidden;
}

.masthead-img {
  width: auto;
  height: 100%;
  display: block;
}

.ledger-sticky {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: sticky;
  top: 0;
}

.ledger-media {
  aspect-ratio: 3 / 2;
  background-color: #010101;
  border-radius: 12px;
  width: 64%;
  position: relative;
  overflow: hidden;
}

.ledger-render {
  filter: grayscale();
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ledger-scroll {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-direction: column;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
}

.ledger-stats {
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: column;
  display: flex;
}

.ledger-stat {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: column;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.reviews-marquee {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.reviews-fade {
  z-index: 3;
  pointer-events: none;
  width: 16vw;
  max-width: 260px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.reviews-fade.is-left {
  background-image: linear-gradient(to right, #010101, #01010100);
  left: 0;
}

.reviews-fade.is-right {
  background-image: linear-gradient(to left, #010101, #01010100);
  right: 0;
}

.reviews-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  will-change: transform;
  flex-direction: row;
  width: max-content;
  display: flex;
}

.review-card {
  grid-row-gap: 0;
  grid-column-gap: 0;
  background-color: #0e0e11;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  width: 380px;
  min-height: 280px;
  padding: 40px;
  display: flex;
}

.review-by {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  margin-top: 16px;
  display: flex;
}

.review-logo {
  opacity: .7;
  filter: brightness(0) invert();
  object-fit: contain;
  object-position: left center;
  width: auto;
  max-width: 168px;
  height: 30px;
  margin-bottom: 96px;
  display: block;
}

.spotlight-stage {
  width: 100%;
  max-width: 62rem;
  margin: 48px auto;
  display: grid;
}

.spotlight-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  opacity: 0;
  text-align: center;
  flex-direction: column;
  grid-area: 1 / 1;
  align-items: center;
  display: flex;
}

.spotlight-by {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.spotlight-avatar {
  filter: grayscale() contrast(1.05);
  object-fit: cover;
  object-position: center 20%;
  width: 48px;
  height: 48px;
  display: block;
}

.spotlight-meta {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.spotlight-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.spotlight-dots {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spotlight-dot {
  cursor: pointer;
  transform-origin: center;
  background-color: #f4f5f647;
  flex: none;
  width: 44px;
  height: 2px;
  padding: 0;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1), background-color .6s cubic-bezier(.22, 1, .36, 1);
  transform: scaleX(.44);
}

.spotlight-dot.is-on {
  background-color: #f4f5f6;
  transform: scaleX(1);
}

.voices-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  height: 60vh;
  display: flex;
}

.voices-panel {
  cursor: pointer;
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.voices-img {
  filter: grayscale() contrast(1.02) brightness(.6);
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: filter .6s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.voices-scrim {
  background-image: linear-gradient(to top, #010101d9, #01010100 55%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.voices-body {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.voices-by {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: 0;
  flex-direction: column;
  display: flex;
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
}

.buy-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: start;
  display: grid;
}

.buy-media {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.buy-stage {
  aspect-ratio: 896 / 1200;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.buy-render {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.buy-thumbs {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.buy-thumb {
  opacity: .6;
  cursor: pointer;
  background-color: #0e0e11;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex: none;
  width: 84px;
  height: 84px;
  padding: 0;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1), opacity .4s cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: hidden;
}

.buy-thumb:hover {
  opacity: 1;
}

.buy-thumb.is-on {
  opacity: 1;
  border-color: #f4f5f6;
}

.buy-thumb-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.buy-panel {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 64px;
}

.buy-price {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.buy-optlabel {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.buy-swatches {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.buy-swatch {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f4f5f699;
  letter-spacing: .75px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  transition: border-color .4s cubic-bezier(.22, 1, .36, 1), color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.buy-swatch:hover {
  color: #f4f5f6;
}

.buy-swatch.is-on {
  color: #f4f5f6;
  border-color: #f4f5f6;
}

.buy-chipdot {
  border: 1px solid #f4f5f629;
  border-radius: 2px;
  flex: none;
  width: 12px;
  height: 12px;
}

.buy-chipdot.is-graphite {
  background-color: #17171a;
}

.buy-chipdot.is-steel {
  background-color: #8fa3ad;
}

.buy-chipdot.is-black {
  background-color: #010101;
}

.buy-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.buy-qty {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #f4f5f629;
  flex-direction: row;
  flex: none;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.buy-step {
  color: #f4f5f699;
  cursor: pointer;
  background-color: #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.buy-step:hover {
  color: #f4f5f6;
}

.buy-step-icon {
  fill: currentColor;
  width: 14px;
  height: 14px;
}

.buy-meta {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.buy-meta-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.kit-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.kit-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f4f5f699;
  text-align: left;
  cursor: pointer;
  background-color: #010101;
  border: 1px solid #f4f5f61a;
  border-radius: 8px;
  flex-direction: column;
  align-items: stretch;
  padding: 20px;
  transition: color .4s cubic-bezier(.22, 1, .36, 1), border-color .4s cubic-bezier(.22, 1, .36, 1), background-color .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.kit-card:hover {
  color: #f4f5f6;
  border-color: #f4f5f629;
}

.kit-card.is-on {
  color: #f4f5f6;
  background-color: #010101;
  border-color: #f4f5f6;
}

.kit-media {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.kit-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.kit-body {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.kit-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kit-mark {
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.kit-mark-icon {
  fill: currentColor;
  width: 14px;
  height: 14px;
}

.kit-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #f4f5f629;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  padding-top: 32px;
  display: flex;
}

.kit-total {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.kit-total-fig {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.buybar-layout {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.2fr;
  align-items: start;
  display: grid;
}

.buybar-side {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 64px;
}

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

.buybar-sheet {
  flex-direction: column;
  display: flex;
}

.buybar-group {
  flex-direction: column;
  margin-bottom: 48px;
  display: flex;
}

.buybar-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.buybar-dock {
  z-index: 20;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0e0e11b8;
  border: 1px solid #f4f5f629;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  padding: 16px 20px;
  display: flex;
  position: sticky;
  bottom: 24px;
}

.buybar-dock-id {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.buybar-dock-thumb {
  object-fit: contain;
  flex: none;
  width: 44px;
  height: 44px;
}

.buybar-dock-copy {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.buybar-dock-buy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.approach-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-top: 48px;
  display: grid;
}

.approach-media {
  aspect-ratio: 4 / 5;
  background-color: #17171a;
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.approach-img {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0;
}

.approach-img.is-active {
  opacity: 1;
}

.approach-list {
  flex-direction: column;
  display: flex;
}

.approach-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  cursor: pointer;
  flex-direction: column;
  padding-top: 32px;
  display: flex;
}

.approach-item-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.approach-title {
  color: #f4f5f68c;
  letter-spacing: -2px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
}

.approach-title.is-active {
  color: #f4f5f6;
}

.approach-arrow {
  color: #f4f5f68c;
  fill: currentColor;
  flex: none;
  width: 40px;
  height: 40px;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
}

.approach-arrow.is-active {
  color: #f4f5f6;
}

.approach-track {
  background-color: #f4f5f61a;
  width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.approach-fill {
  transform-origin: 0;
  background-color: #f4f5f6;
  position: absolute;
  inset: 0;
  transform: scaleX(0);
}

.audience-frame {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.audience-bg {
  z-index: 0;
  position: absolute;
  inset: 0;
}

.audience-bg-img {
  opacity: 0;
  filter: grayscale();
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0;
}

.audience-bg-img.is-active {
  opacity: 1;
}

.audience-wash {
  z-index: 1;
  background-color: #0101018c;
  position: absolute;
  inset: 0;
}

.audience-inner {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 120px 32px;
  display: flex;
  position: relative;
}

.audience-list {
  grid-row-gap: 0;
  grid-column-gap: 0;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.audience-item {
  color: #f4f5f6;
  letter-spacing: -2.5px;
  cursor: pointer;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 96px;
  font-weight: 500;
  line-height: 1;
  transition: color .4s cubic-bezier(.22, 1, .36, 1);
}

.audience-item.is-dim {
  color: #f4f5f68c;
}

.cinema-outer {
  height: 320vh;
  position: relative;
}

.cinema-pin {
  background-color: #010101;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.cinema-media {
  will-change: width, height, top, left, border-radius;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.cinema-video {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.cinema-scrim {
  pointer-events: none;
  background-image: linear-gradient(#01010166 0%, #01010133 45%, #01010173 100%);
  position: absolute;
  inset: 0;
}

.cinema-grid {
  z-index: 3;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
  position: absolute;
  top: 52vh;
  left: 0;
  right: 0;
}

.cinema-col {
  flex-direction: column;
  padding-left: 32px;
  display: flex;
  position: relative;
}

.cinema-rule {
  transform-origin: top;
  background-color: #f4f5f629;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.cinema-word {
  color: #f4f5f6;
  letter-spacing: -1px;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}

.decode-sheet {
  border-top: 1px solid #f4f5f61a;
  flex-direction: column;
  display: flex;
}

.decode-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: 14ch 1fr auto;
  align-items: baseline;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.decode-dots {
  background-image: linear-gradient(to right, #f4f5f638 50%, #f4f5f600 0%);
  background-repeat: repeat-x;
  background-size: 6px 1px;
  align-self: center;
  height: 1px;
}

.decode-val {
  color: #f4f5f6;
  text-align: right;
  letter-spacing: -.2px;
  min-width: 9ch;
  font-family: Geist Mono, sans-serif;
  font-size: 24px;
}

.decode-foot {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.decode-stamp {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.wipe-outer {
  height: 280vh;
  position: relative;
}

.wipe-pin {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wipe-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wipe-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wipe-clip {
  z-index: 2;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.wipe-clip-img {
  object-fit: contain;
  width: 100vw;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wipe-seam {
  z-index: 3;
  background-color: #f4f5f6;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
}

.wipe-handle {
  z-index: 4;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #0101018c;
  border: 1px solid #f4f5f629;
  flex-direction: row;
  align-items: center;
  padding: 8px 14px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wipe-tags {
  z-index: 5;
  pointer-events: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 48px 32px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.wipe-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.wipe-tag.is-right {
  text-align: right;
  align-items: flex-end;
}

.schem-label {
  letter-spacing: .8px;
  fill: #f0913c;
  font-family: Geist Mono, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.schem-label.is-dim {
  color: #f4f5f68c;
  fill: #f4f5f680;
}

.draw-outer {
  height: 300vh;
  position: relative;
}

.draw-pin {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  max-width: 1440px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.draw-stage {
  justify-content: center;
  align-items: center;
  height: 72vh;
  display: flex;
  position: relative;
}

.draw-svg {
  width: auto;
  height: 100%;
  overflow: visible;
}

.draw-steps {
  display: grid;
  position: relative;
}

.draw-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-area: 1 / 1;
  display: flex;
}

.draw-step.is-stacked, .schem {
  opacity: 0;
}

.schem.is-shown {
  opacity: 1;
}

.schem-main {
  fill: none;
  stroke: #f4f5f6eb;
  stroke-width: 1.5px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
}

.schem-accent {
  fill: none;
  stroke: #f0913c;
  stroke-width: 1.25px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
}

.schem-accent-dash {
  fill: none;
  stroke: #f0913c;
  stroke-width: 1.25px;
  stroke-linecap: butt;
  stroke-dasharray: 6 4;
}

.schem-fill {
  fill: #f0913c;
  stroke: none;
}

.schem-tick {
  fill: none;
  stroke: #f4f5f680;
  stroke-width: 1px;
  stroke-linecap: butt;
}

.schem-witness {
  fill: none;
  stroke: #f0913c73;
  stroke-width: 1px;
  stroke-linecap: butt;
}

.schem-dim {
  fill: none;
  stroke: #f0913c;
  stroke-width: 1.25px;
  stroke-linecap: butt;
}

.schem-frame {
  fill: none;
  stroke: #f4f5f62e;
  stroke-width: 1.25px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
}

.schem-tag {
  letter-spacing: .6px;
  fill: #f4f5f66b;
  font-family: Geist Mono, sans-serif;
  font-size: 7.5px;
  font-weight: 500;
}

.reveal-copy {
  z-index: 4;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  will-change: transform, opacity;
  flex-direction: column;
  justify-content: center;
  width: min(24%, 340px);
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.reveal-copy.is-right {
  right: 5%;
}

.reveal-copy.is-left {
  left: 5%;
}

.blog-meta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.blog-dot {
  background-color: #f4f5f666;
  flex: none;
  width: 4px;
  height: 4px;
}

.journal-word {
  color: #f4f5f6;
  letter-spacing: -.03em;
  margin: 0;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 8vw;
  font-weight: 700;
  line-height: .9;
}

.journal-grid {
  grid-column-gap: 40px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.journal-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f4f5f6;
  flex-direction: column;
  text-decoration: none;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.journal-card:hover {
  transform: translateY(-4px);
}

.journal-thumb {
  aspect-ratio: 4 / 5;
  background-color: #17171a;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.journal-img {
  filter: grayscale();
  object-fit: cover;
  object-position: center 40%;
  width: 100%;
  height: 100%;
  transition: filter .6s cubic-bezier(.22, 1, .36, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.journal-img:hover {
  filter: grayscale(0);
}

.insights-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 48px;
  display: flex;
}

.insights-featured {
  aspect-ratio: 16 / 7;
  color: #f4f5f6;
  background-color: #0e0e11;
  width: 100%;
  margin-bottom: 32px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.insights-featured-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.insights-featured-body {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 56ch;
  padding: 48px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.insights-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.insights-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f4f5f6;
  flex-direction: column;
  text-decoration: none;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.insights-card:hover {
  transform: translateY(-6px);
}

.insights-thumb {
  aspect-ratio: 16 / 10;
  background-color: #0e0e11;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.insights-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blogroll-layout {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  display: grid;
}

.blogroll-side {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-self: start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 48px;
}

.blogroll-filters {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blogroll-list {
  flex-direction: column;
  display: flex;
}

.blogroll-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #f4f5f6;
  border-top: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: 320px 1fr;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.blogroll-item:hover {
  opacity: .72;
}

.blogroll-thumb {
  aspect-ratio: 3 / 2;
  background-color: #0e0e11;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.blogroll-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blogroll-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.val1-list {
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: column;
  display: flex;
}

.val1-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: 4ch 1fr 1.1fr 40px;
  align-items: baseline;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
}

.val1-icon {
  color: #f4f5f699;
  place-self: center end;
  width: 24px;
  height: 24px;
}

.val2-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.val2-cell {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  border-left: 1px solid #f4f5f61a;
  flex-direction: column;
  align-items: center;
  padding: 0 40px;
  display: flex;
}

.val2-cell.is-last {
  border-right: 1px solid #f4f5f61a;
}

.val2-icon {
  color: #f4f5f6;
  width: 28px;
  height: 28px;
}

.val3-matrix {
  border-bottom: 1px solid #f4f5f61a;
  border-right: 1px solid #f4f5f61a;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.val3-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  border-left: 1px solid #f4f5f61a;
  flex-direction: column;
  align-items: flex-start;
  min-height: 230px;
  padding: 32px;
  display: flex;
}

.val3-cell.is-media {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.val3-icon {
  color: #f4f5f699;
  width: 24px;
  height: 24px;
}

.val3-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.chk-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  display: grid;
}

.chk-media {
  aspect-ratio: 896 / 1200;
  width: 100%;
  position: relative;
}

.chk-render {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.chk-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.chk-list {
  border-bottom: 1px solid #f4f5f61a;
  flex-direction: column;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.chk-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.chk-tick {
  color: #f4f5f6;
  fill: currentColor;
  flex: none;
  width: 18px;
  height: 18px;
}

.vband-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.vband-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.vband-icon {
  color: #f4f5f699;
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 2px;
}

.vband-copy {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.article-media {
  aspect-ratio: 16 / 9;
  background-color: #17171a;
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.article-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.article-img.is-gray {
  filter: grayscale();
}

.article-figure {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.article-figure.a2-figure {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.article-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 68ch;
  display: flex;
}

.article-body.a2-body, .article-body.a3-body {
  align-items: flex-start;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
}

.article-meta {
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.article-meta-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #f4f5f61a;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.a1-head {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 820px;
  margin-bottom: 48px;
  display: flex;
}

.a1-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  align-items: start;
  margin-top: 64px;
  display: grid;
}

.a1-side {
  align-self: start;
  position: sticky;
  top: 48px;
}

.article-related {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.article-related.is-two {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
}

.a2-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 64px;
  display: flex;
}

.a3-hero {
  align-items: flex-end;
  width: 100%;
  min-height: 86vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.a3-hero-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.a3-hero-inner {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 64px;
  display: flex;
  position: relative;
}

.a3-author {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.a3-avatar {
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.a3-avatar-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (max-width: 991px) {
  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.is-tall {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section.is-short {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .main-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-container.nav5-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .main-container.hero-2-inner, .main-container.hero-4-inner, .main-container.hero-6-inner {
    min-height: auto;
  }

  .main-container.feature-grid, .main-container.cutaway-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .main-container.footer2-inner {
    padding-top: 120px;
  }

  .main-container.footer7-grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .main-container.detail-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 96px;
  }

  .main-container.accolade-inner {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .main-container.ledger-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .nav-links {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .nav3-dock {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav4-inner {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-content: center;
    padding: 32px 24px;
  }

  .nav4-word {
    letter-spacing: -2px;
    font-size: 72px;
  }

  .nav4-meta {
    left: 24px;
    right: 24px;
  }

  .nav4-preview {
    display: none;
  }

  .nav4-close {
    right: 24px;
  }

  .text-body.no-margins.review-quote {
    font-size: 19px;
  }

  .text-body.text-subtle.no-margins.val1-copy {
    grid-column: 2 / 4;
    max-width: none;
  }

  .nav5-figure {
    grid-column: auto / span 2;
  }

  .nav5-shot {
    height: 150px;
  }

  .text-h1 {
    letter-spacing: -2px;
    font-size: 72px;
  }

  .text-large {
    font-size: 19px;
  }

  .stack.hero-2-copy {
    width: auto;
    min-width: 0;
    max-width: none;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .stack.hero-4-copy, .stack.hero-6-copy {
    max-width: none;
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .stack.feature-copy {
    width: auto;
    min-width: 0;
  }

  .hero-2-frame {
    min-height: auto;
  }

  .hero-2-media {
    width: 100%;
    height: auto;
    min-height: 58vh;
    position: relative;
  }

  .hero-4-frame {
    min-height: auto;
  }

  .hero-4-media {
    width: 100%;
    height: auto;
    min-height: 56vh;
    position: relative;
  }

  .hero-4-render {
    object-position: center;
  }

  .text-display {
    letter-spacing: -2.4px;
    font-size: 88px;
  }

  .text-display.no-margins.orbit-head {
    font-size: 72px;
  }

  .heroscrub-inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-6-frame {
    min-height: auto;
  }

  .hero-6-media {
    width: 100%;
    height: auto;
    min-height: 56vh;
    position: relative;
  }

  .converge-word {
    letter-spacing: -2.4px;
    font-size: 88px;
  }

  .converge-mask {
    width: 26vw;
  }

  .text-h2 {
    letter-spacing: -1.4px;
    font-size: 48px;
  }

  .text-h2.no-margins.method-headline {
    max-width: 18ch;
  }

  .text-h2.no-margins.buy-title, .text-h2.no-margins.chk-headline {
    max-width: none;
  }

  .story-stage {
    width: 82vw;
  }

  .story-copy {
    padding-left: 24px;
    padding-right: 24px;
  }

  .num-hero {
    letter-spacing: -2px;
    font-size: 92px;
  }

  .stats-row {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .feature-media {
    aspect-ratio: 4 / 3;
  }

  .editorial-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .text-h3 {
    letter-spacing: -.6px;
    font-size: 32px;
  }

  .deck-rail {
    display: none;
  }

  .specscroll-pin {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-content: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .specscroll-media, .specscroll-canvas {
    height: 44vh;
  }

  .text-h4 {
    font-size: 22px;
  }

  .text-h4.no-margins.val1-claim {
    max-width: none;
  }

  .materials-media {
    height: 52vh;
  }

  .gallery-track {
    padding-left: 24px;
  }

  .gallery-item {
    width: 62vw;
  }

  .gallery-media {
    width: 100%;
    height: auto;
  }

  .orbit-card {
    border-radius: 12px;
    width: 150px;
    height: 100px;
    margin-top: -50px;
    margin-left: -75px;
  }

  .num-mono.kit-price, .num-mono.buybar-row-val {
    font-size: 22px;
  }

  .num-mono.buybar-dock-price {
    font-size: 32px;
  }

  .showcase-anno {
    width: 256px;
  }

  .showcase-lead {
    width: 64px;
  }

  .showcase-label {
    width: 150px;
  }

  .marquee-item {
    letter-spacing: -2px;
    font-size: 72px;
  }

  .footer2-top {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer2-star {
    font-size: 72px;
  }

  .footer2-legal {
    padding-bottom: 96px;
  }

  .footer3-cols {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .footer4-wordmark {
    font-size: 48px;
  }

  .footer4-mid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer4-cols {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .footer5-nav {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 1fr);
  }

  .footer5-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer5-wordmark {
    font-size: 32px;
  }

  .footer6-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .footer6-cta-word {
    font-size: 72px;
  }

  .footer6-cta-icon {
    width: 52px;
    height: 52px;
  }

  .footer7-wordmark {
    letter-spacing: -2px;
    font-size: 72px;
  }

  .footer7-nav-link {
    letter-spacing: -.6px;
    font-size: 32px;
  }

  .footer7-about {
    max-width: none;
  }

  .process-line {
    display: none;
  }

  .process-track {
    grid-column-gap: 40px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .process-step {
    border-top: 1px solid #f4f5f61a;
    padding-top: 32px;
  }

  .process-node {
    display: none;
  }

  .inbox-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .detail-tile {
    width: 100%;
    max-width: 320px;
  }

  .pricing-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .faq-layout {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .faq-icon {
    font-size: 22px;
  }

  .press-grid, .guarantee-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .showreel-thumb.sr-t1 {
    width: 20vw;
    height: 27vw;
  }

  .showreel-thumb.sr-t2 {
    width: 27vw;
    height: 16vw;
  }

  .showreel-thumb.sr-t3 {
    width: 22vw;
    height: 14vw;
  }

  .showreel-thumb.sr-t4 {
    width: 27vw;
    height: 17vw;
  }

  .showreel-hero {
    transform: scale(.4);
  }

  .showreel-center {
    padding-left: 24px;
    padding-right: 24px;
  }

  .performance-inner {
    padding: 48px 24px;
  }

  .performance-bottom {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-items: start;
  }

  .performance-copy {
    max-width: none;
  }

  .bento-tile {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    min-height: 340px;
    padding: 32px;
  }

  .bento-num {
    letter-spacing: -2px;
    font-size: 92px;
  }

  .bento-media {
    width: 58%;
  }

  .explore-stage {
    max-width: 460px;
  }

  .explore-sheet {
    padding: 48px;
  }

  .stack-intro {
    padding: 120px 24px 80px;
  }

  .stack-card {
    min-height: auto;
    padding-top: 64px;
    padding-bottom: 64px;
    position: static;
  }

  .stack-inner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .stack-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .stack-media.is-lead {
    order: 0;
  }

  .reveal-outer {
    height: auto;
  }

  .reveal-pin {
    height: auto;
    position: static;
    overflow: visible;
  }

  .reveal-step {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: stretch;
    padding: 48px 24px;
    position: static;
  }

  .reveal-frame {
    width: 100%;
  }

  .spiral-card.sp-c1 {
    width: 22vw;
    height: 22vw;
  }

  .spiral-card.sp-c2, .spiral-card.sp-c3 {
    width: 26vw;
    height: 14vw;
  }

  .spiral-card.sp-c4, .spiral-card.sp-c5 {
    width: 22vw;
    height: 22vw;
  }

  .spiral-card.sp-c6 {
    width: 28vw;
    height: 14vw;
  }

  .method-split {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .method-panel {
    min-height: 600px;
  }

  .method-copy {
    max-width: none;
    padding: 96px 24px;
  }

  .team-name {
    font-size: 22px;
  }

  .teamf-grid, .teamg-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .roster-name {
    font-size: 22px;
  }

  .masthead-item {
    height: 240px;
  }

  .ledger-sticky {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .ledger-media {
    width: 48%;
  }

  .ledger-scroll {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .voices-row {
    flex-direction: column;
    height: auto;
  }

  .voices-panel {
    flex: none;
    height: 40vh;
  }

  .voices-by {
    opacity: 1;
    position: static;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .buy-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .buy-panel {
    position: static;
  }

  .kit-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .buybar-layout {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .buybar-side {
    position: static;
  }

  .buybar-side-render {
    max-width: 380px;
  }

  .approach-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .approach-media {
    max-width: 440px;
  }

  .approach-title {
    letter-spacing: -1.4px;
    font-size: 48px;
  }

  .audience-inner {
    padding: 96px 24px;
  }

  .audience-item {
    letter-spacing: -2px;
    font-size: 72px;
  }

  .cinema-grid {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cinema-word {
    letter-spacing: -.6px;
    font-size: 32px;
  }

  .decode-val {
    font-size: 22px;
  }

  .wipe-tags {
    padding: 48px 24px;
  }

  .draw-pin {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    align-content: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .draw-stage {
    height: 42vh;
  }

  .reveal-copy {
    width: 100%;
    position: static;
  }

  .insights-featured {
    aspect-ratio: 16 / 9;
  }

  .blogroll-layout {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .blogroll-side {
    position: static;
  }

  .val1-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 4ch 1fr 32px;
  }

  .val1-icon {
    grid-area: 1 / 3 / 2 / 4;
    align-self: center;
    width: 20px;
    height: 20px;
  }

  .val3-matrix {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .chk-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .chk-media {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .vband-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .a1-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .a1-side {
    position: static;
  }

  .article-related {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .section {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .section.is-tall {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .section.is-short {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .main-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-container.nav2-bar {
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
  }

  .main-container.nav5-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .main-container.footer2-inner {
    padding-top: 88px;
  }

  .main-container.detail-inner {
    padding-top: 72px;
  }

  .main-container.accolade-inner {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .label-mono.roster-role {
    display: none;
  }

  .nav2-rail-right {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav2-side {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .nav2-side.is-right {
    display: none;
  }

  .nav3-outer {
    min-height: 160vh;
  }

  .nav3-dock {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav3-links {
    display: none;
  }

  .nav4-inner {
    padding: 32px 20px;
  }

  .nav4-word {
    letter-spacing: -1.4px;
    font-size: 52px;
  }

  .nav4-meta {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    left: 20px;
    right: 20px;
  }

  .nav4-close {
    right: 20px;
  }

  .text-body.no-margins.review-quote {
    font-size: 18px;
  }

  .text-body.converge-copy {
    padding-top: 40px;
  }

  .text-body.text-subtle.no-margins.bento-lede {
    max-width: 44ch;
  }

  .text-body.text-subtle.no-margins.val2-copy, .text-body.text-subtle.no-margins.val3-copy {
    max-width: none;
  }

  .nav5-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .nav5-figure {
    grid-column: auto;
  }

  .text-h1 {
    letter-spacing: -1.4px;
    font-size: 52px;
  }

  .text-large {
    font-size: 18px;
  }

  .text-large.text-subtle.no-margins.cinema-body {
    margin-top: 16px;
    display: block;
  }

  .stack.hero-2-copy, .stack.hero-4-copy, .stack.hero-6-copy {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .stack.kit-head, .stack.val1-head, .stack.val2-head {
    margin-bottom: 48px;
  }

  .text-display {
    letter-spacing: -1.6px;
    font-size: 60px;
  }

  .text-display.no-margins.orbit-head {
    font-size: 52px;
  }

  .heroscrub-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .statement-hot-img {
    width: 190px;
    height: 230px;
  }

  .converge-pin {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .converge-line {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .converge-word {
    letter-spacing: -1.6px;
    font-size: 36px;
  }

  .converge-mask {
    width: 30vw;
  }

  .text-h2 {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .text-h2.no-margins.wipe-title {
    max-width: 16ch;
    top: 40px;
  }

  .story-outer {
    height: 200vh;
  }

  .story-stage {
    width: 90vw;
  }

  .story-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .num-hero {
    letter-spacing: -1.4px;
    font-size: 68px;
  }

  .counter-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .editorial-cols {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .text-h3 {
    font-size: 28px;
  }

  .text-h3.no-margins.footer4-tagline {
    text-align: left;
  }

  .deck {
    width: 84vw;
    height: 72vh;
  }

  .deck-card {
    border-radius: 14px;
    padding: 24px;
  }

  .specscroll-pin {
    padding-left: 20px;
    padding-right: 20px;
  }

  .materials-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .materials-cell {
    flex-grow: 0;
    flex-basis: auto;
  }

  .materials-media {
    aspect-ratio: 3 / 4;
    height: auto;
  }

  .gallery-track {
    padding-left: 20px;
  }

  .orbit-outer {
    height: auto;
  }

  .orbit-pin {
    perspective: 900px;
    height: auto;
    min-height: 78vh;
    padding-top: 112px;
    padding-bottom: 112px;
    position: relative;
    overflow: hidden;
  }

  .orbit-ring {
    display: block;
  }

  .orbit-card {
    opacity: .5;
    border-radius: 10px;
    width: 112px;
    height: 74px;
    margin-top: -37px;
    margin-left: -56px;
  }

  .compare-row {
    grid-template-rows: auto;
    grid-template-columns: 1.4fr 1fr;
  }

  .compare-cell.is-hide-sm {
    display: none;
  }

  .field-trail {
    overflow: hidden;
  }

  .field-trail-img {
    width: 150px;
    height: 190px;
  }

  .text-small.text-subtle.no-margins.logomask-intro {
    top: 60%;
  }

  .showcase-stage {
    height: 52vh;
  }

  .showcase-anno {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 150px;
  }

  .showcase-anno.showcase-a1 {
    top: 27%;
    right: 58%;
  }

  .showcase-anno.showcase-a3 {
    top: 87%;
    right: 56%;
  }

  .showcase-anno.showcase-a2 {
    top: 53%;
    left: 56%;
  }

  .showcase-lead {
    width: 16px;
  }

  .showcase-label {
    width: 108px;
  }

  .waitlist-form._w-form {
    flex-direction: column;
  }

  .marquee-item {
    letter-spacing: -1.4px;
    font-size: 52px;
  }

  .footer2-word {
    font-size: 19vw;
  }

  .footer2-star {
    font-size: 52px;
  }

  .footer2-legal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 72px;
  }

  .footer3-word {
    font-size: 17vw;
  }

  .footer4-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer4-wordmark {
    font-size: 40px;
  }

  .footer4-cols {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer5-nav {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .footer5-wordmark {
    font-size: 28px;
  }

  .footer5-form._w-form {
    flex-direction: column;
  }

  .footer6-cta-word {
    font-size: 52px;
  }

  .footer6-cta-icon {
    width: 30px;
    height: 30px;
  }

  .footer7-wordmark {
    letter-spacing: -1.4px;
    font-size: 52px;
  }

  .footer7-nav-link {
    font-size: 28px;
  }

  .inbox-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .waitlist-form-inner {
    flex-direction: column;
  }

  .press-cell {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .accolade-wreath {
    width: 124px;
  }

  .showreel-track {
    height: 220vh;
  }

  .showreel-thumb {
    display: none;
  }

  .showreel-hero {
    transform: scale(.62);
  }

  .showreel-center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .performance-inner {
    padding: 48px 20px;
  }

  .bento-head {
    margin-bottom: 48px;
  }

  .bento-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .bento-tile {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    min-height: 280px;
  }

  .bento-num {
    letter-spacing: -1.4px;
    font-size: 68px;
  }

  .bento-media {
    width: 44%;
  }

  .explore-stage {
    max-width: 380px;
  }

  .hotspot {
    width: 36px;
    height: 36px;
  }

  .hotspot-icon {
    width: 16px;
    height: 16px;
  }

  .explore-sheet {
    max-height: 94vh;
    padding: 32px;
  }

  .explore-close {
    width: 40px;
    height: 40px;
    top: 16px;
    right: 16px;
  }

  .stack-intro {
    padding: 88px 20px 80px;
  }

  .stack-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer5-form-inner {
    flex-direction: column;
  }

  .spiral-track {
    height: 260vh;
  }

  .spiral-card {
    display: none;
  }

  .method-panel {
    min-height: 520px;
  }

  .method-rail {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 520px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .method-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 14px 16px;
  }

  .method-icon-box {
    width: 36px;
    height: 36px;
  }

  .method-copy {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .teamf-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .teamf-join {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .teamg-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .masthead-meta {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .masthead-item {
    height: 180px;
  }

  .ledger-media {
    width: 100%;
  }

  .review-card {
    width: 280px;
    padding: 24px;
  }

  .spotlight-dot {
    width: 36px;
    height: 3px;
  }

  .buy-thumb {
    width: 68px;
    height: 68px;
  }

  .buy-actions {
    flex-direction: column;
  }

  .buy-qty {
    justify-content: space-between;
    padding: 8px 14px;
  }

  .kit-bar {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .buybar-dock {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: stretch;
  }

  .buybar-dock-thumb {
    width: 38px;
    height: 38px;
  }

  .buybar-dock-buy {
    justify-content: space-between;
  }

  .approach-title {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .audience-inner {
    padding: 72px 20px;
  }

  .audience-item {
    letter-spacing: -1.4px;
    font-size: 52px;
  }

  .cinema-outer {
    height: auto;
  }

  .cinema-pin {
    height: auto;
    position: relative;
    top: auto;
    overflow: visible;
  }

  .cinema-media {
    height: 52vh;
    margin-bottom: 48px;
    position: relative;
    top: auto;
    left: auto;
  }

  .cinema-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-bottom: 64px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .cinema-word {
    font-size: 28px;
  }

  .decode-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
  }

  .decode-dots {
    display: none;
  }

  .decode-val {
    min-width: 0;
    font-size: 18px;
  }

  .decode-foot {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .wipe-outer {
    height: 220vh;
  }

  .wipe-tags {
    padding: 32px 20px;
  }

  .draw-outer {
    height: 260vh;
  }

  .draw-pin {
    padding-left: 20px;
    padding-right: 20px;
  }

  .draw-stage {
    height: 34vh;
  }

  .journal-word {
    font-size: 18vw;
  }

  .journal-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .insights-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .insights-featured-body {
    padding: 24px;
  }

  .insights-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .blogroll-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 140px 1fr;
  }

  .val1-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .val2-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .val2-cell {
    border-top: 1px solid #f4f5f61a;
    padding: 32px 0;
  }

  .val2-cell.is-last {
    border-bottom: 1px solid #f4f5f61a;
  }

  .val3-matrix {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .val3-cell {
    min-height: 0;
    padding: 24px;
  }

  .val3-cell.is-media {
    min-height: 220px;
  }

  .article-related {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .article-related.is-two {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .a3-hero {
    min-height: 70vh;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.is-tall {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.is-short {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .main-container.footer2-inner {
    padding-top: 64px;
  }

  .main-container.detail-inner {
    padding-top: 56px;
  }

  .main-container.accolade-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .nav-links {
    display: none;
  }

  .nav4-word {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .text-body.converge-copy {
    padding-top: 32px;
  }

  .nav5-links {
    display: none;
  }

  .text-h1 {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .stack.hero-2-copy, .stack.hero-4-copy, .stack.hero-6-copy {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .text-display {
    letter-spacing: -1.2px;
    font-size: 46px;
  }

  .text-display.no-margins.orbit-head {
    font-size: 40px;
  }

  .converge-line {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .converge-word {
    letter-spacing: -1.2px;
    font-size: 26px;
  }

  .converge-mask {
    width: 34vw;
  }

  .text-h2 {
    letter-spacing: -.8px;
    font-size: 34px;
  }

  .text-h2.no-margins.explore-title {
    max-width: none;
  }

  .num-hero {
    font-size: 54px;
  }

  .stats-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .text-h3 {
    font-size: 26px;
  }

  .text-h4 {
    font-size: 20px;
  }

  .materials-cell {
    width: 100%;
  }

  .num-mono.kit-price {
    font-size: 20px;
  }

  .marquee-item {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .footer2-cols {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer2-star {
    font-size: 40px;
  }

  .footer2-legal {
    padding-bottom: 56px;
  }

  .footer3-cols {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer4-wordmark {
    font-size: 34px;
  }

  .footer5-nav {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer5-wordmark {
    font-size: 26px;
  }

  .footer6-cta-word {
    font-size: 40px;
  }

  .footer6-cta-icon {
    width: 26px;
    height: 26px;
  }

  .footer7-wordmark {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .footer7-nav-link {
    font-size: 26px;
  }

  .footer7-links {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .process-track, .inbox-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .faq-icon {
    font-size: 20px;
  }

  .bento-tile {
    min-height: 240px;
    padding: 24px;
  }

  .bento-num {
    font-size: 54px;
  }

  .bento-media {
    width: 100%;
  }

  .bento-img {
    opacity: .4;
  }

  .explore-stage {
    max-width: 300px;
  }

  .hotspot {
    width: 32px;
    height: 32px;
  }

  .explore-sheet {
    padding: 24px;
  }

  .explore-media {
    aspect-ratio: 4 / 3;
  }

  .stack-intro {
    padding: 64px 20px 80px;
  }

  .method-panel {
    min-height: 460px;
  }

  .method-copy {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .method-avatar {
    width: 44px;
    height: 44px;
  }

  .team-name, .roster-name {
    font-size: 20px;
  }

  .kit-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .approach-title {
    letter-spacing: -.8px;
    font-size: 34px;
  }

  .audience-inner {
    padding: 56px 20px;
  }

  .audience-item {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .cinema-word {
    font-size: 26px;
  }

  .journal-grid, .insights-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .blogroll-item {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .vband-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .article-related.is-two {
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-ExtraboldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-ExtralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}