@font-face {
  font-family: "Geist Mono Mobile";
  src: url("./assets/GeistMono-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}



.mobile-shared-numeral {
  position: absolute;
  top: 730px;
  right: 9px;
  left: auto;
  width: 84px;
  margin: 0;
  color: rgb(223 213 204 / 50%);
  font-family: NeueHaasDisplay, "Helvetica Neue", sans-serif;
  font-size: 68.852px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

@font-face {
  font-family: "JetBrains Mono Mobile";
  src: url("./assets/JetBrainsMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.mobile-measuring-numeral {
  position: absolute;
  top: 589px;
  right: 50px;
  left: auto;
  z-index: 3;
  width: 89px;
  margin: 0;
  color: #931e1e;
  font-family: NeueHaasDisplay, "Helvetica Neue", sans-serif;
  font-size: 68.852px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

@keyframes mobile-text-enter {
  from {
    opacity: 0;
    transform: translateY(9px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mobile-foundation-numeral-enter {
  from {
    opacity: 0;
    transform: translate(-50%, 9px);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes mobile-page03-line-draw {
  from {
    opacity: 1;
    transform: rotate(90deg) scaleX(0);
  }

  to {
    opacity: 1;
    transform: rotate(90deg) scaleX(1);
  }
}

@keyframes mobile-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mobile-word-rise {
  from {
    transform: translateY(160%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mobile-sequential-word-rise {
  from {
    opacity: 0;
    transform: translateY(160%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mobile-chrome-enter {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mobile-frame-draw {
  from {
    stroke-dashoffset: 1;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes mobile-line-draw-down {
  from {
    transform: rotate(90deg) scaleX(0);
  }

  to {
    transform: rotate(90deg) scaleX(1);
  }
}

@keyframes mobile-line-draw-right {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  :root {
    --mobile-cream: #beb89f;
    --mobile-paper: #e7e5d7;
    --mobile-green: #152619;
    --mobile-red: #852222;
    --mobile-yellow: #e09926;
  }

  .mobile-page-active.mobile-page-revealed *,
  .mobile-page-active.mobile-page-revealed *::before,
  .mobile-page-active.mobile-page-revealed *::after {
    animation-delay: 0ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0ms !important;
    transition-duration: 0ms !important;
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
    background: var(--mobile-green) !important;
  }

  body.mobile-layout {
    cursor: auto;
  }

  body.mobile-layout ._outerWrapper_13cdk_1,
  body.mobile-layout [style*="z-index: 99999"] {
    display: none !important;
  }

  #mobile-experience {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--mobile-viewport-width, 100vw);
    max-width: none;
    height: var(--mobile-viewport-height, 100dvh);
    z-index: 20;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--mobile-green);
    background: var(--mobile-paper);
    scroll-behavior: auto;
    scroll-snap-type: y mandatory;
    overscroll-behavior: none;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  #mobile-experience.mobile-needs-page-scroll {
    scroll-snap-type: y mandatory;
  }

  .mobile-header,
  .mobile-index {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 40;
    height: 39px;
    color: var(--chrome-color, var(--mobile-cream));
    background: var(--chrome-background, transparent);
    transition:
      color 160ms ease,
      background 160ms ease,
      opacity 160ms ease;
  }

  .mobile-header {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: max(20px, env(safe-area-inset-right));
    padding-left: max(20px, env(safe-area-inset-left));
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
  }

  #mobile-experience[data-active-archetype="home-alt"] .mobile-header,
  #mobile-experience[data-active-archetype="home-alt"] .mobile-index {
    animation: mobile-chrome-enter 1000ms linear 6000ms both;
  }

  #mobile-experience[data-active-archetype="home-alt"] .mobile-header {
    border-bottom-color: transparent;
  }

  #mobile-experience[data-active-archetype="home-alt"] .mobile-index {
    border-top-color: transparent;
  }

  body.mobile-disclaimer-pending
    #mobile-experience[data-active-archetype="home-alt"]
    .mobile-header,
  body.mobile-disclaimer-pending
    #mobile-experience[data-active-archetype="home-alt"]
    .mobile-index {
    opacity: 0;
    animation: none;
  }

  body.mobile-disclaimer-pending
    .mobile-page-active
    .mobile-home-alt-frame
    path {
    stroke-dashoffset: 1;
    animation: none;
  }

  body.mobile-disclaimer-pending
    .mobile-page-active
    .mobile-home-alt-title-line
    img,
  body.mobile-disclaimer-pending
    .mobile-page-active
    .mobile-home-alt-copy-word {
    transform: translateY(160%);
    animation: none;
  }

  .mobile-brand,
  .mobile-audio {
    font-family: "Geist Mono Mobile", monospace;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .mobile-home-alt-copy-word-container {
    position: relative;
    display: inline-block;
    overflow: clip;
  }

  .mobile-home-alt-copy-word {
    position: relative;
    display: inline-block;
    vertical-align: top;
  }

  .mobile-sequential-copy {
    opacity: 1 !important;
    animation: none !important;
  }

  .mobile-sequential-word-container {
    position: relative;
    display: inline-block;
    overflow: clip;
  }

  .mobile-sequential-word {
    position: relative;
    display: inline-block;
    opacity: 0;
    vertical-align: top;
  }

  .mobile-page-active .mobile-sequential-word {
    animation: mobile-sequential-word-rise 640ms cubic-bezier(0.22, 1, 0.36, 1)
      both;
  }

  .mobile-page-active .mobile-home-alt-copy-word {
    animation: mobile-word-rise 1000ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-brand {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-audio {
    padding: 14px 0 14px 14px;
    color: inherit;
    white-space: nowrap;
    background: transparent;
    border: 0;
  }

  .mobile-index {
    bottom: 0;
    display: flex;
    align-items: stretch;
    padding-right: max(24px, env(safe-area-inset-right));
    padding-left: max(24px, env(safe-area-inset-left));
    overflow-x: auto;
    scrollbar-width: none;
    color: var(--index-color, var(--chrome-color, var(--mobile-cream)));
    border-top: 1px solid var(--index-border, currentColor);
    border-bottom: 1px solid var(--index-border, currentColor);
    touch-action: pan-x;
  }

  .mobile-index::-webkit-scrollbar {
    display: none;
  }

  .mobile-index-button {
    flex: 0 0 27px;
    width: 27px;
    height: 38px;
    padding: 0;
    font-family: "JetBrains Mono Mobile", monospace;
    font-size: 11px;
    color: currentColor;
    background: transparent;
    border: 0;
  }

  .mobile-index-button[aria-current] {
    color: var(--index-current, var(--mobile-red));
  }

  .mobile-header-hidden .mobile-header,
  .mobile-index-hidden .mobile-index {
    opacity: 0;
    pointer-events: none;
  }

  .mobile-page {
    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: var(--mobile-page-height, 100dvh);
    min-height: 0;
    overflow: hidden;
    contain: layout paint;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .mobile-page[data-page="8"],
  .mobile-page[data-page="9"],
  .mobile-page[data-page="12"],
  .mobile-page[data-page="16"],
  .mobile-page[data-page="19"],
  .mobile-page[data-page="22"],
  .mobile-page[data-page="26"] {
    scroll-snap-align: center;
  }

  .mobile-page[data-page="5"],
  .mobile-page[data-page="14"],
  .mobile-page[data-page="20"] {
    height: var(--mobile-viewport-height, 100dvh);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .mobile-page-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 390px;
    height: 844px;
    overflow: visible;
    transform: scale(var(--mobile-scale, 1));
    transform-origin: top left;
  }

  .mobile-home-title,
  .mobile-home-copy,
  .mobile-statement-title,
  .mobile-statement-copy,
  .mobile-statement-overlay span,
  .mobile-menu-card,
  .mobile-chapter-title span,
  .mobile-chapter-numeral,
  .mobile-chapter-copy,
  .mobile-dense-title,
  .mobile-dense-copy p,
  .mobile-unique-skills-copy,
  .mobile-skills-word,
  .mobile-skills-item,
  .mobile-people-note,
  .mobile-people-title,
  .mobile-designing-title,
  .mobile-designing-copy,
  .mobile-designing-numeral,
  .mobile-designing-with-ai,
  .mobile-learning-title,
  .mobile-learning-copy--goal,
  .mobile-elevating-kicker,
  .mobile-elevating-title,
  .mobile-elevating-copy,
  .mobile-real-value-title,
  .mobile-quality-card,
  .mobile-measuring-title,
  .mobile-measuring-kicker,
  .mobile-measuring-copy,
  .mobile-impact-statement,
  .mobile-adaptive-title,
  .mobile-final-credit-step {
    opacity: 0;
  }

  .mobile-page-active .mobile-home-title,
  .mobile-page-active .mobile-statement-title,
  .mobile-page-active .mobile-chapter-title span,
  .mobile-page-active .mobile-dense-title {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) 80ms both;
  }

  .mobile-page-active .mobile-typewriter-target {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .mobile-typewriter-target {
    box-sizing: border-box;
    overflow: visible;
  }

  .mobile-typewriter-cursor {
    display: inline;
    font: inherit;
    color: currentColor;
    animation: mobile-typewriter-cursor 680ms steps(1, end) infinite;
  }

  @keyframes mobile-typewriter-cursor {
    0%,
    49% {
      opacity: 1;
    }

    50%,
    100% {
      opacity: 0;
    }
  }

  .mobile-page-active .mobile-home-copy,
  .mobile-page-active .mobile-statement-copy,
  .mobile-page-active .mobile-chapter-copy,
  .mobile-page-active .mobile-dense-copy p {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) 340ms both;
  }

  .mobile-page-active .mobile-statement-overlay span,
  .mobile-page-active .mobile-chapter-numeral {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) 520ms both;
  }

  .mobile-page-active.mobile-page--menu .mobile-menu-card {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active.mobile-page--menu .mobile-menu-card:nth-child(1) {
    animation-delay: 60ms;
  }

  .mobile-page-active.mobile-page--menu .mobile-menu-card:nth-child(2) {
    animation-delay: 700ms;
  }

  .mobile-page-active.mobile-page--menu .mobile-menu-card:nth-child(3) {
    animation-delay: 1340ms;
  }

  .mobile-page-active.mobile-page--menu .mobile-menu-card:nth-child(4) {
    animation-delay: 1980ms;
  }

  .mobile-page-active[data-source-page="1"] .mobile-statement-title {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="1"] .mobile-statement-copy {
    opacity: 0;
    animation: none;
  }

  .mobile-page-active[data-source-page="1"].mobile-page-body-reveal
    .mobile-statement-copy {
    animation: mobile-fade-in 800ms ease-out both;
  }

  .mobile-page-active[data-source-page="1"] .mobile-statement-overlay span {
    animation-duration: 1800ms;
  }

  .mobile-page-active[data-source-page="1"] .mobile-statement-overlay span:nth-child(1) {
    animation-delay: 1300ms;
  }

  .mobile-page-active[data-source-page="1"] .mobile-statement-overlay span:nth-child(2) {
    animation-delay: 2300ms;
  }

  .mobile-page-active[data-source-page="1"] .mobile-statement-overlay span:nth-child(3) {
    animation-delay: 3300ms;
  }

  .mobile-page-active[data-source-page="3"] .mobile-statement-title {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="3"] .mobile-statement-copy {
    opacity: 0;
    animation: none;
  }

  .mobile-page-active[data-source-page="3"].mobile-page-body-reveal
    .mobile-statement-copy {
    animation: mobile-fade-in 800ms ease-out both;
  }

  .mobile-page03-signal,
  .mobile-page03-signal-line {
    opacity: 0;
  }

  .mobile-page-active[data-source-page="3"].mobile-page-body-reveal
    .mobile-page03-signal--one {
    animation: mobile-text-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active[data-source-page="3"].mobile-page-body-reveal
    .mobile-page03-signal-line {
    animation: mobile-page03-line-draw 600ms ease-in-out 600ms both;
  }

  .mobile-page-active[data-source-page="3"].mobile-page-body-reveal
    .mobile-page03-signal--two {
    animation: mobile-text-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) 1200ms both;
  }

  .mobile-page-active[data-source-page="6"] .mobile-chapter-title span:nth-child(1) {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="6"] .mobile-chapter-title span:nth-child(2) {
    animation-delay: 680ms;
  }

  .mobile-page-active[data-source-page="6"] .mobile-chapter-title span:nth-child(3) {
    animation-delay: 1280ms;
  }

  .mobile-page-active[data-source-page="6"] .mobile-chapter-title span:nth-child(4) {
    animation-delay: 1880ms;
  }

  .mobile-page-active[data-source-page="6"] .mobile-chapter-copy {
    opacity: 0;
    animation: mobile-fade-in 800ms ease-out 1680ms both;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-numeral-image,
  .mobile-prompt-control {
    opacity: 1;
    animation: none;
  }

  .mobile-page-active[data-source-page="7"] .mobile-unique-skills-copy {
    opacity: 0;
    animation: none;
  }

  .mobile-page-active[data-source-page="7"].mobile-page-body-reveal
    .mobile-unique-skills-copy {
    animation: mobile-fade-in 800ms ease-out both;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-word,
  .mobile-page-active[data-source-page="8"] .mobile-skills-item {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-word--we {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-word--bring {
    animation-delay: 800ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-word--to {
    animation-delay: 4770ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-word--table {
    animation-delay: 5490ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-item--curiosity {
    animation-delay: 1520ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-item--ethical {
    animation-delay: 2170ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-item--empathy {
    animation-delay: 2820ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-item--thinking {
    animation-delay: 3470ms;
  }

  .mobile-page-active[data-source-page="8"] .mobile-skills-item--taste {
    animation-delay: 4120ms;
  }

  .mobile-page-active[data-source-page="9"] .mobile-people-note,
  .mobile-page-active[data-source-page="9"] .mobile-people-title {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active[data-source-page="9"] .mobile-people-note--top {
    animation-delay: 1880ms;
  }

  .mobile-page-active[data-source-page="9"] .mobile-people-title--designing {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="9"] .mobile-people-title--with {
    animation-delay: 680ms;
  }

  .mobile-page-active[data-source-page="9"] .mobile-people-title--center {
    animation-delay: 1280ms;
  }

  .mobile-page-active[data-source-page="9"] .mobile-people-note--bottom {
    animation-delay: 3580ms;
  }

  .mobile-page-active[data-source-page="10"] .mobile-designing-title,
  .mobile-page-active[data-source-page="10"] .mobile-designing-copy,
  .mobile-page-active[data-source-page="10"] .mobile-designing-numeral,
  .mobile-page-active[data-source-page="10"] .mobile-designing-rule,
  .mobile-page-active[data-source-page="10"] .mobile-designing-with-ai,
  .mobile-page-active[data-source-page="11"] .mobile-learning-title,
  .mobile-page-active[data-source-page="13"] .mobile-elevating-kicker,
  .mobile-page-active[data-source-page="13"] .mobile-elevating-title,
  .mobile-page-active[data-source-page="13"] .mobile-elevating-copy,
  .mobile-page-active[data-source-page="14"] .mobile-real-value-title,
  .mobile-page-active[data-source-page="15"] .mobile-quality-card,
  .mobile-page-active[data-source-page="16"] .mobile-measuring-title,
  .mobile-page-active[data-source-page="16"] .mobile-measuring-numeral,
  .mobile-page-active[data-source-page="16"] .mobile-measuring-kicker,
  .mobile-page-active[data-source-page="16"] .mobile-measuring-copy {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active[data-source-page="10"] .mobile-designing-title,
  .mobile-page-active[data-source-page="11"] .mobile-learning-title,
  .mobile-page-active[data-source-page="13"] .mobile-elevating-kicker,
  .mobile-page-active[data-source-page="14"] .mobile-real-value-title {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="15"] .mobile-quality-card--1 {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="15"] .mobile-quality-card--2 {
    animation-delay: 260ms;
  }

  .mobile-page-active[data-source-page="15"] .mobile-quality-card--3 {
    animation-delay: 440ms;
  }

  .mobile-page-active[data-source-page="15"] .mobile-quality-card--4 {
    animation-delay: 620ms;
  }

  .mobile-page-active[data-source-page="16"] .mobile-measuring-title--one {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="16"] .mobile-measuring-title--two {
    animation-delay: 380ms;
  }

  .mobile-page-active[data-source-page="16"] .mobile-measuring-numeral {
    animation-delay: 1280ms;
  }

  .mobile-page-active[data-source-page="16"] .mobile-measuring-title--three {
    animation-delay: 680ms;
  }

  .mobile-page-active[data-source-page="16"] .mobile-measuring-kicker {
    animation-delay: 980ms;
  }

  .mobile-page-active[data-source-page="16"] .mobile-measuring-copy {
    animation-delay: 1580ms;
  }

  .mobile-page-active[data-source-page="17"] .mobile-impact-statement {
    animation: mobile-text-enter 600ms ease-in-out both;
  }

  .mobile-page-active[data-source-page="17"] .mobile-impact-statement--1 {
    animation-delay: 80ms;
  }

  .mobile-page-active[data-source-page="17"] .mobile-impact-statement--2 {
    animation-delay: 1280ms;
  }

  .mobile-page-active[data-source-page="17"] .mobile-impact-statement--3 {
    animation-delay: 2480ms;
  }

  .mobile-page-active .mobile-expanding-title,
  .mobile-page-active .mobile-expanding-numeral,
  .mobile-page-active .mobile-orienting-title {
    animation: mobile-text-enter 1240ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active .mobile-expanding-title--one,
  .mobile-page-active .mobile-orienting-title--one {
    animation-delay: 80ms;
  }

  .mobile-page-active .mobile-expanding-title--two,
  .mobile-page-active .mobile-orienting-title--two {
    animation-delay: 300ms;
  }

  .mobile-page-active .mobile-expanding-title--three,
  .mobile-page-active .mobile-orienting-title--three {
    animation-delay: 520ms;
  }

  .mobile-page-active .mobile-expanding-numeral {
    animation-delay: 1100ms;
  }

  .mobile-page-active .mobile-orienting-title--four {
    animation-delay: 740ms;
  }

  .mobile-page-active .mobile-learning-line,
  .mobile-page-active .mobile-impact-line img,
  .mobile-page-active .mobile-impact-measurement-line,
  .mobile-page-active .mobile-emerging-divider {
    animation-name: mobile-line-draw-down;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
  }

  .mobile-page-active .mobile-learning-line {
    animation-delay: 700ms;
  }

  .mobile-page-active .mobile-impact-measurement-line {
    animation-delay: 600ms;
  }

  .mobile-page-active .mobile-impact-line--one img {
    animation-delay: 680ms;
  }

  .mobile-page-active .mobile-impact-line--two img {
    animation-delay: 1880ms;
  }

  .mobile-page-active .mobile-emerging-divider {
    animation-delay: 0ms;
  }

  .mobile-exercise-panel-active .mobile-exercise-arrow {
    animation: mobile-line-draw-right 800ms cubic-bezier(0.22, 1, 0.36, 1) 240ms
      both;
  }

  .mobile-exercise-copy p,
  .mobile-principles-copy p {
    opacity: 0;
  }

  .mobile-exercise-panel-active .mobile-exercise-copy p,
  .mobile-principles-panel-active .mobile-principles-copy p {
    animation: mobile-fade-in 520ms ease-out both;
  }

  .mobile-exercise-panel-active .mobile-exercise-copy p:nth-child(1),
  .mobile-principles-panel-active .mobile-principles-copy p:nth-child(1) {
    animation-delay: 40ms;
  }

  .mobile-exercise-panel-active .mobile-exercise-copy p:nth-child(2),
  .mobile-principles-panel-active .mobile-principles-copy p:nth-child(2) {
    animation-delay: 380ms;
  }

  .mobile-exercise-panel-active .mobile-exercise-copy p:nth-child(3),
  .mobile-principles-panel-active .mobile-principles-copy p:nth-child(3) {
    animation-delay: 720ms;
  }

  .mobile-exercise-panel-active .mobile-exercise-swipe {
    animation: mobile-text-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) 1040ms both;
  }

  .mobile-principles-panel-active .mobile-principles-arrow {
    animation: mobile-line-draw-right 800ms cubic-bezier(0.22, 1, 0.36, 1) 240ms
      both;
  }

  .mobile-closing-panel-active .mobile-closing-arrow {
    animation: mobile-line-draw-right 800ms cubic-bezier(0.22, 1, 0.36, 1) 240ms
      both;
  }

  .mobile-page-active.mobile-page-revealed
    .mobile-exercise-panel-active
    .mobile-exercise-arrow,
  .mobile-page-active.mobile-page-revealed
    .mobile-principles-panel-active
    .mobile-principles-arrow,
  .mobile-page-active.mobile-page-revealed
    .mobile-closing-panel-active
    .mobile-closing-arrow {
    animation-delay: 240ms !important;
    animation-duration: 800ms !important;
  }

  .mobile-page-active.mobile-page-revealed
    .mobile-exercise-panel-active
    .mobile-exercise-swipe {
    animation-delay: 1040ms !important;
    animation-duration: 600ms !important;
  }

  .mobile-closing-panel-active .mobile-closing-divider {
    animation: mobile-line-draw-down 600ms ease-in-out 600ms both;
  }

  .mobile-page-active .mobile-final-credit-step {
    animation: mobile-text-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active .mobile-final-credit-step--1 {
    animation-delay: 80ms;
  }

  .mobile-page-active .mobile-final-credit-step--2 {
    animation-delay: 680ms;
  }

  .mobile-page-active .mobile-final-credit-step--3 {
    animation-delay: 1280ms;
  }

  .mobile-page-active .mobile-final-credit-step--4 {
    animation-delay: 1880ms;
  }

  .mobile-page-active .mobile-final-credit-step--5 {
    animation-delay: 2480ms;
  }

  .mobile-page-active .mobile-final-credit-step--6 {
    animation-delay: 3080ms;
  }

  .mobile-page-active[data-source-page="11"] .mobile-learning-copy-stage,
  .mobile-page-active[data-source-page="11"] .mobile-learning-copy--goal,
  .mobile-page-active .mobile-impact-measurement-copy-stage,
  .mobile-page-active .mobile-expanding-copy-stage,
  .mobile-page-active .mobile-emerging-title,
  .mobile-page-active .mobile-emerging-copy-stage,
  .mobile-page-active .mobile-emerging-statement,
  .mobile-page-active .mobile-stay-close-title,
  .mobile-page-active .mobile-stay-close-copy,
  .mobile-page-active .mobile-foundation-title,
  .mobile-page-active .mobile-foundation-note {
    animation: mobile-text-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active[data-source-page="11"] .mobile-learning-copy-stage--1 {
    animation-delay: 680ms;
  }

  .mobile-page-active[data-source-page="11"] .mobile-learning-copy-stage--2 {
    animation-delay: 1280ms;
  }

  .mobile-page-active[data-source-page="11"] .mobile-learning-copy-stage--3 {
    animation-delay: 1880ms;
  }

  .mobile-page-active[data-source-page="11"] .mobile-learning-line {
    animation-delay: 2480ms;
  }

  .mobile-page-active[data-source-page="11"] .mobile-learning-copy--goal {
    animation-delay: 3080ms;
  }

  .mobile-page-active .mobile-impact-measurement-copy-stage--1 {
    animation-delay: 80ms;
  }

  .mobile-page-active .mobile-impact-measurement-copy-stage--2 {
    animation-delay: 680ms;
  }

  .mobile-page-active .mobile-impact-measurement-line {
    animation-delay: 1280ms;
  }

  .mobile-page-active .mobile-impact-measurement-copy-stage--last {
    animation-delay: 1880ms;
  }

  .mobile-page-active .mobile-expanding-copy-stage--1 {
    animation-delay: 1760ms;
  }

  .mobile-page-active .mobile-expanding-copy-stage--2 {
    animation-delay: 2360ms;
  }

  .mobile-page-active .mobile-emerging-title {
    animation-delay: 80ms;
  }

  .mobile-page-active .mobile-emerging-copy-stage--1 {
    animation-delay: 680ms;
  }

  .mobile-page-active .mobile-emerging-copy-stage--2 {
    animation-delay: 1280ms;
  }

  .mobile-page-active .mobile-emerging-statement--one {
    animation-delay: 1880ms;
  }

  .mobile-page-active .mobile-emerging-divider {
    animation-delay: 2480ms;
  }

  .mobile-page-active .mobile-emerging-statement--two {
    animation-delay: 3080ms;
  }

  .mobile-page-active .mobile-stay-close-title--one {
    animation-delay: 80ms;
  }

  .mobile-page-active .mobile-stay-close-title--two {
    animation-delay: 680ms;
  }

  .mobile-page-active .mobile-stay-close-copy {
    animation-delay: 1280ms;
  }

  .mobile-page-active .mobile-foundation-title--for {
    animation-delay: 40ms;
  }

  .mobile-page-active .mobile-foundation-title--those {
    animation-delay: 240ms;
  }

  .mobile-page-active .mobile-foundation-title--building {
    animation-delay: 640ms;
  }

  .mobile-page-active .mobile-foundation-title--their {
    animation-delay: 840ms;
  }

  .mobile-page-active .mobile-foundation-title--foundation {
    animation-delay: 1240ms;
  }

  .mobile-page-active .mobile-foundation-note--left {
    animation-delay: 1540ms;
  }

  .mobile-page-active .mobile-foundation-note--right {
    animation-delay: 2040ms;
  }

  .mobile-page-active .mobile-foundation-numeral {
    opacity: 1;
    animation: none;
  }

  .mobile-page-active[data-source-page="10"] .mobile-designing-with-ai,
  .mobile-page-active[data-source-page="13"] .mobile-elevating-title--one {
    animation-delay: 500ms;
  }

  .mobile-page-active[data-source-page="10"] .mobile-designing-numeral,
  .mobile-page-active[data-source-page="13"] .mobile-elevating-title--two {
    animation-delay: 920ms;
  }

  .mobile-page-active[data-source-page="10"] .mobile-designing-copy {
    animation-delay: 1500ms;
  }

  .mobile-page-active[data-source-page="13"] .mobile-elevating-copy {
    animation-delay: 1340ms;
  }

  .mobile-page-active .mobile-chapter-title span:nth-child(2),
  .mobile-page-active .mobile-dense-copy p:nth-child(2) {
    animation-delay: 360ms;
  }

  .mobile-page-active .mobile-chapter-title span:nth-child(3),
  .mobile-page-active .mobile-dense-copy p:nth-child(3) {
    animation-delay: 640ms;
  }

  .mobile-page-active .mobile-chapter-title span:nth-child(4),
  .mobile-page-active .mobile-dense-copy p:nth-child(n + 4) {
    animation-delay: 920ms;
  }

  @media (prefers-reduced-motion: reduce) {
    .mobile-page *,
    .mobile-page-active * {
      animation-duration: 1ms !important;
      animation-delay: 0ms !important;
    }

    .mobile-typewriter-cursor {
      display: none;
    }
  }

  .mobile-art,
  .mobile-art img,
  .mobile-art video {
    display: block;
    width: 100%;
    height: 100%;
  }

  .mobile-art {
    overflow: hidden;
  }

  .mobile-art img,
  .mobile-art video {
    object-fit: cover;
  }

  .is-italic {
    font-style: italic;
  }

  /* Home */
  .mobile-page--home {
    color: var(--mobile-paper);
    background: var(--mobile-green);
  }

  .mobile-page--home .mobile-art {
    position: absolute;
    inset: 0;
  }

  .mobile-page--home .mobile-art img,
  .mobile-page--home .mobile-art video {
    width: 845px;
    max-width: none;
    transform: translateX(-227px);
  }

  .mobile-home-title {
    position: absolute;
    top: 213px;
    left: 0;
    display: flex;
    width: 100%;
    margin: 0;
    flex-direction: column;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 68px;
    font-weight: 100;
    line-height: 0.834;
    letter-spacing: -0.055em;
    text-transform: uppercase;
  }

  /* Impact signals */
  .mobile-page--impact-signals {
    color: var(--mobile-paper);
    background: #60a4ad;
  }

  .mobile-impact-background {
    position: absolute;
    inset: 0;
    width: 390px;
    max-width: none;
    height: 844px;
    filter: brightness(0.9);
    object-fit: cover;
  }

  .mobile-impact-background--video {
    z-index: 1;
  }

  .mobile-impact-background--poster {
    z-index: 0;
    display: block;
  }

  .mobile-impact-title {
    position: absolute;
    z-index: 2;
    display: flex;
    width: 300px;
    height: 64px;
    margin: 0;
    align-items: center;
    color: var(--mobile-paper);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: lowercase;
  }

  .mobile-impact-title--one {
    top: 134px;
    left: 20px;
  }

  .mobile-impact-title--two {
    top: 191px;
    left: 67px;
    justify-content: flex-end;
    text-align: center;
  }

  .mobile-impact-statement {
    position: absolute;
    z-index: 2;
    left: 106px;
    display: flex;
    width: 179px;
    height: 80px;
    margin: 0;
    align-items: center;
    justify-content: center;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
  }

  .mobile-impact-statement--1 {
    top: 322px;
  }

  .mobile-impact-statement--2 {
    top: 442px;
  }

  .mobile-impact-statement--3 {
    top: 562px;
  }

  .mobile-impact-line {
    position: absolute;
    z-index: 2;
    left: 195px;
    display: flex;
    width: 1px;
    height: 66px;
    align-items: center;
    justify-content: center;
  }

  .mobile-impact-line--one {
    top: 392px;
  }

  .mobile-impact-line--two {
    top: 509px;
  }

  .mobile-impact-line img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 66px;
    max-width: none;
    height: 1px;
    transform: rotate(90deg);
    transform-origin: left center;
  }

  .mobile-exercise-swipe {
    position: absolute;
    top: 603px;
    left: 53px;
    color: #c05d39;
    font-family: GeistMono, "Geist Mono Mobile", monospace;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .mobile-impact-background--video {
      display: none;
    }

    .mobile-impact-background--poster {
      display: block;
    }
  }

  .mobile-home-title span:first-child {
    margin-left: 45px;
  }

  .mobile-home-title span:nth-child(2) {
    align-self: flex-end;
    margin-right: 14px;
  }

  .mobile-home-title span:last-child {
    margin-left: 14px;
  }

  .mobile-home-copy {
    position: absolute;
    top: 423px;
    left: 53px;
    width: 284px;
    margin: 0;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    text-align: justify;
    text-transform: uppercase;
  }

  /* Home alternate */
  .mobile-page--home-alt {
    height: var(--mobile-viewport-height, 100dvh);
    color: var(--mobile-cream);
    background: var(--mobile-cream);
  }

  .mobile-page--home-alt > .mobile-page-canvas {
    width: var(--mobile-viewport-width, 390px);
    height: var(--mobile-viewport-height, 844px);
    transform: none;
  }

  .mobile-page--home-alt .mobile-art {
    position: absolute;
    inset: 0;
    background: url("./assets/mobile-home-alt-bg.png") center / cover no-repeat;
  }

  .mobile-page--home-alt .mobile-art::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background-image:
      radial-gradient(rgb(240 240 240 / 18%) 0.45px, transparent 0.55px),
      radial-gradient(rgb(0 0 0 / 16%) 0.45px, transparent 0.55px);
    background-position:
      0 0,
      1px 2px;
    background-size:
      3px 3px,
      4px 4px;
    mix-blend-mode: soft-light;
    opacity: 0.18;
  }

  .mobile-page--home-alt .mobile-art img,
  .mobile-page--home-alt .mobile-art video {
    width: calc(845px * var(--mobile-home-width-scale, 1));
    max-width: none;
    transform: translateX(calc(-227px * var(--mobile-home-width-scale, 1)));
    filter: brightness(0.81);
  }

  .mobile-home-alt-frame {
    position: absolute;
    top: calc(35px * var(--mobile-home-height-scale, 1));
    left: calc(20px * var(--mobile-home-width-scale, 1));
    width: calc(100% - 39px * var(--mobile-home-width-scale, 1));
    height: calc(100% - 67px * var(--mobile-home-height-scale, 1));
    overflow: visible;
    pointer-events: none;
  }

  .mobile-home-alt-frame path {
    fill: none;
    stroke: var(--mobile-cream);
    stroke-width: 1px;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
  }

  .mobile-page-active .mobile-home-alt-frame path {
    animation: mobile-frame-draw 5000ms linear both;
  }

  .mobile-home-alt-title {
    position: absolute;
    inset: 0;
    margin: 0;
  }

  .mobile-home-alt-title-line {
    position: absolute;
    display: block;
    overflow: hidden;
    transform: scale(calc(0.91484 * var(--mobile-home-content-scale, 1)));
    transform-origin: top left;
  }

  .mobile-home-alt-title-line img {
    display: block;
    max-width: none;
  }

  .mobile-page-active .mobile-home-alt-title-line img {
    animation: mobile-word-rise 1000ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-home-alt-title-the-new {
    top: calc(68px * var(--mobile-home-height-scale, 1));
    left: calc(
      50% - 195px * var(--mobile-home-content-scale, 1) +
        57.4px * var(--mobile-home-content-scale, 1)
    );
  }

  .mobile-home-alt-title-frontier {
    top: calc(117.99px * var(--mobile-home-height-scale, 1));
    left: calc(
      50% - 195px * var(--mobile-home-content-scale, 1) +
        99.85px * var(--mobile-home-content-scale, 1)
    );
  }

  .mobile-home-alt-title-of-design {
    top: calc(168.36px * var(--mobile-home-height-scale, 1));
    left: calc(
      50% - 195px * var(--mobile-home-content-scale, 1) +
        30px * var(--mobile-home-content-scale, 1)
    );
  }

  .mobile-home-alt-copy {
    position: absolute;
    bottom: calc(62px * var(--mobile-home-height-scale, 1));
    left: calc(
      50% - 195px * var(--mobile-home-content-scale, 1) +
        50px * var(--mobile-home-content-scale, 1)
    );
    width: calc(284px * var(--mobile-home-content-scale, 1));
    margin: 0;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: calc(14px * var(--mobile-home-content-scale, 1));
    line-height: calc(15px * var(--mobile-home-content-scale, 1));
    letter-spacing: 0.01em;
    text-align: justify;
    text-transform: uppercase;
  }

  /* Statement */
  .mobile-page--statement {
    background: var(--mobile-paper);
  }

  .mobile-statement-title {
    position: absolute;
    z-index: 2;
    width: 350px;
    margin: 0;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 42px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-statement-copy {
    position: absolute;
    z-index: 2;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-statement-copy p {
    margin: 0 0 18px;
  }

  .mobile-page--statement-light .mobile-statement-title {
    top: 73px;
    left: 53px;
    width: 284px;
    font-size: 40px;
    color: var(--mobile-green);
  }

  .mobile-page--statement-light .mobile-statement-copy {
    top: 173px;
    left: 53px;
    width: 284px;
    color: var(--mobile-green);
  }

  .mobile-page--statement-light {
    background: var(--mobile-cream);
  }

  .mobile-statement-flower {
    position: absolute;
    top: 387px;
    left: 0;
    width: 390px;
    height: 418px;
    transform: scaleX(-1);
  }

  .mobile-expanding-numeral {
    position: absolute;
    top: 409px;
    left: 252px;
    z-index: 3;
    width: 91px;
    margin: 0;
    color: rgb(223 213 204 / 50%);
    font-family: NeueHaasDisplay, "Helvetica Neue", sans-serif;
    font-size: 68.852px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-statement-flower img {
    width: 696px;
    max-width: none;
    height: 1044px;
    transform: translate(-151px, -357px);
  }

  .mobile-statement-hands {
    position: absolute;
    top: 387px;
    left: -30px;
    z-index: 2;
    width: 427px;
    height: 418px;
    overflow: hidden;
  }

  .mobile-statement-hands img {
    display: block;
    width: 427px;
    max-width: none;
    height: 418px;
  }

  .mobile-statement-overlay {
    position: absolute;
    inset: 387px 0 39px;
    z-index: 3;
    color: #dfded1;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 22px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    pointer-events: none;
  }

  .mobile-statement-overlay span {
    position: absolute;
  }

  .overlay-one {
    top: 35px;
    left: 53px;
  }

  .overlay-two {
    top: 100px;
    left: 241px;
    white-space: nowrap;
  }

  .overlay-three {
    top: 186px;
    left: 53px;
    font-style: italic;
    white-space: nowrap;
  }

  .mobile-page--statement-image {
    color: var(--mobile-paper);
    background: #627770;
  }

  .mobile-page--statement-image > .mobile-page-canvas > .mobile-art {
    position: absolute;
    inset: 0;
  }

  .mobile-page--statement-image > .mobile-page-canvas > .mobile-art img,
  .mobile-page--statement-image > .mobile-page-canvas > .mobile-art video {
    width: 1362px;
    max-width: none;
    height: 1026px;
    transform: translate(-461px, 0);
  }

  .mobile-page--statement-image .mobile-statement-title {
    top: 96px;
    left: 20px;
    font-size: 58px;
    line-height: 1;
    color: var(--mobile-paper);
  }

  .mobile-page--statement-image .mobile-statement-copy {
    top: 339px;
    left: 53px;
    width: 317px;
    color: var(--mobile-paper);
  }

  .mobile-page--statement-image[data-source-page="3"] {
    background: #c05d39;
  }

  .mobile-page--statement-image[data-source-page="3"]
    > .mobile-page-canvas
    > .mobile-art {
    top: 378px;
    bottom: auto;
    width: 390px;
    height: 466px;
    border-top: 1px solid var(--mobile-paper);
  }

  .mobile-page--statement-image[data-source-page="3"]
    > .mobile-page-canvas
    > .mobile-art
    img,
  .mobile-page--statement-image[data-source-page="3"]
    > .mobile-page-canvas
    > .mobile-art
    video {
    width: 954px;
    height: 718px;
    transform: translate(-288px, -232px);
  }

  .mobile-page--statement-image[data-source-page="3"] .mobile-statement-copy {
    top: 637px;
    left: 53px;
    width: 284px;
    text-align: center;
  }

  .mobile-page03-signal {
    position: absolute;
    z-index: 2;
    left: 53px;
    display: flex;
    width: 179px;
    height: 80px;
    margin: 0;
    align-items: center;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-page03-signal--one {
    top: 447px;
  }

  .mobile-page03-signal--two {
    top: 567px;
  }

  .mobile-page03-signal-line {
    position: absolute;
    z-index: 2;
    top: 514px;
    left: 53px;
    display: block;
    width: 66px;
    max-width: none;
    height: 1px;
    transform: rotate(90deg);
    transform-origin: top left;
  }

  .mobile-page--statement-image .mobile-statement-title--compact {
    top: 78px;
    font-size: 34px;
    line-height: 0.94;
  }

  .mobile-page--statement-image.mobile-page--statement-long .mobile-statement-copy {
    top: 420px;
  }

  .mobile-page--statement-flat {
    color: var(--mobile-red);
  }

  .mobile-page--statement-flat .mobile-statement-title {
    top: 88px;
    left: 20px;
  }

  .mobile-page--statement-flat .mobile-statement-copy {
    top: 250px;
    left: 20px;
    width: 350px;
  }

  .mobile-page--statement-flat .mobile-statement-title--compact {
    font-size: 34px;
    line-height: 0.94;
  }

  .mobile-page--statement-flat.mobile-page--statement-long .mobile-statement-copy {
    top: 430px;
  }

  /* Menu */
  .mobile-page--menu {
    color: var(--mobile-cream);
    background: var(--mobile-green);
  }

  .mobile-page--menu > .mobile-page-canvas {
    box-sizing: border-box;
    padding: 23px 20px 39px;
  }

  .mobile-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, 171px);
    gap: 22px 8px;
  }

  .mobile-menu-card {
    display: flex;
    min-width: 0;
    padding: 0;
    flex-direction: column;
    gap: 10px;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
  }

  .mobile-menu-art {
    position: relative;
    display: block;
    width: 171px;
    height: 308px;
    overflow: hidden;
  }

  .mobile-menu-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mobile-menu-grid:not(.mobile-menu-grid--page-four)
    .mobile-menu-card:nth-child(1)
    img {
    object-position: 54% center;
  }

  .mobile-menu-grid:not(.mobile-menu-grid--page-four)
    .mobile-menu-card:nth-child(2)
    img {
    object-position: 50% center;
  }

  .mobile-menu-grid:not(.mobile-menu-grid--page-four)
    .mobile-menu-card:nth-child(3)
    img {
    width: 558px;
    max-width: none;
    object-fit: cover;
    transform: translateX(-160px);
  }

  .mobile-menu-grid:not(.mobile-menu-grid--page-four)
    .mobile-menu-card:nth-child(4)
    img {
    width: 382px;
    max-width: none;
    object-fit: cover;
    transform: translateX(-28px);
  }

  .mobile-menu-grid--page-four .mobile-menu-art {
    height: 280px;
  }

  .mobile-menu-image-frame {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
  }

  .mobile-menu-grid--page-four .mobile-menu-image-frame img {
    position: absolute;
    max-width: none;
    object-fit: fill;
  }

  video.mobile-unique-skills-portrait {
    display: block;
  }

  .mobile-menu-image-frame--06 {
    width: 171.01px;
    height: 280.44px;
    transform: scaleY(-1) rotate(179.82deg);
  }

  .mobile-menu-grid--page-four .mobile-menu-image-frame--06 img {
    top: -120.2px;
    left: -204.7px;
    width: 533px;
    height: 401px;
  }

  .mobile-menu-grid--page-four .mobile-menu-image-frame--07 img {
    top: -93px;
    left: -66.1px;
    width: 617.7px;
    height: 465px;
  }

  .mobile-menu-grid--page-four .mobile-menu-image-frame--08 img {
    top: -34px;
    left: -187px;
    width: 628px;
    height: 314px;
  }

  .mobile-menu-grid--page-four .mobile-menu-image-frame--09 img {
    top: -165.8px;
    left: -34.4px;
    width: 429.2px;
    height: 570px;
  }

  .mobile-menu-number {
    position: absolute;
    top: 10px;
    left: 12px;
    color: var(--mobile-yellow);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 46px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  .mobile-menu-title {
    color: var(--mobile-cream);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 23px;
    font-weight: 100;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  /* Chapter opener */
  .mobile-page--chapter {
    color: var(--mobile-paper);
    background: var(--mobile-green);
  }

  .mobile-chapter-title {
    position: absolute;
    top: 78px;
    left: 18px;
    z-index: 2;
    display: flex;
    width: 364px;
    margin: 0;
    flex-direction: column;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 100px;
    font-weight: 100;
    line-height: 0.86;
    letter-spacing: -0.04em;
    text-transform: uppercase;
  }

  .mobile-chapter-title .align-right {
    align-self: flex-end;
  }

  .mobile-chapter-title--generic {
    font-size: 80px;
    line-height: 0.9;
  }

  .mobile-chapter-title--compact {
    top: 92px;
    font-size: 64px;
    line-height: 0.92;
  }

  .mobile-page--chapter .mobile-art {
    position: absolute;
    top: 430px;
    left: 0;
    width: 390px;
    height: 375px;
  }

  .mobile-page--chapter .mobile-art img,
  .mobile-page--chapter .mobile-art video {
    width: 738px;
    max-width: none;
    height: 608px;
    transform: translate(-148px, -189px);
  }

  /* Adaptive principles */
  .mobile-page--adaptive-principles {
    color: #a47a2b;
    background: var(--mobile-green);
  }

  .mobile-adaptive-title {
    position: absolute;
    top: 98px;
    left: 20px;
    width: 350px;
    height: 522px;
    margin: 0;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 58px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  /* Grounding principles series */
  .mobile-page--principles-series {
    color: var(--mobile-paper);
    background: #60a4ad;
  }

  .mobile-principles-track {
    position: absolute;
    inset: 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-principles-track::-webkit-scrollbar {
    display: none;
  }

  .mobile-principles-panel {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--mobile-paper);
    background: #60a4ad;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .mobile-principles-copy {
    position: absolute;
    top: 98px;
    left: 53px;
    width: 284px;
    height: 480px;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-principles-copy p {
    margin: 0;
  }

  .mobile-principles-copy-title {
    font-weight: 700;
  }

  .mobile-principles-arrow {
    position: absolute;
    top: 621px;
    left: 53px;
    display: block;
    width: 68.5px;
    max-width: none;
    height: 7.36px;
    pointer-events: none;
    transform-origin: left center;
  }

  /* Shared journey */
  .mobile-page--shared-journey {
    color: var(--mobile-paper);
    background: var(--mobile-orange);
  }

  .mobile-shared-art {
    position: absolute;
    top: -1px;
    left: -396px;
    width: 1120px;
    height: 844px;
    overflow: hidden;
  }

  .mobile-shared-art img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  .mobile-shared-title {
    position: absolute;
    width: 350px;
    margin: 0;
    opacity: 0;
    color: var(--mobile-paper);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 57px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-shared-title--one {
    top: 89px;
    left: 20px;
  }

  .mobile-shared-title--two {
    top: 141px;
    left: 16px;
    text-align: right;
  }

  .mobile-shared-title--three {
    top: 197px;
    left: 16px;
  }

  .mobile-shared-copy {
    position: absolute;
    left: 106px;
    display: flex;
    width: 179px;
    height: 80px;
    margin: 0;
    opacity: 0;
    align-items: center;
    justify-content: center;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
  }

  .mobile-shared-copy--one {
    top: 263px;
  }

  .mobile-shared-copy--two {
    top: 383px;
  }

  .mobile-shared-copy--three {
    top: 503px;
  }

  .mobile-shared-copy--four {
    top: 640px;
  }

  .mobile-shared-divider {
    position: absolute;
    left: 195px;
    display: block;
    width: 66px;
    max-width: none;
    height: 1px;
    transform: rotate(90deg) scaleX(0);
    transform-origin: left center;
  }

  .mobile-shared-divider--1 {
    top: 330px;
  }

  .mobile-shared-divider--2 {
    top: 446px;
  }

  .mobile-shared-divider--3 {
    top: 583px;
  }

  .mobile-page-active .mobile-shared-title,
  .mobile-page-active .mobile-shared-copy,
  .mobile-page-active .mobile-shared-numeral {
    animation: mobile-text-enter 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .mobile-page-active .mobile-shared-title--one {
    animation-delay: 80ms;
  }

  .mobile-page-active .mobile-shared-title--two {
    animation-delay: 680ms;
  }

  .mobile-page-active .mobile-shared-title--three {
    animation-delay: 1280ms;
  }

  .mobile-page-active .mobile-shared-numeral {
    animation-delay: 1280ms;
  }

  .mobile-page-active .mobile-shared-copy--one {
    animation-delay: 1880ms;
  }

  .mobile-page-active .mobile-shared-divider--1 {
    animation: mobile-line-draw-down 600ms ease-out 2480ms both;
  }

  .mobile-page-active .mobile-shared-copy--two {
    animation-delay: 3080ms;
  }

  .mobile-page-active .mobile-shared-divider--2 {
    animation: mobile-line-draw-down 600ms ease-out 3680ms both;
  }

  .mobile-page-active .mobile-shared-copy--three {
    animation-delay: 4280ms;
  }

  .mobile-page-active .mobile-shared-divider--3 {
    animation: mobile-line-draw-down 600ms ease-out 4880ms both;
  }

  .mobile-page-active .mobile-shared-copy--four {
    animation-delay: 5480ms;
  }

  /* Stay close to people */
  .mobile-page--stay-close {
    color: var(--mobile-green);
    background: #beb89f;
  }

  .mobile-stay-close-photo-wrap {
    position: absolute;
    top: 252px;
    left: 20px;
    width: 350px;
    height: 302px;
    overflow: hidden;
  }

  .mobile-stay-close-photo {
    position: absolute;
    top: -47.18px;
    left: -62px;
    width: 474.18px;
    max-width: none;
    height: 357.3px;
  }

  .mobile-stay-close-title {
    position: absolute;
    z-index: 2;
    display: flex;
    width: 300px;
    height: 64px;
    margin: 0;
    align-items: center;
    justify-content: center;
    color: var(--mobile-green);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: lowercase;
  }

  .mobile-stay-close-title--one {
    top: 131px;
    left: 0;
  }

  .mobile-stay-close-title--two {
    top: 181px;
    left: 95px;
  }

  .mobile-stay-close-copy {
    position: absolute;
    top: 575px;
    left: 53px;
    width: 285px;
    height: 169px;
    margin: 0;
    color: var(--mobile-green);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: justify;
    text-transform: uppercase;
  }

  /* Foundation */
  .mobile-page--foundation {
    color: var(--mobile-cream);
    background: #313c37;
  }

  .mobile-foundation-title {
    position: absolute;
    height: 62px;
    margin: 0;
    color: var(--mobile-cream);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-foundation-title--for {
    top: 96px;
    left: 20px;
    width: 282px;
  }

  .mobile-foundation-title--those {
    top: 159px;
    left: 20px;
    width: 282px;
  }

  .mobile-foundation-title--building {
    top: 222px;
    left: 103px;
    width: 282px;
  }

  .mobile-foundation-title--their {
    top: 285px;
    right: 24px;
    width: 282px;
    text-align: right;
  }

  .mobile-foundation-title--foundation {
    top: 343px;
    left: 14px;
    width: 356px;
  }

  .mobile-foundation-photo-wrap {
    position: absolute;
    top: 464px;
    left: 0;
    width: 390px;
    height: 341px;
    overflow: hidden;
  }

  .mobile-foundation-photo {
    position: absolute;
    top: -333.87px;
    left: -73.98px;
    width: 514px;
    max-width: none;
    height: 681.86px;
  }

  .mobile-foundation-numeral {
    position: absolute;
    z-index: 1;
    top: 585px;
    left: 50%;
    width: 160px;
    margin: 0;
    color: #313c37;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
  }

  .mobile-foundation-note {
    position: absolute;
    top: 418px;
    display: flex;
    width: 200px;
    height: 32px;
    margin: 0;
    align-items: center;
    color: var(--mobile-cream);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-foundation-note--left {
    left: 20px;
  }

  .mobile-foundation-note--right {
    top: 419px;
    right: 20px;
    justify-content: flex-end;
    text-align: right;
  }

  /* Closing series */
  .mobile-page--closing-series {
    color: var(--mobile-yellow);
    background: var(--mobile-red);
  }

  .mobile-closing-track {
    position: absolute;
    inset: 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-closing-track::-webkit-scrollbar {
    display: none;
  }

  .mobile-closing-panel {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--mobile-yellow);
    background: var(--mobile-red);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .mobile-closing-panel:nth-child(1) {
    color: #e09926;
    background: #852222;
  }

  .mobile-closing-panel:nth-child(2) {
    color: #c05d39;
    background: #313c37;
  }

  .mobile-closing-panel:nth-child(3) {
    color: #212f26;
    background: #e09926;
  }

  .mobile-closing-panel:nth-child(4) {
    color: #967033;
    background: #e7e5d7;
  }

  .mobile-closing-title {
    position: absolute;
    top: 98px;
    left: 20px;
    width: 350px;
    height: 522px;
    margin: 0;
    color: currentColor;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 58px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-closing-arrow {
    position: absolute;
    top: 621px;
    left: 53px;
    display: block;
    width: 68.5px;
    max-width: none;
    height: 7.36px;
    color: inherit;
    background: currentColor;
    -webkit-mask: url("./assets/mobile-page27-arrow.svg") left center / 68.5px 7.36px no-repeat;
    mask: url("./assets/mobile-page27-arrow.svg") left center / 68.5px 7.36px no-repeat;
    pointer-events: none;
    transform-origin: left center;
  }

  .mobile-closing-title--opening {
    height: 232px;
  }

  .mobile-closing-title--ending {
    top: 562px;
    height: 174px;
  }

  .mobile-closing-divider {
    position: absolute;
    top: 360px;
    left: 24px;
    display: block;
    width: 157px;
    max-width: none;
    height: 1px;
    color: inherit;
    background: currentColor;
    transform: rotate(90deg);
    transform-origin: left center;
  }

  /* Final credits */
  .mobile-page--credits-final {
    color: var(--mobile-yellow);
    background: var(--mobile-green);
  }

  #mobile-experience[data-active-archetype="credits-final"] .mobile-brand {
    text-transform: none;
  }

  .mobile-final-credit {
    position: absolute;
    left: 20px;
    display: flex;
    width: 350px;
    color: var(--mobile-yellow);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-final-credit--1 {
    top: 79px;
  }

  .mobile-final-credit--2 {
    top: 233px;
  }

  .mobile-final-credit--3 {
    top: 336px;
  }

  .mobile-final-credit-label,
  .mobile-final-credit-values,
  .mobile-final-credit-values p {
    margin: 0;
  }

  .mobile-final-credit-label,
  .mobile-final-credit-values {
    width: 150px;
  }

  .mobile-final-credit-values {
    margin-left: 50px;
    text-align: right;
    text-transform: capitalize;
  }

  .mobile-final-media {
    position: absolute;
    top: 438px;
    left: 0;
    width: 390px;
    height: 435px;
    overflow: hidden;
  }

  .mobile-final-media-source {
    position: absolute;
    top: -80.56px;
    left: -6.24px;
    display: block;
    width: 403.22px;
    max-width: none;
    height: 535.57px;
    object-fit: fill;
  }

  .mobile-final-media-poster {
    z-index: 2;
    opacity: 1;
  }

  .mobile-final-media-playing .mobile-final-media-poster {
    opacity: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .mobile-final-media-video {
      display: block;
    }

    .mobile-final-media-poster {
      display: block;
      opacity: 1;
    }
  }

  .mobile-chapter-numeral {
    position: absolute;
    bottom: 15px;
    left: -24px;
    z-index: 3;
    color: var(--mobile-green);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 340px;
    font-weight: 700;
    line-height: 0.68;
    letter-spacing: -0.08em;
  }

  .mobile-chapter-numeral-image {
    position: absolute;
    top: 551px;
    left: -26px;
    z-index: 3;
    width: 415.814px;
    height: 259.4px;
    max-width: none;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-title {
    top: 0;
    left: 0;
    display: block;
    width: 390px;
    color: var(--mobile-cream);
    font-size: 100px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-title span {
    position: absolute;
    display: block;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-title span:nth-child(1) {
    top: 55px;
    left: 18px;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-title span:nth-child(2) {
    top: 147px;
    left: 20px;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-title span:nth-child(3) {
    top: 232px;
    right: 8px;
    width: 220px;
    text-align: right;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-title span:nth-child(4) {
    top: 317px;
    left: -5px;
    width: 400px;
    text-align: center;
  }

  .mobile-page[data-source-page="6"] .mobile-art {
    top: 422px;
    width: 390px;
    height: 383px;
    overflow: hidden;
  }

  .mobile-page[data-source-page="6"] .mobile-art img {
    position: absolute;
    top: -55.86%;
    left: -17.76%;
    width: 185.68%;
    max-width: none;
    height: 155.82%;
    object-fit: fill;
    transform: none;
  }

  .mobile-page[data-source-page="6"] .mobile-chapter-numeral-image {
    top: 514px;
    left: 20px;
    width: 80px;
    height: 49.907px;
    transform: rotate(-90deg);
    transform-origin: top left;
  }

  .mobile-chapter-copy {
    position: absolute;
    bottom: 193px;
    left: 20px;
    z-index: 4;
    width: 284px;
    margin: 0;
    color: #dfd5cc;
    font-family: "Instrument Sans", "Neue Haas Grotesk Text Pro", NeueHaasDisplay,
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    text-align: justify;
    text-transform: uppercase;
  }

  /* Dense editorial */
  .mobile-page--dense {
    display: flex;
    flex-direction: column;
    color: var(--mobile-paper);
    background: var(--mobile-green);
  }

  .mobile-page--dense-light {
    color: var(--mobile-red);
    background: var(--mobile-paper);
  }

  .mobile-dense-editorial {
    flex: 0 0 auto;
    padding: 82px 20px 24px;
  }

  .mobile-dense-title {
    width: 100%;
    margin: 0 0 20px;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 42px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-dense-copy {
    display: grid;
    gap: 12px;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-dense-copy p {
    margin: 0;
  }

  .mobile-dense-art {
    position: relative;
    flex: 1 1 auto;
    min-height: 280px;
    margin-bottom: 39px;
  }

  .mobile-dense-art img,
  .mobile-dense-art video {
    object-position: center;
  }

  .mobile-page[data-source-page="7"] .mobile-dense-editorial {
    padding-top: 82px;
  }

  .mobile-page[data-source-page="7"] .mobile-dense-art {
    min-height: 395px;
  }

  .mobile-page[data-source-page="7"] .mobile-dense-art img,
  .mobile-page[data-source-page="7"] .mobile-dense-art video {
    height: 454px;
    transform: translateY(-20px);
  }

  /* Unique skills */
  .mobile-page--unique-skills {
    color: var(--mobile-red);
    background: var(--mobile-paper);
  }

  .mobile-unique-skills-title {
    position: absolute;
    top: 73px;
    left: 53px;
    z-index: 2;
    width: 284px;
    height: 84px;
    margin: 0;
    color: var(--mobile-red);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 42px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-unique-skills-copy {
    position: absolute;
    top: 175px;
    left: 52px;
    z-index: 2;
    width: 284px;
    margin: 0;
    color: var(--mobile-red);
    font-family: "Instrument Sans", "Neue Haas Grotesk Text Pro", NeueHaasDisplay,
      sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-unique-skills-portrait-region {
    position: absolute;
    top: 374px;
    left: 0;
    width: 390px;
    height: 431px;
    overflow: hidden;
  }

  .mobile-unique-skills-portrait-wrap {
    position: absolute;
    top: 0;
    left: -35px;
    width: 460px;
    height: 466px;
    overflow: hidden;
  }

  .mobile-unique-skills-portrait {
    position: absolute;
    top: -24px;
    left: 0;
    width: 460px;
    max-width: none;
    height: 535px;
  }

  .mobile-unique-skills-prompt-tab,
  .mobile-unique-skills-prompt-line {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
  }

  .mobile-unique-skills-prompt-tab {
    top: -1px;
    left: 0;
    z-index: 3;
  }

  .mobile-unique-skills-prompt-line {
    top: -180px;
    left: 180px;
    z-index: 4;
    opacity: 1;
    transform: rotate(-90deg) scaleY(-1);
  }

  .mobile-prompt-control.mobile-unique-skills-prompt {
    top: 1px;
    left: 0;
    z-index: 5;
    width: 114px;
    height: 29px;
    padding: 0 20px;
    color: var(--mobile-green);
    background: transparent;
    clip-path: none;
  }

  /* Responsible AI */
  .mobile-page--responsible-ai {
    color: #a47a2b;
    background: var(--mobile-green);
  }

  .mobile-responsible-title {
    position: absolute;
    top: 97px;
    left: 46px;
    width: 290px;
    height: 522px;
    margin: 0;
    color: #a47a2b;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 58px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-responsible-title em {
    font-style: italic;
    font-weight: 100;
  }

  /* Impact measurement */
  .mobile-page--impact-measurement {
    color: var(--mobile-green);
    background: var(--mobile-cream);
  }

  .mobile-impact-measurement-copy {
    position: absolute;
    top: 98px;
    left: 53px;
    width: 284px;
    height: 480px;
    color: var(--mobile-green);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-impact-measurement-copy p {
    margin: 0 0 20px;
  }

  .mobile-impact-measurement-copy .mobile-impact-measurement-copy-stage--last {
    position: absolute;
    top: 340px;
    left: 0;
    width: 284px;
    margin: 0;
  }

  .mobile-impact-measurement-line {
    position: absolute;
    top: 348px;
    left: 53px;
    display: block;
    max-width: none;
    transform: rotate(90deg);
    transform-origin: top left;
  }

  .mobile-impact-measurement-photo-wrap {
    position: absolute;
    top: 600px;
    left: 0;
    width: 390px;
    height: 205px;
    overflow: hidden;
  }

  .mobile-impact-measurement-photo {
    position: absolute;
    top: -44px;
    left: -3px;
    width: 402px;
    max-width: none;
    height: 303px;
  }

  .mobile-impact-measurement-overlay-wrap {
    position: absolute;
    top: 629px;
    left: 98px;
    width: 184px;
    height: 184px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(30.61deg);
  }

  .mobile-impact-measurement-overlay {
    position: relative;
    left: 7px;
    width: 134px;
    max-width: none;
    height: 134px;
    opacity: 0.4;
  }

  /* Expanding our toolkit */
  .mobile-page--expanding-toolkit {
    color: var(--mobile-red);
    background: #e1ded0;
  }

  .mobile-expanding-title-group {
    position: absolute;
    inset: 0;
    z-index: 2;
    height: 320px;
    color: var(--mobile-red);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 65px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-expanding-title {
    position: absolute;
    display: block;
    width: 350px;
  }

  .mobile-expanding-title--one {
    top: 138px;
    left: 20px;
  }

  .mobile-expanding-title--two {
    top: 203px;
    left: 20px;
  }

  .mobile-expanding-title--three {
    top: 260px;
    right: 20px;
    text-align: right;
  }

  .mobile-expanding-photo-wrap {
    position: absolute;
    top: 255px;
    left: 53px;
    z-index: 1;
    width: 284px;
    height: 214px;
    overflow: hidden;
  }

  .mobile-expanding-photo {
    position: absolute;
    top: 0;
    left: -39px;
    width: 406px;
    max-width: none;
    height: 306px;
    transform: scaleX(-1);
  }

  .mobile-expanding-copy {
    position: absolute;
    top: 538px;
    left: 53px;
    width: 285px;
    height: 169px;
    color: var(--mobile-red);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: justify;
    text-transform: uppercase;
  }

  .mobile-expanding-copy p {
    margin: 0 0 16px;
    white-space: pre-line;
  }

  /* Emerging tools */
  .mobile-page--emerging-tools {
    color: var(--mobile-cream);
    background: var(--mobile-green);
  }

  .mobile-emerging-title {
    position: absolute;
    top: 74px;
    left: 53px;
    width: 284px;
    height: 84px;
    margin: 0;
    color: var(--mobile-cream);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 42px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-emerging-copy {
    position: absolute;
    top: 176px;
    left: 52px;
    width: 284px;
    color: var(--mobile-cream);
    font-family: "Instrument Sans", "Neue Haas Grotesk Text Pro", NeueHaasDisplay,
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-emerging-copy p {
    margin: 0 0 20px;
  }

  .mobile-emerging-photo-wrap {
    position: absolute;
    top: 418px;
    left: -1px;
    width: 392px;
    height: 387px;
    overflow: hidden;
  }

  .mobile-emerging-photo {
    position: absolute;
    top: -107px;
    left: 0;
    width: 656px;
    max-width: none;
    height: 493px;
  }

  .mobile-emerging-prompt-line,
  .mobile-emerging-prompt-tab,
  .mobile-emerging-divider {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
  }

  .mobile-emerging-prompt-line {
    top: 418px;
    left: 0;
    z-index: 3;
  }

  .mobile-emerging-prompt-tab {
    top: 415px;
    left: -1px;
    z-index: 4;
  }

  .mobile-prompt-control.mobile-emerging-prompt {
    top: 416px;
    left: 1px;
    z-index: 5;
    width: 114px;
    height: 29px;
    padding: 0 20px;
    color: var(--mobile-cream);
    background: transparent;
    clip-path: none;
  }

  .mobile-emerging-statement {
    position: absolute;
    left: 53px;
    z-index: 2;
    width: 179px;
    height: 80px;
    margin: 0;
    display: flex;
    align-items: center;
    color: var(--mobile-green);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-emerging-statement--one {
    top: 471px;
  }

  .mobile-emerging-statement--two {
    top: 591px;
  }

  .mobile-emerging-divider {
    top: 538px;
    left: 53px;
    transform: rotate(90deg);
    transform-origin: top left;
  }

  /* Exercise series */
  .mobile-page--exercise-series {
    color: var(--mobile-green);
    background: var(--mobile-cream);
  }

  .mobile-exercise-track {
    position: absolute;
    inset: 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    touch-action: pan-x pan-y;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-exercise-track::-webkit-scrollbar {
    display: none;
  }

  .mobile-exercise-panel {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--mobile-green);
    background: var(--mobile-cream);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .mobile-exercise-copy {
    position: absolute;
    top: 98px;
    left: 53px;
    width: 284px;
    height: 480px;
    color: var(--mobile-green);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-exercise-copy p {
    margin: 0;
  }

  .mobile-exercise-copy-title {
    font-weight: 700;
  }

  .mobile-exercise-copy-task {
    margin-top: 20px !important;
  }

  .mobile-exercise-arrow {
    position: absolute;
    top: 622px;
    left: 53px;
    display: block;
    max-width: none;
    pointer-events: none;
    transform-origin: left center;
  }

  /* Orienting principles */
  .mobile-page--orienting-principles {
    color: var(--mobile-paper);
    background: #852222;
  }

  .mobile-orienting-photo-wrap {
    position: absolute;
    top: 64px;
    left: 53px;
    width: 284px;
    height: 709px;
    overflow: hidden;
  }

  .mobile-orienting-photo {
    position: absolute;
    top: -4px;
    left: -106px;
    width: 954px;
    max-width: none;
    height: 718px;
  }

  .mobile-orienting-title {
    position: absolute;
    z-index: 2;
    width: 350px;
    height: 57px;
    margin: 0;
    color: var(--mobile-paper);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 57px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-orienting-title--one {
    top: 136px;
    left: 20px;
    text-align: right;
  }

  .mobile-orienting-title--two {
    top: 192px;
    left: 20px;
  }

  .mobile-orienting-title--three {
    top: 565px;
    left: 24px;
    text-align: right;
  }

  .mobile-orienting-title--four {
    top: 629px;
    left: 24px;
  }

  .mobile-orienting-label {
    position: absolute;
    top: 406px;
    left: 95px;
    z-index: 2;
    width: 200px;
    height: 32px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
  }

  .mobile-orienting-numeral {
    position: absolute;
    top: 686px;
    left: 223px;
    z-index: 3;
    margin: 0;
    color: #852222;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-prompt-control {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 114px;
    height: 31px;
    padding: 0 20px;
    color: var(--mobile-green);
    font-family: "Geist Mono Mobile", monospace;
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    background: var(--mobile-paper);
    border: 0;
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
  }

  .mobile-prompt-control--top {
    top: 375px;
    z-index: 5;
    color: var(--mobile-paper);
    background: transparent;
    clip-path: none;
  }

  .mobile-prompt-dialog {
    width: calc(100% - 24px);
    max-width: 366px;
    max-height: calc(100dvh - 40px);
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(190, 184, 159, 0.72);
    border-radius: 0;
    color: #beb89f;
    background: #101512;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42);
  }

  .mobile-prompt-dialog::backdrop {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px) saturate(0.65);
  }

  .mobile-prompt-dialog-header {
    position: sticky;
    z-index: 1;
    top: 0;
    display: flex;
    min-height: 54px;
    padding: 10px 12px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(190, 184, 159, 0.3);
    background: #080a09;
  }

  .mobile-prompt-dialog-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .mobile-prompt-dialog-title,
  .mobile-prompt-dialog-status {
    margin: 0;
    font-family: AptosMono, "Aptos Mono", "JetBrains Mono Mobile", monospace;
    line-height: 1;
    text-transform: uppercase;
  }

  .mobile-prompt-dialog-title {
    color: #e9e4c6;
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .mobile-prompt-dialog-status {
    color: rgba(190, 184, 159, 0.58);
    font-size: 8px;
    letter-spacing: 0.1em;
  }

  .mobile-prompt-dialog-close {
    min-width: 28px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #beb89f;
    background: transparent;
    font-family: AptosMono, "Aptos Mono", "JetBrains Mono Mobile", monospace;
    font-size: 9px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .mobile-prompt-dialog-close:focus-visible {
    outline: 2px solid #beb89f;
    outline-offset: 2px;
  }

  .mobile-prompt-dialog-content {
    max-height: calc(100dvh - 95px);
    padding: 8px 0 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(190, 184, 159, 0.52) #101512;
    scrollbar-width: thin;
  }

  .mobile-prompt-dialog-content dl {
    margin: 0;
    counter-reset: prompt-line;
  }

  .mobile-prompt-dialog-item {
    position: relative;
    display: block;
    padding: 7px 12px 7px 35px;
    border-bottom: 1px solid rgba(190, 184, 159, 0.08);
    font-family: AptosMono, "Aptos Mono", "JetBrains Mono Mobile", monospace;
    counter-increment: prompt-line;
  }

  .mobile-prompt-dialog-item::before {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 16px;
    color: rgba(190, 184, 159, 0.3);
    content: counter(prompt-line, decimal-leading-zero);
    font-size: 9px;
    line-height: 1.45;
    text-align: right;
  }

  .mobile-prompt-dialog-item dt {
    display: inline;
    margin: 0;
    color: #d19452;
    font-family: AptosMono, "Aptos Mono", "JetBrains Mono Mobile", monospace;
    font-size: 9px;
    line-height: 1.45;
    letter-spacing: 0.02em;
  }

  .mobile-prompt-dialog-item dt::after {
    color: rgba(190, 184, 159, 0.68);
    content: ": <";
  }

  .mobile-prompt-dialog-item dd {
    display: inline;
    margin: 0;
    color: #beb89f;
    font-family: AptosMono, "Aptos Mono", "JetBrains Mono Mobile", monospace;
    font-size: 9px;
    line-height: 1.45;
    letter-spacing: 0.01em;
  }

  .mobile-prompt-dialog-item dd::after {
    color: rgba(190, 184, 159, 0.68);
    content: ">";
  }

  .mobile-prompt-tab,
  .mobile-prompt-line {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
  }

  .mobile-prompt-tab {
    z-index: 3;
    top: 375px;
    left: -1px;
  }

  .mobile-prompt-line {
    z-index: 4;
    top: 378px;
    left: 0;
  }

  /* Skills table */
  .mobile-page--skills-table {
    color: var(--mobile-red);
    background: var(--mobile-paper);
  }

  .mobile-skills-word {
    position: absolute;
    margin: 0;
    color: #60a4ad;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 120px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile-skills-word--we {
    top: 75px;
    left: 17px;
  }

  .mobile-skills-word--bring {
    top: 184px;
    left: 53px;
  }

  .mobile-skills-word--to {
    top: 531px;
    left: 8px;
  }

  .mobile-skills-word--table {
    top: 638px;
    left: 51px;
  }

  .mobile-skills-item {
    position: absolute;
    width: 154px;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-skills-item strong {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
  }

  .mobile-skills-item p {
    margin: 0;
  }

  .mobile-skills-item--curiosity {
    top: 71px;
    left: 216px;
  }

  .mobile-skills-item--ethical {
    top: 313px;
    left: 53px;
  }

  .mobile-skills-item--empathy {
    top: 313px;
    left: 216px;
  }

  .mobile-skills-item--thinking {
    top: 412px;
    left: 53px;
  }

  .mobile-skills-item--taste {
    top: 412px;
    left: 216px;
  }

  /* People at the center */
  .mobile-page--people-center {
    color: var(--mobile-paper);
    background: #60a4ad;
  }

  .mobile-people-art {
    position: absolute;
    top: 140px;
    left: 78px;
    width: 234px;
    height: 564px;
    overflow: hidden;
  }

  .mobile-people-art img {
    position: absolute;
    top: -25.71%;
    left: -103.85%;
    width: 302.99%;
    max-width: none;
    height: 125.71%;
    object-fit: fill;
  }

  .mobile-people-title {
    position: absolute;
    display: flex;
    height: 64px;
    margin: 0;
    align-items: center;
    color: var(--mobile-paper);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 62px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: lowercase;
    white-space: nowrap;
  }

  .mobile-people-title--designing {
    top: 314px;
    left: 62px;
    width: 300px;
    justify-content: flex-end;
    text-align: right;
  }

  .mobile-people-title--with {
    top: 369px;
    left: 22px;
    width: 279px;
  }

  .mobile-people-title--center {
    top: 427px;
    left: 62px;
    width: 300px;
    justify-content: flex-end;
    text-align: right;
  }

  .mobile-people-note {
    position: absolute;
    display: flex;
    height: 208px;
    margin: 0;
    align-items: center;
    justify-content: center;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
  }

  .mobile-people-note--top {
    top: 31px;
    left: 105px;
    width: 180px;
  }

  .mobile-people-note--bottom {
    top: 496px;
    left: 134px;
    width: 140px;
  }

  /* Designing with AI */
  .mobile-page--designing-card {
    background: #152619;
  }

  .mobile-designing-background {
    position: absolute;
    z-index: 0;
    top: -1px;
    left: -320px;
    width: 1306px;
    max-width: none;
    height: 845px;
  }

  .mobile-designing-overlay {
    position: absolute;
    z-index: 1;
    display: block;
    max-width: none;
    pointer-events: none;
  }

  .mobile-designing-overlay--a {
    top: -262px;
    left: 114px;
  }

  .mobile-designing-overlay--b {
    top: -145px;
    left: -85px;
  }

  .mobile-designing-title,
  .mobile-designing-with-ai {
    position: absolute;
    z-index: 2;
    margin: 0;
    color: #dfd5cc;
    font-family: "PP Editorial New", Editorial, serif;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    word-break: break-word;
  }

  .mobile-designing-title {
    top: 138px;
    left: 20px;
    width: 390px;
    height: 200px;
    font-size: 100px;
  }

  .mobile-designing-title span,
  .mobile-designing-with-ai span {
    display: block;
    white-space: nowrap;
  }

  .mobile-designing-with-ai {
    top: 330px;
    left: 87px;
    width: 282px;
    height: 200px;
    font-size: 100px;
    text-align: right;
  }

  .mobile-designing-copy {
    position: absolute;
    z-index: 2;
    top: 615px;
    left: 52px;
    width: 285px;
    margin: 0;
    color: #dfd5cc;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: justify;
    text-transform: uppercase;
  }

  .mobile-designing-numeral {
    position: absolute;
    z-index: 2;
    top: 461px;
    left: 20px;
    display: block;
    width: auto;
    height: auto;
    max-width: none;
  }

  /* Learning to execute */
  .mobile-page--learning-execute {
    color: var(--mobile-green);
    background: var(--mobile-yellow);
  }

  .mobile-learning-title {
    position: absolute;
    top: 88px;
    left: 20px;
    width: 284px;
    height: 80px;
    margin: 0;
    color: var(--mobile-green);
    font-family: "PP Editorial New", Editorial, serif;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    font-size: 40px;
  }

  .mobile-learning-copy {
    position: absolute;
    left: 53px;
    width: 284px;
    margin: 0;
    color: var(--mobile-green);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-learning-copy--main {
    top: 153px;
    height: 420px;
  }

  .mobile-learning-copy--main p {
    margin: 0 0 19.5px;
  }

  .mobile-learning-copy--main p:last-child {
    margin-bottom: 0;
  }

  .mobile-learning-copy--goal {
    top: 620px;
    height: 65px;
  }

  .mobile-learning-line {
    position: absolute;
    top: 530px;
    left: 53px;
    display: block;
    max-width: none;
    transform: rotate(90deg);
    transform-origin: top left;
  }

  /* Learning links */
  .mobile-page--learning-links {
    background: var(--mobile-paper);
  }

  .mobile-learning-links-study {
    position: absolute;
    top: 0;
    left: -1px;
    width: 391px;
    height: 168px;
    overflow: hidden;
  }

  .mobile-learning-links-photo {
    position: absolute;
    top: -111px;
    left: -25px;
    width: 640px;
    max-width: none;
    height: 418px;
    object-fit: fill;
  }

  .mobile-learning-links-veil {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 155px;
    background: #101915;
    opacity: 0.1;
  }

  .mobile-learning-links-ghost {
    position: absolute;
    z-index: 2;
    top: 27.77px;
    left: 79.77px;
    width: 126.747px;
    height: 126.747px;
    max-width: none;
    object-fit: cover;
    opacity: 0.4;
    transform: rotate(28.98deg);
  }

  .mobile-learning-links-list {
    position: absolute;
    top: 158px;
    left: -1px;
    display: flex;
    width: 394px;
    padding: 17px 22px 40px;
    flex-direction: column;
    overflow: hidden;
    word-break: break-word;
  }

  .mobile-learning-link {
    display: flex;
    width: 100%;
    min-height: 48px;
    padding: 9px 0;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    border-bottom: 1px solid #c0c0b2;
    color: #212f26;
    font-family: AptosMono, "Aptos Mono", "JetBrains Mono Mobile", monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    text-decoration: none;
    text-transform: uppercase;
  }

  .mobile-learning-link-number {
    width: 25px;
    flex: 0 0 25px;
    color: #967033;
    line-height: normal;
  }

  .mobile-learning-link-label {
    min-width: 0;
    flex: 1 1 auto;
  }

  .mobile-learning-link-arrow {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    color: #967033;
  }

  .mobile-learning-link-arrow::before {
    position: absolute;
    bottom: 1px;
    left: 1px;
    width: 12px;
    height: 1px;
    content: "";
    background: currentColor;
    transform: rotate(-45deg);
    transform-origin: left center;
  }

  .mobile-learning-link-arrow::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
  }

  .mobile-learning-link:focus-visible {
    outline: 2px solid #967033;
    outline-offset: -2px;
  }

  /* Elevating our work */
  .mobile-page--elevating-work {
    color: #dfd5cc;
    background: var(--mobile-green);
  }

  .mobile-elevating-background {
    position: absolute;
    top: -1px;
    left: -362.2px;
    width: 1115.44px;
    max-width: none;
    height: 841px;
  }

  .mobile-elevating-numeral {
    position: absolute;
    top: 182px;
    left: 50%;
    right: auto;
    width: 430px;
    margin: 0;
    color: rgb(21 38 25 / 15%);
    font-family: NeueHaasDisplay, "Neue Haas Grotesk Text Pro", sans-serif;
    font-size: 310px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
    transform: translateX(-50%);
  }

  .mobile-elevating-kicker,
  .mobile-elevating-copy {
    position: absolute;
    width: 285px;
    margin: 0;
    color: #dfd5cc;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-elevating-kicker {
    top: 244px;
    left: 52px;
    text-align: center;
  }

  .mobile-elevating-title {
    position: absolute;
    width: 347px;
    margin: 0;
    color: #dfd5cc;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 68px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: right;
    text-transform: uppercase;
  }

  .mobile-elevating-title--one {
    top: 272px;
    right: 46px;
    font-style: italic;
  }

  .mobile-elevating-title--two {
    top: 340px;
    right: 19px;
  }

  .mobile-elevating-copy {
    top: 577px;
    left: 53px;
    height: 106px;
    text-align: justify;
  }

  /* The real value */
  .mobile-page--real-value {
    color: var(--mobile-paper);
    background: #60a4ad;
  }

  .mobile-real-value-title {
    position: absolute;
    top: 96px;
    left: 53px;
    width: 284px;
    height: 522px;
    margin: 0;
    color: var(--mobile-paper);
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 58px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .mobile-real-value-title em {
    font-style: italic;
    font-weight: 100;
  }

  /* Raising the standard */
  .mobile-page--quality-standards {
    color: #beb89f;
    background: #313c37;
  }

  .mobile-quality-card {
    position: absolute;
    width: 154px;
    height: 124px;
    color: #beb89f;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }

  .mobile-quality-card p {
    margin: 0;
  }

  .mobile-quality-card-title {
    font-weight: 700;
  }

  .mobile-quality-card--1 {
    top: 86px;
    left: 21px;
  }

  .mobile-quality-card--2 {
    top: 86px;
    left: 216px;
  }

  .mobile-quality-card--3 {
    top: 255px;
    left: 21px;
  }

  .mobile-quality-card--4 {
    top: 255px;
    left: 216px;
  }

  .mobile-quality-image-wrap {
    position: absolute;
    top: 448px;
    left: -24px;
    width: 441px;
    height: 357px;
    overflow: hidden;
  }

  .mobile-quality-image {
    position: absolute;
    max-width: none;
  }

  .mobile-quality-image--base {
    inset: 0;
    width: 441px;
    height: 357px;
    object-fit: fill;
    object-position: bottom;
  }

  .mobile-quality-image--overlay-a {
    top: 0.36px;
    left: 0;
    width: 448.85px;
    height: 423.4px;
  }

  .mobile-quality-overlay-b-wrap {
    position: absolute;
    top: 464px;
    left: 12px;
    z-index: 2;
    width: 204px;
    height: 231px;
    overflow: hidden;
    opacity: 0.4;
    pointer-events: none;
  }

  .mobile-quality-overlay-b {
    position: absolute;
    top: 0;
    left: -166.32px;
    display: block;
    width: 477.93px;
    max-width: none;
    height: 260.98px;
  }

  .mobile-quality-prompt-line,
  .mobile-quality-prompt-tab {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
  }

  .mobile-quality-prompt-line {
    z-index: 4;
    top: 447.5px;
    left: 0;
    width: 390px;
    height: 30px;
  }

  .mobile-quality-prompt-tab {
    z-index: 3;
    top: 445px;
    left: -1px;
    width: 114px;
    height: 31px;
  }

  .mobile-quality-prompt.mobile-prompt-control {
    z-index: 5;
    top: 446px;
    left: 1px;
    height: 29px;
    color: #beb89f;
    background: transparent;
    clip-path: none;
  }

  /* Measuring impact */
  .mobile-page--measuring-impact {
    color: #931e1e;
    background: #c8c3ab;
  }

  .mobile-measuring-title {
    position: absolute;
    z-index: 2;
    width: 350px;
    margin: 0;
    color: #f2f1e8;
    font-family: "PP Editorial New", Editorial, serif;
    font-size: 68px;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
  }

  .mobile-measuring-title--one {
    top: 63px;
    left: 13px;
    width: 383px;
    font-size: 67px;
    text-align: left;
  }

  .mobile-measuring-title--two {
    top: 346px;
    left: 20px;
    width: 231px;
    font-size: 67px;
    text-align: left;
  }

  .mobile-measuring-title--three {
    top: 370px;
    right: 20px;
    left: auto;
    width: 231px;
    font-size: 67px;
    text-align: right;
  }

  .mobile-measuring-the {
    font-style: normal;
  }

  .mobile-measuring-kicker {
    position: absolute;
    top: 220px;
    left: 95px;
    z-index: 2;
    width: 200px;
    height: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mobile-paper);
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: center;
    text-transform: uppercase;
  }

  .mobile-measuring-image {
    position: absolute;
    top: 87px;
    left: 0;
    width: 390px;
    max-width: none;
    height: 282px;
    object-fit: cover;
    object-position: bottom;
  }

  .mobile-measuring-copy {
    position: absolute;
    top: 443px;
    left: 52px;
    width: 285px;
    height: 169px;
    margin: 0;
    color: #931e1e;
    font-family: "Neue Haas Grotesk Text Pro", NeueHaasDisplay, "Helvetica Neue",
      sans-serif;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: justify;
    text-transform: uppercase;
  }

  .mobile-page[data-source-page="16"] .mobile-measuring-kicker,
  .mobile-page-active[data-source-page="16"] .mobile-measuring-kicker {
    opacity: 1;
    animation: none;
  }


  /* Disclaimer */
  .mobile-disclaimer {
    width: 100vw !important;
    height: 100dvh !important;
    padding:
      14px max(14px, env(safe-area-inset-right))
      max(14px, env(safe-area-inset-bottom))
      max(14px, env(safe-area-inset-left)) !important;
    overflow-y: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain;
  }

  .mobile-disclaimer > div {
    width: 100% !important;
    height: auto !important;
    min-height: min(680px, calc(100dvh - 28px));
    max-height: none !important;
    padding: 42px 22px 76px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
  }

  .mobile-disclaimer p {
    font-size: 16px !important;
    line-height: 1.42 !important;
  }

  .mobile-disclaimer-top-hint {
    display: block;
    width: 100%;
    margin: 0 0 28px;
    color: #beb89f;
    font-family: GeistMono, monospace;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
  }
}