@font-face {
  font-family: BDO Grotesk;
  src: url(/assets/fonts/BDOGrotesk-Regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: BDO Grotesk;
  src: url(/assets/fonts/BDOGrotesk-Medium.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: BDO Grotesk;
  src: url(/assets/fonts/BDOGrotesk-Bold.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Allomira;
  src: url(/assets/fonts/Allomira-Regular.otf) format("opentype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Allomira;
  src: url(/assets/fonts/Allomira-Medium.otf) format("opentype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Allomira;
  src: url(/assets/fonts/Allomira-Bold.otf) format("opentype");
  font-weight: 700;
  font-display: swap;
}
:root {
  --purple: #7428ff;
  --purple-2: #5319c8;
  --violet: #9b78ff;
  --night: #0c071c;
  --night-2: #1b0c36;
  --paper: #fbfaff;
  --ink: #21124d;
  --muted: #6b6282;
  --hairline: #9d79ff57;
  --stage-top: #06030f;
  --stage-bottom: #160d2a;
  --stage-accent: #8a73ff;
  --stage-glow: #b693ff;
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --glass-edge: #ffffff3d;
  --focus: #f3eaff;
  color: var(--ink);
  background: var(--night);
  font-synthesis: none;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-family:
    BDO Grotesk,
    sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: auto;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: var(--night);
}
body {
  background: var(--night);
  overscroll-behavior-x: none;
  touch-action: pan-y pinch-zoom;
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
}
body.is-locked,
body.menu-open {
  overflow: hidden;
}
button,
a {
  font: inherit;
}
img {
  max-width: 100%;
  display: block;
}
[hidden] {
  display: none !important;
}
#app,
.app-shell {
  min-height: 100svh;
}
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
}
.editorial-nav {
  --nav-foreground: #fff;
  --nav-rail-top: #7428ffb8;
  --nav-rail-bottom: #1d0746db;
  --nav-rail-border: #cdb5ff80;
  --nav-rail-glow: #915bff38;
  --nav-rail-sheen: #fff3;
  z-index: 70;
  width: 74px;
  color: var(--nav-foreground);
  pointer-events: none;
  transition: color 0.56s;
  position: fixed;
  inset: 0 auto 0 0;
}
.editorial-nav__rail {
  z-index: 3;
  isolation: isolate;
  border-right: 1px solid var(--nav-rail-border);
  background: linear-gradient(
    180deg,
    var(--nav-rail-top),
    var(--nav-rail-bottom)
  );
  width: 74px;
  box-shadow:
    14px 0 42px var(--nav-rail-glow),
    inset -1px 0 #ffffff14;
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
  pointer-events: auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0 20px;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.editorial-nav__rail:before {
  content: "";
  z-index: 0;
  background: linear-gradient(
    115deg,
    var(--nav-rail-sheen) 0%,
    transparent 31%,
    #ffffff0a 68%,
    transparent 100%
  );
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.editorial-nav__rail:after {
  content: "";
  z-index: 0;
  opacity: 0.72;
  pointer-events: none;
  background: linear-gradient(#ffffff1a, #0000);
  height: 24%;
  position: absolute;
  inset: 0 0 auto;
}
.editorial-nav[data-surface="solid"] .editorial-nav__rail {
  -webkit-backdrop-filter: blur(10px) saturate(125%);
  backdrop-filter: blur(10px) saturate(125%);
}
.editorial-nav[data-surface="paper"] .editorial-nav__rail {
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
  box-shadow:
    14px 0 36px var(--nav-rail-glow),
    inset -1px 0 #ffffff80;
}
.editorial-nav__rail > * {
  z-index: 1;
  position: relative;
}
.editorial-nav__menu,
.editorial-nav__next {
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  background: 0 0;
  border: 0;
  font: 500 0.58rem/1 BDO Grotesk;
}
.editorial-nav__menu {
  justify-items: center;
  gap: 10px;
  display: grid;
}
.editorial-nav__menu-icon {
  gap: 5px;
  width: 26px;
  display: grid;
}
.editorial-nav__menu-icon i {
  background: currentColor;
  height: 1px;
  transition:
    transform 0.5s,
    opacity 0.3s;
  display: block;
}
.editorial-nav.is-open .editorial-nav__menu-icon i:first-child {
  transform: translateY(3px) rotate(45deg);
}
.editorial-nav.is-open .editorial-nav__menu-icon i:last-child {
  transform: translateY(-3px) rotate(-45deg);
}
.editorial-nav__mark {
  filter: brightness(0) invert();
  width: 30px;
  transition:
    filter 0.45s,
    transform 0.55s;
}
.editorial-nav[data-tone="dark"] .editorial-nav__mark {
  filter: none;
}
.editorial-nav.is-open .editorial-nav__mark {
  transform: rotate(90deg);
}
.editorial-nav__next {
  justify-items: center;
  gap: 12px;
  display: grid;
}
.editorial-nav__next i {
  background: currentColor;
  width: 1px;
  height: 42px;
  display: block;
  position: relative;
}
.editorial-nav__next i:after {
  content: "";
  border-bottom: 1px solid;
  border-right: 1px solid;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: -3px;
  transform: rotate(45deg);
}
.editorial-nav__scrim {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #0501109e;
  border: 0;
  transition:
    opacity 0.5s,
    visibility 0.5s;
  position: fixed;
  inset: 0;
}
.editorial-nav.is-open .editorial-nav__scrim {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.editorial-nav__drawer {
  z-index: 2;
  visibility: hidden;
  border-right: 1px solid var(--glass-edge);
  -webkit-backdrop-filter: blur(30px) saturate(155%);
  color: #fff;
  pointer-events: auto;
  background: linear-gradient(
    145deg,
    #7b2bffed 0%,
    #4712a3e6 52%,
    #0f0423f0 100%
  );
  flex-direction: column;
  width: min(510px, 52vw);
  padding: 26px 34px 28px 102px;
  transition:
    transform 0.78s cubic-bezier(0.76, 0, 0.24, 1),
    visibility 0.78s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translate(-105%);
  box-shadow:
    30px 0 100px #0a021e73,
    inset -1px 0 #ffffff1f;
}
.editorial-nav.is-open .editorial-nav__drawer {
  visibility: visible;
  transform: translate(0);
}
.editorial-nav__drawer-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.editorial-nav__drawer-head img {
  filter: brightness(0) invert();
  width: 124px;
}
.editorial-nav__drawer-head button,
.editorial-nav__footer > button {
  color: #fff;
  cursor: pointer;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background: 0 0;
  border: 0;
  font: 500 0.58rem/1 BDO Grotesk;
  transition:
    color 0.3s,
    transform 0.3s;
}
.editorial-nav__eyebrow {
  letter-spacing: 0.24em;
  color: #d6c4ff;
  margin: 5.5vh 0 2vh;
  font: 500 0.56rem/1 BDO Grotesk;
}
.editorial-nav__chapters {
  display: grid;
}
.editorial-nav__chapters button {
  color: #fff;
  text-align: left;
  cursor: pointer;
  min-height: 0;
  transition:
    padding-left 0.4s var(--ease-editorial),
    background-color 0.4s;
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #ffffff40;
  grid-template-columns: minmax(0, 1fr) 26px;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  display: grid;
  position: relative;
}
.editorial-nav__chapters strong {
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: 400 clamp(0.92rem, 1.15vw, 1.18rem) / 1.05 BDO Grotesk;
  display: block;
  overflow: hidden;
}
.editorial-nav__chapters i {
  transform-origin: 100%;
  background: #fff;
  width: 24px;
  height: 1px;
  transition: transform 0.35s;
  transform: scaleX(0.3);
}
.editorial-nav__chapters button:hover i,
.editorial-nav__chapters button.is-active i {
  transform: scaleX(1);
}
.editorial-nav__chapters button.is-active strong {
  color: #fff;
}
.editorial-nav__footer {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}
.language-switch {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffff1a;
  border: 1px solid #ffffff61;
  border-radius: 999px;
  padding: 4px;
  display: flex;
}
.language-switch button {
  color: #fff;
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 999px;
  padding: 7px 10px;
  transition:
    background-color 0.3s,
    color 0.3s,
    transform 0.3s;
}
.language-switch button.is-active {
  color: var(--purple);
  background: #fff;
}
.film-hero {
  isolation: isolate;
  color: #fff;
  background: #17092f;
  height: 230svh;
  position: relative;
  overflow: clip;
}
.film-hero__stage {
  isolation: isolate;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.film-hero__media,
.film-hero__veil {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.film-hero__media {
  z-index: -3;
  object-fit: cover;
  transform: scale(1.02);
}
.film-hero__veil {
  z-index: -2;
  background: linear-gradient(
    130deg,
    #6f1ff4b8 0%,
    #300a74a8 44%,
    #0c0322d6 100%
  );
}
.film-hero__wordmark {
  transform-origin: 0;
  will-change: transform;
  width: 112vw;
  position: absolute;
  top: 13vh;
  left: 3vw;
}
.film-hero__wordmark img {
  filter: brightness(0) invert();
  width: 100%;
  max-width: none;
}
.film-hero__claim {
  text-align: right;
  color: #ffffffeb;
  width: min(420px, 34vw);
  font: 400 clamp(1.25rem, 2.25vw, 2.4rem) / 1.08 BDO Grotesk;
  position: absolute;
  bottom: 12vh;
  right: 6vw;
}
.film-hero__edge,
.chapter-panel__edge {
  z-index: 7;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff;
  border-left: 1px solid #ffffff8a;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  font: 500 0.58rem/1 BDO Grotesk;
  display: flex;
  position: absolute;
  top: 20vh;
  bottom: 24px;
  left: 86px;
}
.film-hero__edge {
  display: none;
}
.film-hero__edge span:last-child,
.chapter-panel__edge span:last-child {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.film-hero__reveal {
  z-index: 3;
  color: #fff;
  will-change: transform;
  background: #3d1292;
  align-items: flex-end;
  width: 52vw;
  height: 100%;
  padding: 0 7vw 12vh;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.film-hero__reveal:before {
  content: "";
  z-index: 2;
  clip-path: polygon(100% 0, 100% 100%, 0 67%, 0 33%);
  background: linear-gradient(90deg, #0000, #6824ec);
  width: 12vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -11vw;
}
.film-hero__reveal-media {
  object-fit: cover;
  opacity: 0.92;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.film-hero__reveal:after {
  content: "";
  background: linear-gradient(#400e9b0a, #0f042db8);
  position: absolute;
  inset: 0;
}
.film-hero__reveal-line {
  z-index: 3;
  background: linear-gradient(#fff, #ffffff14);
  width: 1px;
  height: 48vh;
  position: absolute;
  top: 14vh;
  left: 7vw;
}
.film-hero__reveal p {
  z-index: 3;
  letter-spacing: -0.065em;
  max-width: 520px;
  margin: 0;
  font: 400 clamp(3rem, 5.5vw, 6.8rem) / 0.86 BDO Grotesk;
  position: relative;
}
.film-hero__scroll {
  z-index: 8;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-family: BDO Grotesk;
  font-size: 0.58rem;
  display: flex;
  position: absolute;
  bottom: 28px;
  right: 30px;
}
.film-hero__scroll > span:first-child {
  transform-origin: 0;
  background: #fff;
  width: 54px;
  height: 1px;
  animation: 1.8s ease-in-out infinite pulseLine;
}
.film-hero__scroll > span:last-child {
  white-space: nowrap;
  background: 0 0;
  width: auto;
  height: auto;
}
.film-hero__eyebrow,
.chapter-card__meta,
.parallax-cut__eyebrow {
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-family: BDO Grotesk;
  font-size: 0.7rem;
}
@keyframes pulseLine {
  0%,
  to {
    opacity: 0.4;
    transform: scaleX(0.35);
  }
  50% {
    opacity: 1;
    transform: scaleX(1);
  }
}
.story {
  background: var(--night);
  position: relative;
}
.story-pin {
  isolation: isolate;
  cursor: grab;
  width: 100%;
  height: 100svh;
  position: relative;
  overflow: hidden;
}
.story-pin.is-dragging {
  cursor: grabbing;
}
.story-pin.is-dragging * {
  -webkit-user-select: none;
  user-select: none;
}
.sticky-stage {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.sticky-stage__gradient {
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: opacity, clip-path;
  background: #25104c url(/assets/planeo/video/language-waves-active-poster.jpg)
    50% / cover no-repeat;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.sticky-stage__wave-video {
  object-fit: cover;
  object-position: center;
  filter: none;
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1.015);
}
.scene-canvas,
.fallback-visual {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.scene-canvas {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.55s;
}
.fallback-visual {
  z-index: 3;
  text-align: center;
  color: #fff;
  place-content: center;
  padding: 30px;
  display: grid;
}
.story-pin[data-active-chapter="intro"] .scene-canvas,
.story-pin[data-active-chapter="fractures"] .scene-canvas,
.story-pin[data-active-chapter="origin"] .scene-canvas,
.story-pin[data-active-chapter="originFracture"] .scene-canvas,
.story-pin[data-active-chapter="drop"] .scene-canvas {
  opacity: 1;
}
.horizontal-viewport {
  z-index: 4;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.chapter-track {
  width: max-content;
  height: 100%;
  display: flex;
}
.chapter-panel {
  isolation: isolate;
  pointer-events: none;
  flex: 0 0 100vw;
  align-items: flex-end;
  width: 100vw;
  height: 100svh;
  padding: 110px clamp(50px, 8vw, 124px) 84px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.chapter-panel.is-left {
  justify-content: flex-start;
}
.chapter-panel.is-right {
  justify-content: flex-end;
}
.chapter-backdrop {
  z-index: 0;
  position: absolute;
  inset: -4%;
  overflow: hidden;
}
.chapter-backdrop__media {
  object-fit: cover;
  will-change: transform;
  width: 108%;
  height: 108%;
}
.chapter-backdrop__veil {
  background:
    linear-gradient(
      90deg,
      #120531f0 0%,
      #1c083eb8 35%,
      #4c1a9b1f 70%,
      #782aff42 100%
    ),
    linear-gradient(#0000 35%, #080314a6);
  position: absolute;
  inset: 0;
}
.chapter-panel.is-right .chapter-backdrop__veil {
  background:
    linear-gradient(
      270deg,
      #120531f2 0%,
      #1c083ebd 35%,
      #4c1a9b1f 70%,
      #782aff47 100%
    ),
    linear-gradient(#0000 35%, #0803149e);
}
.chapter-panel--media-video .chapter-backdrop__veil {
  background:
    linear-gradient(
      90deg,
      #0d0324f7 0%,
      #1b0740db 38%,
      #2f0d6594 72%,
      #5c1ebe7a 100%
    ),
    linear-gradient(#0f04262e 28%, #070213c7);
}
.chapter-panel--media-video.is-right .chapter-backdrop__veil {
  background:
    linear-gradient(
      270deg,
      #0d0324f7 0%,
      #1b0740db 38%,
      #2f0d6594 72%,
      #5c1ebe7a 100%
    ),
    linear-gradient(#0f04262e 28%, #070213c7);
}
.chapter-panel--automation {
  background: #1c0743;
  padding: 0;
}
.chapter-panel--automation .chapter-backdrop {
  background: #1c0743;
  inset: 0;
}
.chapter-panel--automation .chapter-backdrop__media {
  object-fit: cover;
  object-position: center;
  filter: none;
  width: 100%;
  height: 100%;
  display: block;
  transform: none !important;
}
.chapter-panel--automation .chapter-backdrop__veil,
.chapter-panel--automation .chapter-card {
  display: none;
}
.chapter-panel--origin {
  padding: 42px clamp(34px, 4vw, 72px) 38px clamp(112px, 8.5vw, 154px);
  justify-content: center !important;
  align-items: center !important;
}
.chapter-panel--origin .chapter-backdrop__media {
  filter: saturate(1.08) contrast(1.04);
}
.chapter-panel--origin .chapter-backdrop__veil {
  background:
    radial-gradient(circle at 72% 18%, #853eff42, #0000 35%),
    linear-gradient(112deg, #130430fc 0%, #29095bf0 48%, #491597c7 100%);
}
.chapter-panel--origin .chapter-card {
  color: #fff;
  text-shadow: 0 2px 30px #05011261;
  grid-template-rows: auto auto 1fr;
  grid-template-columns: minmax(320px, 0.8fr) minmax(560px, 1.35fr);
  align-content: center;
  column-gap: clamp(38px, 4.5vw, 78px);
  width: min(1380px, 86vw);
  height: min(790px, 88svh);
  display: grid;
}
.chapter-panel--origin .chapter-card__meta,
.chapter-panel--origin .chapter-card__title,
.chapter-panel--origin .chapter-card__body {
  grid-column: 1;
}
.chapter-panel--origin .chapter-card__meta {
  color: #d7c5fb;
  align-self: end;
}
.chapter-panel--origin .chapter-card__title {
  white-space: normal;
  overflow-wrap: normal;
  max-width: 12ch;
  margin: 15px 0 18px;
  font-size: clamp(2.8rem, 4.05vw, 5.15rem);
  line-height: 0.88;
}
.chapter-panel--origin .chapter-card__body {
  color: #ffffffd1;
  max-width: 48ch;
  font-size: clamp(0.96rem, 1.08vw, 1.18rem);
  line-height: 1.46;
}
.origin-atlas {
  pointer-events: none;
  grid-area: 1/1/4/3;
  grid-template-columns: minmax(320px, 0.8fr) minmax(560px, 1.35fr);
  column-gap: clamp(38px, 4.5vw, 78px);
  min-width: 0;
  min-height: 0;
  display: grid;
}
.origin-atlas__metrics {
  grid-column: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-self: end;
  gap: 12px;
  margin-top: auto;
  padding-top: clamp(26px, 4vh, 48px);
  display: grid;
}
.origin-metric {
  will-change: transform, opacity;
  min-width: 0;
  padding: 15px 8px 0 0;
  position: relative;
}
.origin-metric__rule {
  will-change: transform;
  background: linear-gradient(90deg, #fff, #a66eff 58%, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 8px;
}
.origin-metric strong {
  letter-spacing: -0.075em;
  color: #fff;
  white-space: nowrap;
  font: 400 clamp(2.65rem, 3.8vw, 4.8rem) / 0.82 BDO Grotesk;
  display: block;
}
.origin-metric small {
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #cdb8f4;
  max-width: 12ch;
  margin-top: 9px;
  font: 500 clamp(0.48rem, 0.58vw, 0.62rem) / 1.3 BDO Grotesk;
  display: block;
}
.origin-atlas__gallery {
  isolation: isolate;
  grid-area: 1/2/4;
  min-width: 0;
  min-height: clamp(500px, 78svh, 720px);
  position: relative;
}
.origin-atlas__route {
  z-index: 0;
  will-change: transform;
  background: linear-gradient(90deg, #0000, #b78cff 15%, #fffffff0 62%, #0000);
  height: 1px;
  position: absolute;
  top: 54%;
  left: 4%;
  right: 3%;
}
.origin-atlas__node {
  z-index: 8;
  color: #fff;
  will-change: transform, opacity;
  background: #7428ff;
  place-items: center;
  width: 26px;
  height: 26px;
  font: 300 1.25rem/1 BDO Grotesk;
  display: grid;
  position: absolute;
  box-shadow: 0 0 0 7px #894aff2e;
}
.origin-atlas__node--one {
  top: calc(54% - 13px);
  left: 16%;
}
.origin-atlas__node--two {
  top: calc(54% - 13px);
  right: 8%;
}
.origin-shot {
  will-change: transform, opacity;
  margin: 0;
  position: absolute;
}
.origin-shot--family {
  z-index: 1;
  width: 67%;
  height: 56%;
  top: 2%;
  left: 0;
  rotate: -1.25deg;
}
.origin-shot--care {
  z-index: 2;
  width: 56%;
  height: 46%;
  top: 18%;
  right: 0;
  rotate: 1.1deg;
}
.origin-shot--clinical {
  z-index: 4;
  width: 55%;
  height: 43%;
  bottom: 0;
  left: 18%;
  rotate: -0.65deg;
}
.origin-shot__frame {
  background: #2b0b64;
  border: 1px solid #e6d8ff94;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 34px 80px #08011c6b;
}
.origin-shot__frame:after {
  content: "";
  pointer-events: none;
  background:
    linear-gradient(#11032bad 0%, #22084c2e 28%, #0000 52%, #150436db 100%),
    linear-gradient(115deg, #7f31ff26, #0000 48%);
  position: absolute;
  inset: 0;
}
.origin-shot img {
  object-fit: cover;
  filter: saturate(0.82) contrast(1.04);
  width: 100%;
  max-width: none;
  height: 100%;
}
.origin-shot--family img {
  object-position: center 44%;
}
.origin-shot--care img {
  object-position: center 42%;
}
.origin-shot--clinical img {
  object-position: center 45%;
}
.origin-shot figcaption {
  z-index: 3;
  color: #fff;
  text-shadow: 0 3px 22px #060114bf;
  will-change: transform, opacity;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  display: grid;
  position: absolute;
  bottom: 16px;
  left: 18px;
  right: 18px;
}
.origin-shot figcaption > span {
  letter-spacing: 0.14em;
  color: #c9aefd;
  grid-row: 1/4;
  padding-top: 2px;
  font: 500 0.55rem/1 BDO Grotesk;
}
.origin-shot figcaption strong {
  letter-spacing: 0.04em;
  font: 500 clamp(0.86rem, 1vw, 1.05rem) / 1 BDO Grotesk;
}
.origin-shot figcaption em {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #d5c2fb;
  margin-top: 5px;
  font: 500 0.54rem/1 BDO Grotesk;
}
.origin-shot figcaption small {
  color: #ffffffd1;
  margin-top: 6px;
  font-size: clamp(0.62rem, 0.7vw, 0.76rem);
  line-height: 1.28;
}
.chapter-panel__portal {
  z-index: 5;
  color: #35106f;
  clip-path: polygon(0 0, 100% 0, 58% 35%, 58% 65%, 100% 100%, 0 100%);
  will-change: transform;
  pointer-events: none;
  background: #fff;
  place-items: center;
  width: clamp(150px, 17vw, 270px);
  display: grid;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.chapter-panel:nth-child(3n) .chapter-panel__portal {
  color: #fff;
  background: linear-gradient(#8d3cff, #3a0e8b);
}
.chapter-panel__portal span {
  letter-spacing: -0.06em;
  font: 400 clamp(3rem, 7vw, 7.5rem) / 1 BDO Grotesk;
  transform: rotate(-90deg);
}
.chapter-panel__edge {
  z-index: 3;
  top: 14vh;
}
.chapter-card {
  z-index: 6;
  color: #fff;
  pointer-events: auto;
  text-shadow: 0 2px 32px #05010e7a;
  width: min(1380px, 74vw);
  padding: 0;
  position: relative;
}
.chapter-card__meta {
  color: #fff;
  justify-content: space-between;
  display: flex;
}
.chapter-card__title {
  letter-spacing: -0.065em;
  white-space: nowrap;
  margin: 20px 0 22px;
  font-family: BDO Grotesk;
  font-size: clamp(3rem, 5.4vw, 6.25rem);
  font-weight: 400;
  line-height: 0.86;
}
.chapter-card__body {
  color: #ffffffe6;
  max-width: 650px;
  margin: 0;
  font-size: clamp(1.08rem, 1.35vw, 1.42rem);
  line-height: 1.5;
}
.chapter-card__highlights {
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.chapter-card__highlights li {
  color: #ffffffe0;
  font-size: clamp(0.88rem, 1vw, 1.04rem);
  line-height: 1.4;
}
.chapter-card__highlights li:before {
  content: "+";
  color: #d1baff;
  width: 22px;
  display: inline-block;
}
.chapter-panel--kind-metrics,
.chapter-panel--kind-audience,
.chapter-panel--kind-roadmap {
  padding-left: clamp(110px, 10vw, 170px);
  padding-right: clamp(44px, 6vw, 90px);
  justify-content: center !important;
  align-items: center !important;
}
.chapter-panel--kind-metrics .chapter-card,
.chapter-panel--kind-audience .chapter-card,
.chapter-panel--kind-roadmap .chapter-card {
  width: min(1280px, 84vw);
}
.chapter-panel--kind-metrics .chapter-card__title,
.chapter-panel--kind-audience .chapter-card__title,
.chapter-panel--kind-roadmap .chapter-card__title {
  max-width: none;
  font-size: clamp(2.65rem, 4.5vw, 5.2rem);
}
.chapter-panel--kind-metrics .chapter-card__body,
.chapter-panel--kind-audience .chapter-card__body,
.chapter-panel--kind-roadmap .chapter-card__body {
  max-width: 820px;
}
.chapter-panel--numbers .chapter-backdrop__veil {
  background: linear-gradient(90deg, #100429f7, #2c0a5ed6 45%, #4913919e);
}
.chapter-panel--market .chapter-backdrop__veil,
.chapter-panel--audience .chapter-backdrop__veil {
  background: linear-gradient(135deg, #190541f0, #7422f4c2);
}
.metric-grid {
  min-height: clamp(360px, 45vh, 500px);
  box-shadow: none;
  isolation: isolate;
  background: linear-gradient(135deg, #18053b24, #631fcc14);
  border: 0;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: clamp(24px, 3vh, 42px);
  display: grid;
  position: relative;
}
.metric-grid__axis {
  z-index: 2;
  pointer-events: none;
  will-change: transform;
  background: linear-gradient(90deg, #ffffffe6, #ad7aff 52%, #ad7aff14);
  display: block;
  position: absolute;
}
.metric-grid__axis--horizontal {
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
}
.metric-grid__axis--vertical {
  background: linear-gradient(#ffffffd6, #9f68ff 54%, #9f68ff0f);
  width: 1px;
  top: 0;
  bottom: 0;
  left: 50%;
}
.metric-grid__node {
  z-index: 4;
  color: #fff;
  will-change: transform, opacity;
  background: #6f20df;
  place-items: center;
  width: 34px;
  height: 34px;
  font: 300 1.55rem/1 BDO Grotesk;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  box-shadow: 0 0 0 9px #7b30ee33;
}
.metric-card {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-shadow: 0 8px 32px #08011c59;
  background: 0 0;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  padding: clamp(18px, 2.2vh, 28px) clamp(24px, 2.5vw, 42px);
  display: flex;
  position: relative;
  overflow: hidden;
}
.metric-card:nth-of-type(2n) {
  text-align: right;
  align-items: flex-end;
}
.metric-card__rule {
  will-change: transform;
  background: linear-gradient(90deg, #fff 0%, #b988ff 52%, #0000 100%);
  height: 2px;
  position: absolute;
  top: 0;
  left: clamp(24px, 2.5vw, 42px);
  right: clamp(24px, 2.5vw, 42px);
}
.metric-card:nth-of-type(2n) .metric-card__rule {
  background: linear-gradient(270deg, #fff 0%, #b988ff 52%, #0000 100%);
  transform-origin: 100% !important;
}
.metric-card__value-wrap {
  width: 100%;
  margin: -0.12em -0.04em -0.18em;
  padding: 0.12em 0.04em 0.18em;
  overflow: hidden;
}
.metric-card__value {
  letter-spacing: -0.085em;
  white-space: nowrap;
  color: #fff;
  will-change: transform, opacity;
  font: 400 clamp(4.6rem, 6.35vw, 8rem) / 0.82 BDO Grotesk;
  display: block;
}
.metric-card__copy {
  will-change: transform, opacity;
  max-width: 34ch;
  margin-top: clamp(14px, 1.8vh, 22px);
}
.metric-card p {
  color: #ffffffeb;
  min-height: 0;
  margin: 0;
  font-size: clamp(0.86rem, 1vw, 1.05rem);
  line-height: 1.32;
}
.metric-card small {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #cfb8f7;
  margin-top: 10px;
  font: 500 0.54rem/1.35 BDO Grotesk;
  display: block;
}
.audience-grid {
  background: #ffffff47;
  border: 1px solid #ffffff47;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  display: grid;
}
.audience-card {
  text-align: left;
  color: #fff;
  cursor: pointer;
  min-height: 106px;
  transition:
    background-color 0.4s,
    transform 0.45s var(--ease-editorial),
    box-shadow 0.45s;
  background: linear-gradient(140deg, #18063ac7, #6723ce75);
  border: 0;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 10px 12px;
  padding: 18px 20px;
  display: grid;
  position: relative;
  overflow: hidden;
}
.audience-card strong {
  font: 400 clamp(1.05rem, 1.4vw, 1.45rem) / 1 BDO Grotesk;
}
.audience-card em {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffffff94;
  grid-column: 1/3;
  font: 500 0.57rem/1 BDO Grotesk;
  transition: color 0.35s;
}
.audience-card i {
  transform-origin: 100%;
  width: 34px;
  height: 1px;
  transition: transform 0.45s var(--ease-editorial);
  background: #fff;
  margin-top: 7px;
  transform: scaleX(0.3);
}
.audience-card.is-selected {
  z-index: 2;
  background: linear-gradient(135deg, #8b3aff, #5414bd);
  box-shadow: 0 20px 50px #11032e59;
}
.audience-card.is-selected i {
  transform: scaleX(1);
}
.chapter-panel--kind-path .chapter-card {
  width: min(1380px, 74vw);
}
.path-experience {
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
  background: linear-gradient(140deg, #ffffff2b, #ffffff0e);
  border: 1px solid #ffffff47;
  max-width: 780px;
  margin-top: 18px;
  padding: 22px;
  box-shadow:
    inset 0 1px #fff3,
    0 30px 90px #06011447;
}
.path-experience__label {
  border-bottom: 1px solid #ffffff59;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  display: flex;
}
.path-experience__label span,
.path-experience__columns span {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #d3c0f5;
  font: 500 0.57rem/1 BDO Grotesk;
}
.path-experience__label strong {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font: 500 0.75rem/1 BDO Grotesk;
}
.path-experience h3 {
  letter-spacing: -0.055em;
  max-width: 620px;
  margin: 24px 0;
  font: 400 clamp(2rem, 3.2vw, 3.7rem) / 0.9 BDO Grotesk;
}
.path-experience__columns {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  display: grid;
}
.path-experience__columns div {
  border-top: 1px solid #ffffff40;
  padding-top: 13px;
}
.path-experience__columns p {
  color: #ffffffdb;
  margin: 11px 0 0;
  font-size: 0.88rem;
  line-height: 1.42;
}
.path-experience ul {
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.path-experience li {
  background: #ffffff14;
  border: 1px solid #ffffff3d;
  border-radius: 999px;
  padding: 8px 11px;
  font-size: 0.68rem;
}
.chapter-panel--roadmap .chapter-backdrop__veil {
  background: linear-gradient(
    90deg,
    #150436b8 0%,
    #2d0a646b 46%,
    #120330c2 100%
  );
}
.roadmap {
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin-top: 26px;
  padding-top: 32px;
  display: grid;
  position: relative;
}
.roadmap__line {
  will-change: transform;
  background: linear-gradient(
    90deg,
    #fff 0%,
    #d7bdff 38%,
    #9e6dff 72%,
    #9e6dff1f 100%
  );
  height: 2px;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  box-shadow: 0 0 22px #9e6dff6b;
}
.roadmap__step {
  transform-origin: 0;
  will-change: transform, opacity, filter;
  position: relative;
}
.roadmap__node {
  will-change: transform, box-shadow;
  background: #7726f0;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  top: -32px;
  left: 0;
  translate: -1px;
  box-shadow: 0 0 0 7px #ffffff17;
}
.roadmap__step > span {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #dccaff;
  font: 500 0.56rem/1 BDO Grotesk;
}
.roadmap__step > strong {
  letter-spacing: -0.06em;
  text-shadow: 0 0 30px #b177ff38;
  margin: 14px 0 8px;
  font: 400 clamp(2.4rem, 3.2vw, 4rem) / 0.8 BDO Grotesk;
  display: block;
}
.roadmap__step h3 {
  min-height: 42px;
  margin: 0 0 13px;
  font-size: 1rem;
  font-weight: 500;
}
.roadmap__step ul {
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.roadmap__step li {
  color: #ffffffc2;
  font-size: 0.77rem;
}
.roadmap__step li:before {
  content: "+";
  color: #d0b8ff;
  margin-right: 7px;
}
.chapter-panel--closing {
  text-align: center;
  align-items: center;
  justify-content: center !important;
}
.chapter-panel--closing .chapter-backdrop__veil {
  background: linear-gradient(#12043240, #120432d6);
}
.chapter-panel--closing .chapter-card {
  width: min(1380px, 76vw);
}
.chapter-panel--closing .chapter-card__meta {
  justify-content: center;
  gap: 28px;
}
.chapter-panel--closing .chapter-card__title {
  font-size: clamp(3.5rem, 6.7vw, 8rem);
}
.chapter-panel--closing .chapter-card__body {
  margin-inline: auto;
}
.closing-note {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #d3c1f5;
  margin: 18px 0 0;
  font: 500 0.58rem/1 BDO Grotesk;
}
.cta-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 20px;
  display: grid;
}
.cta-card {
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  color: #fff;
  min-height: 118px;
  transition:
    transform 0.45s var(--ease-editorial),
    background-color 0.35s,
    border-color 0.35s,
    box-shadow 0.45s;
  background: linear-gradient(135deg, #ffffff29, #ffffff0e);
  border: 1px solid #ffffff40;
  border-radius: 18px;
  gap: 8px;
  padding: 16px 42px 16px 16px;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px #fff3,
    0 18px 50px #0702152e;
}
.cta-card:after {
  content: "↗";
  transition: transform 0.4s var(--ease-editorial);
  font: 400 1.15rem/1 BDO Grotesk;
  position: absolute;
  top: 15px;
  right: 16px;
}
.cta-card span {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.6rem;
}
.cta-card strong {
  font-weight: 500;
}
.cta-card em {
  color: #d9caff;
  font-size: 0.72rem;
  font-style: normal;
}
.language-gate {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  place-items: center;
  transition: opacity 0.4s;
  display: grid;
  position: fixed;
  inset: 0;
}
.language-gate.is-open {
  opacity: 1;
  pointer-events: auto;
}
.language-gate__backdrop {
  background: #16052f url(/assets/planeo/video/language-waves-active-poster.jpg)
    50% / cover no-repeat;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.language-gate__video {
  object-fit: cover;
  filter: none;
  background: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.language-gate__backdrop:after {
  content: none;
}
.language-gate__frame {
  place-items: center;
  width: min(1100px, 92vw);
  height: min(690px, 88svh);
  display: grid;
  position: relative;
  overflow: hidden;
}
.language-gate__form {
  opacity: 0;
  will-change: transform, opacity;
  width: 194px;
  height: 176px;
  position: absolute;
}
.language-gate__form--one {
  top: 9%;
  left: 7%;
}
.language-gate__form--two {
  bottom: 9%;
  right: 7%;
}
.language-gate__panel {
  z-index: 2;
  text-align: center;
  color: #fff;
  width: min(1040px, 86vw);
  position: relative;
}
.language-gate__title,
.language-gate__body,
.language-gate__actions {
  opacity: 0;
  will-change: transform, opacity;
}
.language-gate__title {
  letter-spacing: -0.06em;
  text-wrap: balance;
  max-width: 960px;
  margin: 0 auto;
  font: 400 clamp(2.8rem, 5vw, 5.6rem) / 0.88 BDO Grotesk;
}
.language-gate__body {
  color: #ffffffc2;
  white-space: nowrap;
  max-width: 720px;
  margin: 22px auto 0;
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  line-height: 1.45;
}
.language-gate__actions {
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
  display: flex;
}
.button {
  cursor: pointer;
  min-width: 220px;
  transition: transform 0.3s var(--ease-editorial);
  border: 1px solid #ffffff80;
  border-radius: 999px;
  padding: 15px 22px;
}
.button--primary {
  color: #5220ad;
  background: #fff;
}
.button--secondary {
  color: #fff;
  background: 0 0;
}
.button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #ffffffe6;
}
.parallax-cut {
  background: #fff url(/assets/editorial/bg-01-colour-03.jpg) 50% / cover
    no-repeat;
  place-items: center;
  min-height: 100svh;
  padding: 8rem clamp(24px, 7vw, 112px);
  display: grid;
  position: relative;
  overflow: hidden;
}
.parallax-cut__inner {
  text-align: center;
  place-items: center;
  width: min(900px, 82vw);
  margin: auto;
  display: grid;
}
.parallax-cut__copy {
  justify-items: center;
  gap: 14px;
  display: grid;
}
.parallax-cut__mark {
  width: 40px;
  margin-bottom: 8px;
}
.parallax-cut__eyebrow {
  color: var(--purple);
  margin: 0;
}
.parallax-cut__title {
  letter-spacing: -0.055em;
  color: #2a1760;
  max-width: 860px;
  margin: 0;
  font: 400 clamp(3rem, 6vw, 6.8rem) / 0.88 BDO Grotesk;
}
.parallax-cut__body {
  color: #6f6683;
  max-width: 650px;
  margin: 8px 0 0;
  font-size: 1.04rem;
  line-height: 1.65;
}
.parallax-cut__caption {
  color: var(--purple);
  margin: 0;
}
.parallax-cut__line {
  width: min(18vw, 240px);
  height: 110px;
  color: var(--purple);
  position: absolute;
}
.parallax-cut__line:before,
.parallax-cut__line:after {
  content: "";
  background: var(--purple);
  position: absolute;
}
.parallax-cut__line:before {
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
}
.parallax-cut__line:after {
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
}
.parallax-cut__line span {
  background: #fff;
  font: 300 1.5rem/1 BDO Grotesk;
  position: absolute;
  top: -14px;
  left: -7px;
}
.parallax-cut__line--left {
  top: 24vh;
  left: 9vw;
}
.parallax-cut__line--right {
  bottom: 18vh;
  right: 9vw;
  transform: rotate(180deg);
}
@media (hover: hover) {
  .button:hover {
    transform: scale(1.025);
  }
  .editorial-nav__menu:hover,
  .editorial-nav__next:hover {
    transform: translateY(-2px);
  }
  .editorial-nav__drawer-head button:hover,
  .editorial-nav__footer > button:hover {
    color: #dfd1ff;
    transform: translateY(-2px);
  }
  .editorial-nav__chapters button:hover {
    background: #ffffff0e;
    padding-left: 10px;
  }
  .language-switch button:hover:not(.is-active) {
    background: #ffffff24;
  }
  .metric-card:hover .metric-card__rule {
    filter: brightness(1.35);
  }
  .audience-card:hover {
    z-index: 3;
    background: linear-gradient(135deg, #9142ffe0, #431196cc);
    transform: translateY(-5px) scale(1.012);
    box-shadow: 0 24px 60px #0a021f59;
  }
  .audience-card:hover i {
    transform: scaleX(1);
  }
  .audience-card:hover em {
    color: #fff;
  }
  .cta-card:hover {
    background: linear-gradient(135deg, #ffffff3b, #ffffff17);
    border-color: #ffffff8c;
    transform: translateY(-5px) scale(1.015);
    box-shadow:
      inset 0 1px #ffffff40,
      0 24px 64px #0702154d;
  }
  .cta-card:hover:after {
    transform: translate(3px, -3px);
  }
}
@media (width<=959px) {
  .editorial-nav {
    width: 58px;
    height: 100svh;
  }
  .editorial-nav__rail {
    width: 58px;
    height: 100svh;
    padding: 18px 0;
  }
  .editorial-nav__menu > span:last-child {
    display: none;
  }
  .editorial-nav__mark {
    width: 26px;
  }
  .editorial-nav__drawer {
    width: 100vw;
    padding: 20px 18px 24px 76px;
  }
  .editorial-nav__drawer-head img {
    width: 108px;
  }
  .editorial-nav__eyebrow {
    margin: 4vh 0 1.5vh;
  }
  .editorial-nav__chapters {
    flex: 1;
  }
  .editorial-nav__chapters button {
    min-height: 42px;
    padding: 7px 0;
  }
  .editorial-nav__chapters strong {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: clamp(0.82rem, 3.4vw, 1.05rem);
  }
  .film-hero {
    height: 165svh;
  }
  .film-hero__wordmark {
    width: 174vw;
    top: 25vh;
    left: -4vw;
  }
  .film-hero__claim {
    width: 78vw;
    font-size: clamp(1.3rem, 6vw, 2.2rem);
    bottom: 18vh;
    right: 20px;
  }
  .film-hero__reveal {
    width: 88vw;
    padding: 0 28px 15vh;
  }
  .film-hero__reveal p {
    font-size: clamp(3.2rem, 14vw, 5.4rem);
  }
  .film-hero__reveal-line {
    left: 28px;
  }
  .film-hero__edge {
    display: none;
  }
  .film-hero__scroll {
    right: 18px;
  }
  .story-pin {
    cursor: auto;
    height: auto;
    overflow: visible;
  }
  .sticky-stage {
    z-index: 12;
    display: block;
    position: fixed;
    inset: 0;
  }
  .horizontal-viewport {
    pointer-events: auto;
    margin-top: 0;
    position: relative;
    inset: auto;
    overflow: visible;
  }
  .chapter-track {
    width: 100%;
    display: block;
  }
  .chapter-panel {
    width: 100%;
    height: auto;
    min-height: 100svh;
    padding: 110px 22px 58px 78px;
    justify-content: flex-start !important;
  }
  .chapter-card {
    opacity: 1;
    width: 100%;
    max-width: 560px;
    padding: 0;
  }
  .chapter-card__title {
    white-space: normal;
    font-size: clamp(2.35rem, 11vw, 4rem);
  }
  .chapter-card__body {
    font-size: 1.06rem;
  }
  .chapter-card__highlights li {
    font-size: 0.9rem;
  }
  .chapter-panel--kind-metrics,
  .chapter-panel--kind-audience,
  .chapter-panel--kind-roadmap {
    padding: 100px 20px 64px 78px;
    align-items: flex-start !important;
  }
  .chapter-panel--kind-metrics .chapter-card,
  .chapter-panel--kind-audience .chapter-card,
  .chapter-panel--kind-roadmap .chapter-card,
  .chapter-panel--kind-path .chapter-card,
  .chapter-panel--closing .chapter-card {
    width: 100%;
    max-width: none;
  }
  .chapter-panel--kind-metrics .chapter-card__title,
  .chapter-panel--kind-audience .chapter-card__title,
  .chapter-panel--kind-roadmap .chapter-card__title {
    font-size: clamp(2.4rem, 10vw, 4rem);
  }
  .metric-grid {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    min-height: 620px;
  }
  .metric-card {
    min-height: 0;
    padding: 22px 18px;
  }
  .metric-card__rule {
    left: 18px;
    right: 18px;
  }
  .metric-card__value {
    font-size: clamp(3rem, 10.8vw, 5rem);
  }
  .metric-card p {
    font-size: 0.82rem;
  }
  .metric-card small {
    font-size: 0.48rem;
  }
  .audience-grid {
    grid-template-columns: 1fr 1fr;
  }
  .audience-card {
    grid-template-columns: 1fr auto;
    min-height: 104px;
    padding: 15px 12px;
  }
  .audience-card strong {
    font-size: 0.95rem;
  }
  .audience-card em {
    font-size: 0.48rem;
  }
  .path-experience {
    padding: 18px;
  }
  .path-experience h3 {
    font-size: clamp(2rem, 9vw, 3.3rem);
  }
  .path-experience__columns {
    grid-template-columns: 1fr;
  }
  .path-experience__columns p {
    font-size: 0.84rem;
  }
  .roadmap {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 0 0 26px;
  }
  .roadmap__line {
    background: linear-gradient(#fff, #9e6dff 72%, #0000);
    width: 2px;
    height: auto;
    inset: 0 auto 0 4px;
    transform-origin: top !important;
  }
  .roadmap__node {
    top: 3px;
    left: -26px;
  }
  .roadmap__step > strong {
    font-size: 2.6rem;
  }
  .roadmap__step h3 {
    min-height: 0;
  }
  .chapter-panel--closing {
    text-align: left;
  }
  .chapter-panel--closing .chapter-card__meta {
    justify-content: space-between;
  }
  .chapter-panel--closing .chapter-card__body {
    margin-inline: 0;
  }
  .closing-note {
    line-height: 1.5;
  }
  .parallax-cut {
    padding: 7rem 20px;
  }
  .parallax-cut__title {
    font-size: clamp(3rem, 14vw, 5.2rem);
  }
  .parallax-cut__line {
    width: 24vw;
    height: 72px;
  }
  .parallax-cut__line--left {
    top: 17vh;
    left: 5vw;
  }
  .parallax-cut__line--right {
    bottom: 12vh;
    right: 5vw;
  }
  .language-gate__frame {
    height: 92svh;
  }
  .language-gate__form {
    width: 136px;
    height: auto;
  }
  .language-gate__form--one {
    top: 5%;
    left: 2%;
  }
  .language-gate__form--two {
    bottom: 5%;
    right: 2%;
  }
  .language-gate__title {
    font-size: clamp(2.65rem, 12vw, 4.6rem);
  }
  .language-gate__body {
    white-space: normal;
  }
  .language-gate__actions {
    flex-direction: column;
  }
  .button {
    width: 100%;
  }
  .chapter-panel.chapter-panel--automation {
    background: #1c0743;
    min-height: 650svh;
    display: block;
    overflow: visible;
    padding: 0 !important;
  }
  .chapter-panel--automation .chapter-backdrop {
    background: #1c0743;
    width: 100%;
    height: 100svh;
    position: sticky;
    top: 0;
    overflow: hidden;
  }
  .chapter-panel--automation .chapter-backdrop__media {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--automation {
    min-height: 620svh;
  }
  .chapter-card__highlights {
    display: none;
  }
  .cta-grid {
    grid-template-columns: 1fr;
  }
  .parallax-favicon {
    width: 56px;
  }
  .metric-grid,
  .audience-grid {
    grid-template-columns: 1fr;
  }
  .metric-grid {
    background: linear-gradient(90deg, #631fcc1f, #0000);
    grid-template-rows: repeat(4, auto);
    min-height: 0;
    padding-left: 18px;
  }
  .metric-grid__axis--horizontal {
    display: none;
  }
  .metric-grid__axis--vertical {
    top: 0;
    bottom: 0;
    left: 0;
  }
  .metric-grid__node {
    width: 28px;
    height: 28px;
    font-size: 1.25rem;
    top: 50%;
    left: 0;
    box-shadow: 0 0 0 7px #7b30ee2e;
  }
  .metric-card,
  .metric-card:nth-of-type(2n) {
    text-align: left;
    align-items: flex-start;
    min-height: 128px;
    padding: 18px 0 20px 18px;
  }
  .metric-card__rule,
  .metric-card:nth-of-type(2n) .metric-card__rule {
    background: linear-gradient(90deg, #fff, #a870ff 54%, #0000);
    inset: auto 0 0 18px;
    transform-origin: 0 !important;
  }
  .metric-card__value {
    font-size: clamp(3.25rem, 15.3vw, 4.2rem);
  }
  .metric-card__copy {
    margin-top: 10px;
  }
  .metric-card p {
    max-width: 30ch;
  }
  .audience-card {
    min-height: 88px;
  }
  .chapter-panel--kind-metrics,
  .chapter-panel--kind-audience,
  .chapter-panel--kind-roadmap {
    padding-right: 16px;
  }
  .chapter-panel--kind-audience {
    min-height: 150svh;
  }
  .chapter-panel--kind-metrics {
    min-height: 170svh;
  }
  .chapter-panel--kind-roadmap {
    min-height: 125svh;
  }
}
.reduce-motion .film-hero__reveal {
  display: none;
}
.reduce-motion .story-pin {
  height: auto;
  overflow: visible;
}
.reduce-motion .sticky-stage {
  display: none;
}
.reduce-motion .horizontal-viewport {
  pointer-events: auto;
  position: relative;
  inset: auto;
  overflow: visible;
}
.reduce-motion .chapter-track {
  width: 100%;
  height: auto;
  display: block;
}
.reduce-motion .chapter-panel {
  flex: none;
  width: 100%;
  height: auto;
  min-height: 100svh;
  padding: 120px clamp(30px, 9vw, 140px) 80px;
  justify-content: flex-start !important;
}
.reduce-motion .chapter-card {
  opacity: 1;
  width: min(720px, 78vw);
}
.reduce-motion .chapter-panel__portal {
  display: none;
}
.reduce-motion .chapter-backdrop__media {
  transform: none !important;
}
.reduce-motion [data-reveal-copy],
.reduce-motion [data-reveal-line] {
  opacity: 1 !important;
  transform: none !important;
}
.reduce-motion .language-gate__video {
  display: none;
}
.reduce-motion .language-gate__form,
.reduce-motion .language-gate__title,
.reduce-motion .language-gate__body,
.reduce-motion .language-gate__actions {
  opacity: 1 !important;
  transform: none !important;
}
.reduce-motion .chapter-panel.chapter-panel--automation {
  min-height: 100svh;
  padding: 0;
}
.reduce-motion .chapter-panel--automation .chapter-backdrop {
  height: auto;
  position: absolute;
  inset: 0;
}
.reduce-motion .chapter-panel--automation .chapter-backdrop__media {
  object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
  *,
  :before,
  :after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
    animation: none !important;
  }
}
.editorial-nav {
  opacity: 0;
  visibility: hidden;
  transition:
    color 0.45s ease,
    opacity 0.45s ease,
    transform 0.62s var(--ease-editorial),
    visibility 0.62s;
  transform: translate(-100%);
}
.editorial-nav.is-story-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.editorial-nav__chapters {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #ffffff73 transparent;
  min-height: 0;
  overflow-y: auto;
}
.film-hero {
  height: 180svh;
}
.film-hero__wordmark {
  transform-origin: 50%;
  will-change: transform, opacity;
  width: min(900px, 72vw);
  top: 43%;
  left: 50%;
  translate: -50% -50%;
}
.film-hero__claim {
  text-align: center;
  color: #fffffff0;
  will-change: transform, opacity;
  width: min(640px, 68vw);
  inset: 62% auto auto 50%;
  translate: -50%;
}
.film-hero__reveal {
  display: none;
}
.film-hero__scroll {
  bottom: 32px;
  left: 50%;
  right: auto;
  translate: -50%;
}
.chapter-panel--intro .chapter-backdrop__veil {
  background: linear-gradient(
    90deg,
    #1304347a 0%,
    #411291c7 48%,
    #20064ff7 100%
  );
}
.chapter-panel__portal {
  display: none;
}
.chapter-panel--way {
  z-index: 2;
  text-align: left;
  padding-left: clamp(112px, 7.5vw, 154px);
  padding-right: clamp(112px, 8vw, 152px);
  overflow: visible;
  justify-content: flex-end !important;
  align-items: center !important;
}
.chapter-panel--way .chapter-backdrop {
  inset: 0;
}
.chapter-panel--way .chapter-backdrop__veil {
  background:
    linear-gradient(
      90deg,
      #2c09691f 0%,
      #23075538 42%,
      #140435d1 70%,
      #0b021ff0 100%
    ),
    linear-gradient(#0000 35%, #0802188a);
}
.chapter-panel--way .chapter-card {
  width: min(570px, 35vw);
  margin-left: auto;
}
.chapter-panel--way .chapter-card__meta {
  justify-content: flex-start;
  gap: 28px;
}
.chapter-panel--way .chapter-card__title {
  white-space: normal;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 0.16em;
  max-width: 570px;
  margin: 24px 0 28px;
  font-size: clamp(3.1rem, 4.25vw, 5.4rem);
  line-height: 0.9;
  display: flex;
}
.chapter-title__word {
  margin: -0.1em -0.025em -0.14em;
  padding: 0.1em 0.025em 0.14em;
  display: inline-flex;
  overflow: hidden;
}
.chapter-title__word > i {
  will-change: transform, opacity;
  font-style: normal;
  display: inline-block;
}
[data-formed-title] {
  flex-wrap: nowrap;
  align-items: baseline;
  column-gap: 0.16em;
  display: flex;
  overflow: visible;
}
[data-formed-title][data-editorial-wrap] {
  white-space: normal;
  flex-wrap: wrap;
  row-gap: 0;
}
.chapter-panel--way .chapter-card__body {
  color: #ffffffdb;
  max-width: 570px;
  margin-inline: 0;
}
.way-visual {
  z-index: 5;
  pointer-events: none;
  width: min(43vw, 710px);
  height: min(88svh, 850px);
  position: absolute;
  bottom: 0;
  left: clamp(92px, 6.6vw, 132px);
  overflow: visible;
}
.way-visual__p,
.way-visual__person,
.way-visual__seal {
  will-change: transform, opacity;
  position: absolute;
}
.way-visual__p {
  width: 86%;
  height: 80%;
  top: 5%;
  left: 1%;
  overflow: visible;
}
.way-visual__p img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  animation: way-p-breathe 8s var(--ease-editorial) infinite alternate;
  overflow: visible;
}
.way-copy-letter {
  font-style: normal;
  display: inline-block;
  will-change: transform, opacity;
}
.way-visual__person {
  height: 96%;
  bottom: -3%;
  left: 7%;
  right: 2%;
}
.way-visual__person img {
  object-fit: contain;
  object-position: center bottom;
  width: 100%;
  height: 100%;
  animation: 7s ease-in-out infinite alternate way-person-float;
}
.way-visual__seal {
  --way-seal-size: clamp(240px, 20vw, 360px);
  --way-seal-half: clamp(120px, 10vw, 180px);
  top: calc(50% - var(--way-seal-half));
  right: calc(-1 * var(--way-seal-half) - clamp(40px, 3vw, 60px));
  z-index: 18;
  width: var(--way-seal-size);
  aspect-ratio: 1;
  pointer-events: auto;
}
.way-visual__seal-hover {
  filter: drop-shadow(0 28px 42px #10032d47);
  width: 100%;
  height: 100%;
  transition:
    transform 0.65s var(--ease-editorial),
    filter 0.65s ease;
  display: block;
}
.way-visual__seal img {
  transform-origin: 50%;
  width: 100%;
  height: 100%;
  animation: 42s linear infinite way-seal-spin;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .way-visual__seal:hover .way-visual__seal-hover {
    filter: drop-shadow(0 34px 52px #10032d61);
    transform: scale(1.065);
  }
}
@keyframes way-p-breathe {
  0% {
    filter: brightness(0.92);
    transform: scale(0.985);
  }
  to {
    filter: brightness(1.1);
    transform: scale(1.025);
  }
}
@keyframes way-person-float {
  0% {
    transform: translateY(3px) scale(0.997);
  }
  to {
    transform: translateY(-7px) scale(1.006);
  }
}
@keyframes way-seal-spin {
  to {
    transform: rotate(360deg);
  }
}
.phone-journeys {
  z-index: 6;
  pointer-events: none;
  position: absolute;
  inset: 0 0 0 74px;
  overflow: hidden;
}
.phone-journey-copy,
.phone-copy-state {
  position: absolute;
  inset: 0;
}
.phone-copy-state {
  color: #fff;
  text-shadow: 0 3px 34px #0a021c94;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  width: min(430px, 28vw);
  padding-block: 9svh;
  display: flex;
}
.phone-copy-state--left {
  text-align: left;
  align-items: flex-start;
  left: clamp(70px, 6vw, 118px);
  right: auto;
}
.phone-copy-state--right {
  text-align: right;
  align-items: flex-end;
  left: auto;
  right: clamp(70px, 6vw, 118px);
}
.phone-copy-state > strong,
.phone-copy-state--split strong {
  letter-spacing: -0.07em;
  white-space: nowrap;
  margin: -0.12em -0.04em -0.2em;
  padding: 0.12em 0.04em 0.2em;
  font: 400 clamp(4.3rem, 7.2vw, 8.8rem) / 0.82 BDO Grotesk;
  display: flex;
  overflow: hidden;
}
.phone-copy-state > strong i,
.phone-copy-state--split strong i {
  will-change: transform, opacity;
  flex: none;
  margin-inline: -0.012em;
  padding-inline: 0.025em;
  font-style: normal;
  display: block;
}
.phone-copy-state > p,
.phone-copy-state--split p {
  letter-spacing: -0.025em;
  max-width: 24ch;
  margin: 22px 0 0;
  font: 400 clamp(1.25rem, 1.65vw, 1.78rem) / 1.2 BDO Grotesk;
}
.phone-copy-state > small,
.phone-copy-state--split small {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ffffffb8;
  max-width: 38ch;
  margin-top: 15px;
  font: 500 clamp(0.65rem, 0.72vw, 0.78rem) / 1.4 BDO Grotesk;
  display: block;
}
.phone-copy-state > span {
  letter-spacing: 0.26em;
  color: #cbb3ff;
  margin-bottom: 18px;
  font: 600 0.64rem/1 BDO Grotesk;
}
.phone-copy-state > h3 {
  letter-spacing: -0.055em;
  text-wrap: balance;
  max-width: 10ch;
  margin: 0;
  font: 400 clamp(2.8rem, 4vw, 5rem) / 0.9 BDO Grotesk;
}
.phone-copy-state--split {
  grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
  justify-content: space-between;
  align-items: center;
  column-gap: min(32vw, 560px);
  width: auto;
  padding-inline: clamp(48px, 5vw, 92px);
  display: grid;
}
.phone-copy-state--split article:last-child {
  text-align: right;
}
.phone-copy-state--split strong {
  font-size: clamp(4.5rem, 6.2vw, 7.8rem);
}
.phone-copy-state--split p {
  font-size: clamp(1.2rem, 1.45vw, 1.6rem);
}
.phone-journey-copy--capabilities .phone-copy-state {
  width: min(520px, 32vw);
}
.phone-journey-copy--capabilities .phone-copy-state--left {
  left: clamp(92px, 7vw, 142px);
}
.phone-journey-copy--capabilities .phone-copy-state--right {
  right: clamp(92px, 7vw, 142px);
}
.phone-journey-copy--capabilities .phone-copy-state > h3 {
  max-width: 11ch;
  font-size: clamp(3.25rem, 4.65vw, 5.9rem);
  line-height: 0.86;
}
.phone-journey-copy--capabilities .phone-copy-state > h3 + p {
  max-width: 30ch;
  margin-top: 26px;
  font-size: clamp(1.25rem, 1.48vw, 1.65rem);
  line-height: 1.3;
}
.chapter-panel__edge {
  display: none;
}
.chapter-panel.chapter-panel--drop {
  justify-content: flex-end;
}
.chapter-panel--drop .chapter-backdrop__veil {
  background:
    linear-gradient(
      270deg,
      #0d0324fa 0%,
      #1d0745e6 42%,
      #3c117e94 72%,
      #6823d652 100%
    ),
    linear-gradient(#0f04261f 28%, #070213b8);
}
.metric-grid {
  box-shadow: none;
  border: 0;
}
.chapter-card__title.is-medium {
  font-size: clamp(3.2rem, 4.8vw, 5.7rem);
}
.chapter-card__title.is-long {
  font-size: clamp(2.35rem, 3.3vw, 4rem);
}
.chapter-card__title.is-very-long {
  font-size: clamp(2rem, 2.6vw, 3.1rem);
}
@media (width<=959px) {
  .film-hero {
    height: 145svh;
  }
  .film-hero__wordmark {
    width: min(760px, 84vw);
    top: 42%;
    left: 50%;
    translate: -50% -50%;
  }
  .film-hero__claim {
    text-align: center;
    width: 78vw;
    font-size: clamp(1.3rem, 6vw, 2.2rem);
    inset: 58% auto auto 50%;
    translate: -50%;
  }
  .film-hero__scroll {
    bottom: 24px;
    left: 50%;
    right: auto;
    translate: -50%;
  }
  .chapter-panel--way {
    text-align: left;
    flex-direction: column;
    min-height: 124svh;
    padding: 86px 20px 64px 78px;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }
  .chapter-panel--way .chapter-backdrop__veil {
    background: linear-gradient(
      #2307551a,
      #1b054452 42%,
      #0c0222e8 78%,
      #080218fa
    );
  }
  .way-visual {
    flex: none;
    width: 100%;
    height: min(50svh, 480px);
    margin: 0 0 8px;
    position: relative;
    bottom: auto;
    left: auto;
  }
  .way-visual__p {
    width: 92%;
    height: 86%;
    top: 4%;
    left: 2%;
  }
  .way-visual__person {
    height: 98%;
    bottom: -2%;
    left: 2%;
    right: -4%;
  }
  .way-visual__seal {
    --way-seal-size: clamp(124px, 34vw, 172px);
    --way-seal-half: clamp(62px, 17vw, 86px);
    left: calc(50% - var(--way-seal-half));
    top: auto;
    right: auto;
    bottom: calc(-1 * var(--way-seal-half));
  }
  .chapter-panel--way .chapter-card {
    width: 100%;
    max-width: 560px;
  }
  .chapter-panel--way .chapter-card__meta {
    justify-content: flex-start;
  }
  .chapter-panel--way .chapter-card__title {
    white-space: normal;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 0.16em;
    margin: 16px 0 20px;
    font-size: clamp(2.55rem, 11.7vw, 4.4rem);
    line-height: 0.9;
  }
  .chapter-panel--way .chapter-card__body {
    margin-inline: 0;
  }
  .chapter-card__title.is-medium,
  .chapter-card__title.is-long,
  .chapter-card__title.is-very-long {
    white-space: normal;
    font-size: clamp(2.35rem, 11vw, 4rem);
  }
  .phone-journeys {
    display: none;
  }
}
.reduce-motion .way-visual img {
  animation: none !important;
}
.film-hero {
  background: #16052f;
  height: 210svh;
}
.film-hero__stage {
  background: #16052f;
  padding-left: 74px;
}
.film-hero__canvas,
.film-hero__fallback {
  z-index: 0;
  width: calc(100% - 74px);
  height: 100%;
  position: absolute;
  inset: 0 0 0 74px;
}
.film-hero__canvas {
  display: block;
}
.film-hero__video-source {
  opacity: 0.001;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}
.film-hero__fallback {
  background: #32106f;
  display: none;
}
.intro-prelude {
  z-index: 4;
  pointer-events: none;
  will-change: opacity;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.intro-prelude:after {
  content: none;
}
.intro-prelude__metrics {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.film-hero__metric {
  color: #fff;
  opacity: 0;
  will-change: transform, opacity, filter;
  min-width: 0;
  margin: 0;
  padding: 0.04em 0 0.12em;
  position: absolute;
  top: clamp(48px, 6.5vh, 76px);
  left: clamp(136px, 8.6vw, 180px);
  right: clamp(36px, 5vw, 88px);
}
.film-hero__metric strong {
  letter-spacing: -0.08em;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  text-shadow: none;
  filter: none;
  align-items: flex-start;
  padding: 0.18em 0.015em 0.24em;
  font: 500 clamp(7rem, min(14.4vw, 30vh), 16.5rem) / 0.96 BDO Grotesk;
  display: flex;
}
.film-hero__metric[data-value-size="long"] strong {
  letter-spacing: -0.07em;
  font-size: clamp(6.5rem, min(12.4vw, 28vh), 14rem);
}
.film-hero__metric[data-value-size="medium"] strong {
  font-size: clamp(7rem, min(13.4vw, 29vh), 15.25rem);
}
.film-hero__digit {
  flex: none;
  margin: -0.2em -0.04em -0.28em;
  padding: 0.2em 0.075em 0.28em;
  display: inline-block;
  overflow: hidden;
}
.film-hero__digit > i {
  will-change: transform, opacity;
  text-shadow: none;
  filter: none;
  font-style: normal;
  display: block;
}
.film-hero__metric p {
  letter-spacing: -0.035em;
  text-wrap: balance;
  max-width: 760px;
  margin: clamp(24px, 3.2vh, 36px) 0 0;
  font: 400 clamp(1.45rem, 2vw, 2.35rem) / 1.08 BDO Grotesk;
}
.film-hero__metric small {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #ffffffad;
  max-width: 760px;
  margin-top: 16px;
  font: 500 0.62rem/1.4 BDO Grotesk;
  display: block;
}
.intro-prelude__navigation {
  z-index: 4;
  color: #fff;
  will-change: transform, opacity;
  align-items: center;
  gap: 18px;
  display: flex;
  position: absolute;
  bottom: clamp(34px, 5vh, 58px);
  left: clamp(136px, 8.6vw, 180px);
}
.intro-prelude__navigation > i {
  transform-origin: 0;
  background: #ffffffc2;
  width: clamp(42px, 4vw, 68px);
  height: 1px;
  display: block;
}
.intro-prelude__navigation p {
  letter-spacing: -0.025em;
  white-space: nowrap;
  margin: 0;
  font: 400 clamp(1rem, 1.45vw, 1.45rem) / 1.1 BDO Grotesk;
}
.intro-prelude__navigation p > span {
  align-items: baseline;
  gap: 0.26em;
  display: flex;
}
.intro-navigation__word {
  white-space: nowrap;
  display: inline-flex;
  overflow: hidden;
}
.intro-navigation__word > i {
  will-change: transform, opacity;
  font-style: normal;
  display: block;
}
.intro-prelude__navigation [data-intro-navigation-mobile] {
  display: none;
}
.intro-prelude__brand {
  z-index: 3;
  opacity: 0;
  will-change: transform, opacity;
  transform-origin: bottom;
  background: #25104c;
  position: absolute;
  inset: 0;
}
.intro-prelude__brand-film {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.editorial-nav {
  z-index: 70;
}
@media (width>=960px) {
  html:not(.reduce-motion) body.is-story-unlocked .film-hero {
    height: 100svh;
    overflow: visible;
  }
  html:not(.reduce-motion) body.is-story-unlocked .film-hero__stage {
    z-index: 0;
    will-change: transform;
    height: 100svh;
    position: fixed;
    inset: 0;
  }
  html:not(.reduce-motion) body.is-story-unlocked .story {
    z-index: 1;
    background: 0 0;
    margin-top: -100svh;
  }
}
@media (width<=959px) {
  .film-hero {
    height: 190svh;
  }
  .film-hero__stage {
    padding-left: 58px;
  }
  .film-hero__canvas,
  .film-hero__fallback {
    width: calc(100% - 58px);
    left: 58px;
  }
  .film-hero__metric {
    width: auto;
    top: 10vh;
    left: 84px;
    right: 20px;
  }
  .film-hero__metric strong,
  .film-hero__metric[data-value-size="long"] strong,
  .film-hero__metric[data-value-size="medium"] strong {
    letter-spacing: -0.065em;
    white-space: nowrap;
    font-size: clamp(2.85rem, min(13vw, 18vh), 5rem);
    line-height: 0.98;
  }
  .film-hero__metric p {
    max-width: 28ch;
    margin-top: 32px;
    font-size: clamp(1.18rem, 5.5vw, 1.85rem);
  }
  .film-hero__metric small {
    font-size: 0.5rem;
    line-height: 1.5;
  }
  .intro-prelude__navigation {
    left: 84px;
    right: 20px;
    bottom: max(24px, calc(env(safe-area-inset-bottom) + 14px));
    gap: 12px;
  }
  .intro-prelude__navigation > i {
    width: 30px;
  }
  .intro-prelude__navigation p {
    white-space: normal;
    font-size: 0.92rem;
  }
  .intro-prelude__navigation [data-intro-navigation-desktop] {
    display: none;
  }
  .intro-prelude__navigation [data-intro-navigation-mobile] {
    display: flex;
  }
  .intro-prelude__brand {
    background: linear-gradient(145deg, #7428f5 0%, #45189e 46%, #16072f 100%);
  }
  .intro-prelude__brand-film {
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    translate: none;
  }
}
.reduce-motion .film-hero {
  height: 100svh;
}
.reduce-motion .film-hero__canvas {
  display: none;
}
.reduce-motion .film-hero__fallback {
  display: block;
}
.reduce-motion .intro-prelude__metrics {
  display: none;
}
.reduce-motion .intro-prelude__brand {
  opacity: 1 !important;
  transform: none !important;
}
.reduce-motion .intro-prelude__brand-film {
  display: none;
}
@media (width<=959px) {
  .editorial-nav__rail {
    padding-top: max(14px, env(safe-area-inset-top));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .editorial-nav__menu,
  .editorial-nav__next {
    touch-action: manipulation;
    place-content: center;
    width: 58px;
    min-width: 58px;
    min-height: 52px;
  }
  .editorial-nav__next {
    min-height: 58px;
  }
  .editorial-nav__drawer {
    padding-top: max(26px, calc(env(safe-area-inset-top) + 14px));
    padding-bottom: max(26px, calc(env(safe-area-inset-bottom) + 14px));
  }
  .editorial-nav__drawer-head button,
  .editorial-nav__footer > button,
  .language-switch button {
    touch-action: manipulation;
    min-width: 44px;
    min-height: 44px;
  }
  .editorial-nav__chapters button {
    touch-action: manipulation;
    min-height: 44px;
  }
  .language-gate {
    padding: env(safe-area-inset-top) env(safe-area-inset-right)
      env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  .language-gate__frame {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 24px 20px;
  }
  .language-gate__panel {
    width: min(100%, 520px);
  }
  .button {
    touch-action: manipulation;
    min-height: 52px;
  }
  .chapter-panel {
    padding-top: max(102px, calc(env(safe-area-inset-top) + 78px));
    padding-right: max(20px, env(safe-area-inset-right));
    padding-bottom: max(58px, calc(env(safe-area-inset-bottom) + 34px));
  }
  .chapter-card__body {
    text-wrap: pretty;
    font-size: clamp(0.98rem, 4.35vw, 1.06rem);
    line-height: 1.52;
  }
  .chapter-backdrop {
    inset: 0;
  }
  .chapter-backdrop__media {
    width: 100%;
    height: 100%;
  }
  .metric-card,
  .audience-card,
  .path-experience,
  .cta-card {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .audience-card,
  .cta-card {
    touch-action: manipulation;
  }
  .parallax-cut {
    padding-top: max(7rem, calc(env(safe-area-inset-top) + 5rem));
    padding-bottom: max(7rem, calc(env(safe-area-inset-bottom) + 5rem));
  }
}
@media (width<=959px) and (height<=700px) {
  .language-gate__frame {
    padding-block: 14px;
  }
  .language-gate__form {
    width: 104px;
  }
  .language-gate__form--one {
    top: 2%;
  }
  .language-gate__form--two {
    bottom: 2%;
  }
  .language-gate__title {
    font-size: clamp(2.15rem, 10.5vw, 3.25rem);
    line-height: 0.9;
  }
  .language-gate__body {
    margin-top: 15px;
    font-size: 0.87rem;
    line-height: 1.38;
  }
  .language-gate__actions {
    gap: 8px;
    margin-top: 18px;
  }
  .button {
    min-height: 48px;
    padding-block: 11px;
  }
  .film-hero__metric {
    top: max(52px, 8vh);
  }
  .film-hero__metric strong {
    font-size: clamp(2.8rem, 12.5vw, 4.6rem);
  }
  .film-hero__metric p {
    margin-top: 20px;
    font-size: clamp(1.05rem, 4.8vw, 1.45rem);
  }
  .film-hero__metric small {
    margin-top: 10px;
  }
  .chapter-panel {
    padding-top: max(88px, calc(env(safe-area-inset-top) + 70px));
    padding-bottom: max(42px, calc(env(safe-area-inset-bottom) + 28px));
  }
  .chapter-card__title,
  .chapter-card__title.is-medium,
  .chapter-card__title.is-long,
  .chapter-card__title.is-very-long {
    font-size: clamp(2.15rem, 9.5vw, 3.35rem);
  }
}
.origin-shot--family figcaption {
  top: 18px;
  bottom: auto;
  right: 48%;
}
.origin-shot--care figcaption {
  inset: 18px 18px auto 42%;
}
.origin-shot--clinical figcaption {
  right: 24px;
}
@media (width>=960px) and (width<=1199px) {
  .chapter-panel--origin {
    padding-left: 104px;
    padding-right: 26px;
  }
  .chapter-panel--origin .chapter-card,
  .origin-atlas {
    grid-template-columns: minmax(260px, 0.74fr) minmax(430px, 1.26fr);
    column-gap: 24px;
  }
  .chapter-panel--origin .chapter-card {
    width: calc(100vw - 132px);
  }
  .chapter-panel--origin .chapter-card__title {
    font-size: clamp(2.45rem, 4vw, 3.6rem);
  }
  .chapter-panel--origin .chapter-card__body {
    font-size: 0.94rem;
  }
  .origin-atlas__gallery {
    min-height: clamp(470px, 76svh, 650px);
  }
  .origin-metric strong {
    font-size: clamp(2.25rem, 3.6vw, 3.6rem);
  }
  .origin-shot figcaption small {
    display: none;
  }
}
@media (width<=959px) {
  .chapter-panel--origin {
    min-height: 220svh;
    align-items: flex-start !important;
    padding: 104px 20px 72px 78px !important;
  }
  .chapter-panel--origin .chapter-card {
    color: #fff;
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }
  .chapter-panel--origin .chapter-card__title {
    max-width: 11ch;
    margin: 14px 0 20px;
    font-size: clamp(2.65rem, 10.8vw, 4.6rem);
    line-height: 0.9;
  }
  .chapter-panel--origin .chapter-card__body {
    max-width: 44ch;
    font-size: clamp(0.98rem, 4.15vw, 1.08rem);
  }
  .origin-atlas {
    flex-direction: column;
    min-height: 0;
    margin-top: 28px;
    display: flex;
  }
  .origin-atlas__metrics {
    order: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    padding-top: 0;
    display: grid;
  }
  .origin-metric {
    padding-top: 14px;
  }
  .origin-metric strong {
    font-size: clamp(2.4rem, 10vw, 4rem);
  }
  .origin-metric small {
    font-size: 0.47rem;
  }
  .origin-atlas__gallery {
    order: 2;
    width: 100%;
    min-height: clamp(720px, 108svh, 920px);
    margin-top: 30px;
  }
  .origin-shot--family {
    width: 84%;
    height: 39%;
    top: 0;
    left: 0;
    rotate: -0.8deg;
  }
  .origin-shot--care {
    width: 78%;
    height: 36%;
    top: 30%;
    right: 0;
    rotate: 0.75deg;
  }
  .origin-shot--clinical {
    width: 80%;
    height: 36%;
    bottom: 0;
    left: 3%;
    rotate: -0.45deg;
  }
  .origin-atlas__route {
    top: 52%;
    left: 2%;
    right: 0;
  }
  .origin-atlas__node--one {
    top: calc(52% - 13px);
    left: 6%;
  }
  .origin-atlas__node--two {
    top: calc(52% - 13px);
    right: 4%;
  }
  .origin-shot figcaption {
    bottom: 13px;
    left: 14px;
    right: 14px;
  }
  .origin-shot--family figcaption {
    top: 14px;
    bottom: auto;
    right: 42%;
  }
  .origin-shot--care figcaption {
    inset: 14px 14px auto 38%;
  }
  .origin-shot figcaption small {
    font-size: 0.64rem;
  }
}
@media (width<=520px) {
  .chapter-panel--origin {
    min-height: 236svh;
    padding-right: 16px !important;
  }
  .chapter-panel--origin .chapter-card__title {
    overflow-wrap: break-word;
    max-width: none;
    font-size: clamp(2.18rem, 9.4vw, 3.15rem);
    line-height: 0.92;
  }
  .origin-atlas__metrics {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .origin-metric {
    grid-template-columns: 122px 1fr;
    align-items: end;
    gap: 10px;
    padding: 13px 0 12px;
    display: grid;
  }
  .origin-metric__rule {
    right: 0;
  }
  .origin-metric strong {
    font-size: clamp(2.65rem, 13vw, 3.5rem);
  }
  .origin-metric--3 strong {
    font-size: clamp(2.45rem, 11.7vw, 3.25rem);
  }
  .origin-metric small {
    max-width: none;
    padding-bottom: 5px;
    font-size: 0.5rem;
  }
  .origin-atlas__gallery {
    min-height: clamp(760px, 112svh, 940px);
    margin-top: 22px;
  }
  .origin-shot--family {
    width: 90%;
    height: 37%;
  }
  .origin-shot--care {
    width: 86%;
    height: 35%;
    top: 29%;
  }
  .origin-shot--clinical {
    width: 87%;
    height: 35%;
    left: 1%;
  }
  .origin-shot figcaption {
    grid-template-columns: 22px 1fr;
    column-gap: 6px;
  }
  .origin-shot figcaption small {
    display: none;
  }
  .origin-shot--family figcaption {
    right: 34%;
  }
  .origin-shot--care figcaption {
    left: 31%;
  }
}
.reduce-motion .origin-atlas__route,
.reduce-motion .origin-atlas__node,
.reduce-motion .origin-metric,
.reduce-motion .origin-metric__rule,
.reduce-motion .origin-shot,
.reduce-motion .origin-shot figcaption {
  opacity: 1 !important;
  transform: none !important;
}
.drop-library {
  pointer-events: none;
}
.drop-book {
  isolation: isolate;
  will-change: width, right, transform, opacity, clip-path;
  background: #21074d;
  border: 1px solid #e1d0ff7a;
  margin: 0;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 34px 90px #0701187a;
}
.drop-book:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(#0f032529 24%, #0f032505 50%, #0c021fe6 100%),
    linear-gradient(110deg, #7228ff47, #0000 48%);
  position: absolute;
  inset: 0;
}
.drop-book__media {
  z-index: 0;
  background: #2a0b60;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.drop-book__media img {
  object-fit: cover;
  filter: saturate(0.86) contrast(1.04);
  will-change: transform;
  width: 100%;
  max-width: none;
  height: 100%;
}
.drop-book--1 .drop-book__media img {
  object-position: 52% 46%;
}
.drop-book--2 .drop-book__media img {
  object-position: 48% 44%;
}
.drop-book--3 .drop-book__media img {
  object-position: 50% 46%;
}
.drop-book__spine {
  z-index: 4;
  color: #fff;
  writing-mode: vertical-rl;
  will-change: opacity;
  background: linear-gradient(#571bbee6, #19053fd1);
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  display: flex;
  position: absolute;
  inset: 0;
  transform: rotate(180deg);
}
.drop-book__spine i {
  letter-spacing: 0.16em;
  font: 500 0.58rem/1 BDO Grotesk;
}
.drop-book__spine b {
  letter-spacing: 0.19em;
  text-transform: uppercase;
  font: 500 0.64rem/1 BDO Grotesk;
}
.drop-book figcaption {
  z-index: 4;
  color: #fff;
  text-shadow: 0 4px 26px #050112b8;
  will-change: transform, opacity;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, 1.6svh, 18px);
  display: flex;
  position: absolute;
  bottom: clamp(26px, 4.5svh, 54px);
  left: clamp(24px, 2.3vw, 42px);
  right: clamp(24px, 2.3vw, 42px);
}
.drop-book figcaption > span {
  letter-spacing: 0.16em;
  color: #d4bfff;
  grid-row: 1/3;
  padding-top: 7px;
  font: 500 0.58rem/1 BDO Grotesk;
}
.drop-book figcaption strong {
  letter-spacing: -0.06em;
  white-space: normal;
  font: 400 clamp(2.15rem, 3.2vw, 4.1rem) / 0.88 BDO Grotesk;
}
.drop-book figcaption small {
  color: #ffffffdb;
  max-width: 38ch;
  margin: 0;
  font: 400 clamp(0.92rem, 1.1vw, 1.15rem) / 1.4 BDO Grotesk;
  display: block;
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--drop {
    padding-left: clamp(116px, 8.4vw, 164px);
    padding-right: 0;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .chapter-panel--drop .chapter-backdrop__veil {
    background:
      linear-gradient(
        90deg,
        #1d0747fa 0%,
        #1f0749f0 36%,
        #340e6fb8 58%,
        #6f22e76b 100%
      ),
      linear-gradient(#0000 28%, #0702139e);
  }
  .chapter-panel--drop .chapter-card {
    z-index: 10;
    text-shadow: 0 4px 34px #05011285;
    width: min(550px, 28.5vw);
    margin: 0;
  }
  .chapter-panel--drop .chapter-card__title,
  .chapter-panel--drop .chapter-card__title.is-medium,
  .chapter-panel--drop .chapter-card__title.is-long,
  .chapter-panel--drop .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 12ch;
    margin: 16px 0 20px;
    font-size: clamp(2.5rem, 3.55vw, 4.75rem);
    line-height: 0.9;
  }
  .chapter-panel--drop .chapter-card__body {
    max-width: 31vw;
    font-size: clamp(0.96rem, 1.05vw, 1.15rem);
    line-height: 1.48;
  }
  .chapter-panel--drop .chapter-card__highlights {
    max-width: 31vw;
    margin-top: 18px;
  }
  .drop-library {
    z-index: 7;
    isolation: isolate;
    position: absolute;
    inset: 0 0 0 37vw;
    overflow: hidden;
  }
  .drop-book {
    width: 100%;
    top: 5.5svh;
    bottom: 5.5svh;
    right: 0;
  }
  .drop-book--1,
  .drop-book--2,
  .drop-book--3 {
    right: 0;
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--drop {
    flex-direction: column;
    display: flex;
    overflow: hidden;
    justify-content: flex-start !important;
    align-items: stretch !important;
    min-height: auto !important;
    padding: 104px 18px 76px 78px !important;
  }
  .chapter-panel--drop .chapter-backdrop__veil {
    background: linear-gradient(
      #230853fa,
      #1b0643e0 27%,
      #390f77a3 62%,
      #0d0322f5
    );
  }
  .chapter-panel--drop .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0 0 44px;
  }
  .chapter-panel--drop .chapter-card__title,
  .chapter-panel--drop .chapter-card__title.is-medium,
  .chapter-panel--drop .chapter-card__title.is-long,
  .chapter-panel--drop .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 12ch;
    margin: 14px 0 18px;
    font-size: clamp(2.4rem, 10.4vw, 4.2rem);
    line-height: 0.91;
  }
  .chapter-panel--drop .chapter-card__body {
    max-width: 42ch;
  }
  .chapter-panel--drop .chapter-card__highlights {
    max-width: 38ch;
    display: grid;
  }
  .drop-library {
    z-index: 8;
    gap: 18px;
    width: 100%;
    display: grid;
    position: relative;
    inset: auto;
    overflow: visible;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .drop-book {
    height: min(76svh, 720px);
    min-height: 520px;
    box-shadow: 0 22px 58px #07011866;
    width: 100% !important;
    position: relative !important;
    inset: auto !important;
  }
  .drop-book figcaption {
    gap: 10px;
    bottom: 24px;
    left: 20px;
    right: 20px;
  }
  .drop-book figcaption strong {
    font-size: clamp(2.05rem, 8.5vw, 3.2rem);
  }
  .drop-book figcaption small {
    font-size: 0.94rem;
  }
  .drop-book__spine {
    padding: 15px 0;
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--drop {
    padding-right: 14px !important;
  }
  .chapter-panel--drop .chapter-card__title,
  .chapter-panel--drop .chapter-card__title.is-medium,
  .chapter-panel--drop .chapter-card__title.is-long,
  .chapter-panel--drop .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.2rem, 9.7vw, 3.35rem);
  }
  .drop-book {
    height: 72svh;
    min-height: 470px;
  }
  .drop-book figcaption strong {
    font-size: clamp(2rem, 8.3vw, 3rem);
  }
}
.reduce-motion .chapter-panel--drop {
  height: auto;
  min-height: auto !important;
  padding: 120px clamp(30px, 9vw, 140px) 80px !important;
  display: block !important;
}
.reduce-motion .chapter-panel--drop .chapter-card {
  width: min(760px, 78vw);
  margin-bottom: 44px;
}
.reduce-motion .drop-library {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  display: grid;
  position: relative;
  inset: auto;
  overflow: visible;
  opacity: 1 !important;
  visibility: visible !important;
}
.reduce-motion .drop-book {
  height: min(68svh, 680px);
  opacity: 1 !important;
  visibility: visible !important;
  clip-path: none !important;
  width: 100% !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}
.reduce-motion .drop-book__spine {
  display: none;
}
.reduce-motion .drop-book figcaption {
  opacity: 1 !important;
  transform: none !important;
}
@media (width<=760px) {
  .reduce-motion .drop-library {
    grid-template-columns: 1fr;
  }
  .reduce-motion .chapter-panel--drop .chapter-card {
    width: 100%;
  }
}
@media (width>=960px) {
  .way-visual {
    height: min(82svh, 790px);
    top: 50%;
    bottom: auto;
    translate: 0 -50%;
  }
  .way-visual__p {
    width: 84%;
    height: 82%;
    top: 4%;
    left: 2%;
  }
  .way-visual__person {
    height: 94%;
    bottom: 0;
  }
  .chapter-panel--way .chapter-card {
    translate: 0 -2svh;
  }
  .phone-copy-state > strong,
  .phone-copy-state--split strong {
    margin: -0.16em -0.09em -0.22em;
    padding: 0.16em 0.09em 0.22em;
    line-height: 0.9;
    overflow: visible;
  }
  .phone-copy-state--split p {
    font-size: clamp(1.45rem, 1.72vw, 1.95rem);
    line-height: 1.17;
  }
  .phone-copy-state > h3 {
    flex-wrap: wrap;
    gap: 0 0.2em;
    max-width: 12ch;
    display: flex;
    overflow: hidden;
  }
  .phone-copy-state > h3 [data-phone-word] {
    white-space: nowrap;
    display: flex;
  }
  .phone-copy-state > h3 i {
    white-space: pre;
    will-change: transform, opacity;
    font-style: normal;
    display: block;
  }
  .phone-copy-state > h3 + p {
    font-size: clamp(1.28rem, 1.55vw, 1.68rem);
    line-height: 1.28;
  }
  .chapter-panel--caregiverGap {
    padding-top: 64px;
    padding-bottom: 58px;
    align-items: center !important;
  }
  .chapter-panel--caregiverGap .chapter-backdrop__veil {
    background:
      linear-gradient(90deg, #0f032afa, #2d0b65e0 48%, #5b1dbc9e),
      linear-gradient(#0000 30%, #080218b8);
  }
  .chapter-panel--caregiverGap .chapter-card {
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(480px, 0.9fr) minmax(570px, 1.1fr);
    align-items: center;
    column-gap: clamp(48px, 6vw, 110px);
    width: min(1500px, 83vw);
    display: grid;
  }
  .chapter-panel--caregiverGap .chapter-card__meta,
  .chapter-panel--caregiverGap .chapter-card__title,
  .chapter-panel--caregiverGap .chapter-card__body {
    grid-column: 1;
  }
  .chapter-panel--caregiverGap .chapter-card__title,
  .chapter-panel--caregiverGap .chapter-card__title.is-long,
  .chapter-panel--caregiverGap .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 10.5ch;
    margin: 18px 0 26px;
    font-size: clamp(4.2rem, 6.3vw, 7.7rem);
    line-height: 0.82;
  }
  .chapter-panel--caregiverGap .chapter-card__body {
    max-width: 42ch;
    font-size: clamp(1.15rem, 1.35vw, 1.48rem);
  }
  .caregiver-system {
    grid-area: 1/2/4;
    align-self: center;
    align-items: center;
    min-height: 72svh;
    padding: 8svh 0;
    display: grid;
    position: relative;
  }
  .caregiver-system__cards {
    gap: 18px;
    display: grid;
    position: relative;
  }
  .caregiver-orbit {
    -webkit-backdrop-filter: blur(24px) saturate(145%);
    backdrop-filter: blur(24px) saturate(145%);
    will-change: transform, opacity;
    min-height: 126px;
    transition:
      scale 0.45s var(--ease-editorial),
      border-color 0.4s,
      background-color 0.4s,
      box-shadow 0.45s;
    background: linear-gradient(135deg, #ffffff29, #ffffff0e);
    border: 1px solid #ede2ff40;
    border-radius: 26px;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 22px;
    padding: 22px 28px;
    animation: 6.5s ease-in-out infinite alternate caregiver-float;
    display: grid;
    position: relative;
    box-shadow:
      0 28px 75px #0701183d,
      inset 0 1px #fff3;
  }
  .caregiver-orbit:nth-child(2) {
    margin-left: 7vw;
    animation-delay: -2.2s;
  }
  .caregiver-orbit:nth-child(3) {
    margin-left: 2vw;
    animation-delay: -4.1s;
  }
  .caregiver-orbit:hover {
    background-color: #8448f42e;
    border-color: #ffffff94;
    scale: 1.018;
    box-shadow:
      0 34px 92px #07011852,
      inset 0 1px #ffffff52;
  }
  .caregiver-orbit:hover .caregiver-orbit__icon {
    scale: 1.08;
  }
  .caregiver-orbit__icon {
    aspect-ratio: 1;
    width: 66px;
    transition: scale 0.42s var(--ease-editorial);
    background: linear-gradient(145deg, #a368ffe0, #5718bfb8);
    border: 1px solid #ffffff57;
    border-radius: 50%;
    place-items: center;
    display: grid;
    box-shadow: 0 16px 38px #4a12ac61;
  }
  .caregiver-orbit strong {
    letter-spacing: -0.045em;
    font: 400 clamp(1.55rem, 2vw, 2.35rem) / 1 BDO Grotesk;
    display: block;
  }
  .caregiver-orbit p {
    color: #ffffffbf;
    max-width: 38ch;
    margin: 10px 0 0;
    font-size: clamp(0.94rem, 1vw, 1.1rem);
    line-height: 1.4;
  }
  .chapter-panel--origin .chapter-card {
    grid-template-columns: minmax(420px, 0.82fr) minmax(650px, 1.18fr);
  }
  .chapter-panel--origin .chapter-card__title {
    max-width: 9ch;
    font-size: clamp(3.7rem, 5.4vw, 6.8rem);
  }
  .chapter-panel--origin .chapter-card__body {
    font-size: clamp(1.05rem, 1.18vw, 1.28rem);
  }
  .origin-atlas {
    pointer-events: auto;
    grid-template-columns: minmax(420px, 0.82fr) minmax(650px, 1.18fr);
  }
  .origin-atlas__metrics {
    grid-template-columns: 1fr;
    align-self: end;
    gap: 0;
    padding: clamp(250px, 33svh, 330px) 0 0;
    display: grid;
  }
  .origin-metric {
    color: #fff;
    text-align: left;
    cursor: pointer;
    opacity: 0.44;
    width: 100%;
    transition:
      opacity 0.35s ease,
      transform 0.55s var(--ease-editorial);
    background: 0 0;
    border: 0;
    grid-template-columns: minmax(180px, 0.48fr) 1fr 28px;
    align-items: end;
    padding: 17px 4px 17px 0;
    display: grid;
  }
  .origin-metric:hover,
  .origin-metric.is-active,
  .origin-atlas[data-active-origin="0"] .origin-metric:first-child,
  .origin-atlas[data-active-origin="1"] .origin-metric:nth-child(2),
  .origin-atlas[data-active-origin="2"] .origin-metric:nth-child(3) {
    opacity: 1;
  }
  .origin-metric strong {
    font-size: clamp(3.5rem, 5vw, 6.2rem);
  }
  .origin-metric small {
    max-width: none;
    margin: 0 0 0.5em;
    font-size: clamp(0.65rem, 0.8vw, 0.86rem);
  }
  .origin-metric > i {
    align-self: center;
    font: 300 1.5rem/1 BDO Grotesk;
  }
  .origin-atlas__gallery {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: #3c108a6b;
    border: 1px solid #ecdeff45;
    border-radius: 34px;
    min-height: 82svh;
    overflow: hidden;
    box-shadow: 0 38px 100px #05011657;
  }
  .origin-shot,
  .origin-shot--family,
  .origin-shot--care,
  .origin-shot--clinical {
    width: 100%;
    height: 100%;
    rotate: 0;
    z-index: 1;
    pointer-events: none;
    inset: 0;
  }
  .origin-shot.is-active {
    z-index: 2;
    pointer-events: auto;
  }
  .origin-shot__frame {
    box-shadow: none;
    border: 0;
    inset: 0;
  }
  .origin-shot figcaption {
    grid-template-columns: 1fr;
    display: grid;
    bottom: clamp(28px, 4svh, 52px);
    left: clamp(28px, 3vw, 52px);
    right: clamp(28px, 3vw, 52px);
  }
  .origin-shot figcaption strong {
    font-size: clamp(2.4rem, 3.4vw, 4.4rem);
  }
  .origin-shot figcaption em {
    font-size: 0.72rem;
  }
  .origin-shot figcaption small {
    max-width: 42ch;
    font-size: clamp(0.95rem, 1vw, 1.08rem);
  }
  .chapter-panel--drop .chapter-card__title,
  .chapter-panel--drop .chapter-card__title.is-medium,
  .chapter-panel--drop .chapter-card__title.is-long,
  .chapter-panel--drop .chapter-card__title.is-very-long {
    font-size: clamp(3.4rem, 4.5vw, 5.8rem);
  }
  .chapter-panel--drop .chapter-card__body {
    font-size: clamp(1.08rem, 1.2vw, 1.3rem);
  }
}
@keyframes caregiver-float {
  0% {
    translate: 0 5px;
  }
  to {
    translate: 0 -8px;
  }
}
@media (width<=959px) {
  .caregiver-system {
    margin-top: 34px;
  }
  .caregiver-system__cards {
    gap: 14px;
    display: grid;
  }
  .caregiver-orbit {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #ffffff1a;
    border: 1px solid #ffffff3d;
    border-radius: 22px;
    grid-template-columns: 58px 1fr;
    gap: 15px;
    padding: 18px;
    display: grid;
  }
  .caregiver-orbit__icon {
    aspect-ratio: 1;
    background: #7428ff;
    border-radius: 50%;
    place-items: center;
    width: 56px;
    display: grid;
  }
  .caregiver-orbit strong {
    font-size: 1.28rem;
  }
  .caregiver-orbit p {
    margin: 7px 0 0;
    font-size: 0.92rem;
    line-height: 1.4;
  }
  .origin-atlas {
    pointer-events: auto;
  }
  .origin-metric {
    color: #fff;
    text-align: left;
    background: 0 0;
    border: 0;
  }
  .origin-metric > i {
    display: none;
  }
  .origin-shot,
  .origin-shot--family,
  .origin-shot--care,
  .origin-shot--clinical {
    width: 100%;
    height: 100%;
    rotate: 0;
    opacity: 0;
    inset: 0;
  }
  .origin-shot.is-active {
    opacity: 1;
  }
}
.reduce-motion .caregiver-orbit {
  animation: none !important;
}
.origin-summary {
  grid-area: 1/2/4;
  align-self: center;
  gap: clamp(12px, 1.8svh, 20px);
  width: 100%;
  padding-left: clamp(30px, 4vw, 76px);
  display: grid;
}
.origin-summary article {
  will-change: transform, opacity;
  grid-template-columns: minmax(220px, 0.72fr) minmax(190px, 1fr);
  align-items: end;
  gap: clamp(22px, 2.4vw, 42px);
  min-height: clamp(118px, 15svh, 154px);
  padding-top: clamp(15px, 2svh, 24px);
  display: grid;
  position: relative;
}
.origin-summary article > span {
  will-change: transform;
  background: linear-gradient(90deg, #fff, #a66eff 58%, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.origin-summary strong {
  letter-spacing: -0.06em;
  color: #fff;
  white-space: nowrap;
  font: 400 clamp(4.2rem, 6.2vw, 7.4rem) / 0.84 BDO Grotesk;
}
.origin-summary small {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #d8c5ff;
  max-width: 22ch;
  padding-bottom: 0.72em;
  font: 500 clamp(0.68rem, 0.86vw, 0.92rem) / 1.35 BDO Grotesk;
}
@media (width>=960px) {
  .chapter-panel--originFracture {
    padding: 42px clamp(34px, 4vw, 72px) 38px clamp(112px, 8.5vw, 154px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--originFracture .chapter-backdrop__veil {
    background:
      radial-gradient(circle at 72% 18%, #853eff42, #0000 35%),
      linear-gradient(112deg, #130430fc 0%, #29095bf0 48%, #491597c7 100%);
  }
  .chapter-panel--originFracture .chapter-card {
    grid-template-rows: auto auto 1fr;
    grid-template-columns: minmax(420px, 0.82fr) minmax(650px, 1.18fr);
    align-content: center;
    column-gap: clamp(38px, 4.5vw, 78px);
    width: min(1380px, 86vw);
    height: min(790px, 88svh);
    display: grid;
  }
  .chapter-panel--originFracture .chapter-card__meta,
  .chapter-panel--originFracture .chapter-card__title,
  .chapter-panel--originFracture .chapter-card__body {
    grid-column: 1;
    position: relative;
    left: clamp(72px, 6vw, 104px);
  }
  .chapter-panel--originFracture .chapter-card__title {
    max-width: 9ch;
    margin: 15px 0 18px;
    font-size: clamp(3.7rem, 5.4vw, 6.8rem);
    line-height: 0.88;
  }
  .chapter-panel--originFracture .chapter-card__body {
    max-width: 42ch;
    font-size: clamp(1.05rem, 1.18vw, 1.28rem);
  }
  .chapter-panel--originFracture .origin-atlas {
    pointer-events: auto;
    grid-area: 1/2/4;
    display: block;
    position: relative;
  }
  .chapter-panel--originFracture .origin-atlas__gallery {
    min-height: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.15vw, 18px);
    display: grid;
    position: absolute;
    inset: 0;
    overflow: visible;
  }
  .chapter-panel--originFracture .origin-atlas__metrics {
    z-index: 12;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
    display: grid;
    position: absolute;
    bottom: clamp(18px, 2.6svh, 30px);
    left: clamp(22px, 2vw, 38px);
    right: clamp(22px, 2vw, 38px);
  }
  .chapter-panel--originFracture .origin-metric {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: #1204306b;
    grid-template-columns: 42px 1fr 20px;
    padding: 13px 2px 10px;
  }
  .chapter-panel--originFracture .origin-metric strong {
    font-size: clamp(1.35rem, 1.8vw, 2.1rem);
  }
  .chapter-panel--originFracture .origin-metric small {
    margin: 0 0 0.2em;
    font-size: clamp(0.52rem, 0.62vw, 0.68rem);
  }
  .chapter-panel--originFracture .origin-shot,
  .chapter-panel--originFracture .origin-shot--family,
  .chapter-panel--originFracture .origin-shot--care,
  .chapter-panel--originFracture .origin-shot--clinical {
    width: 100%;
    height: 78%;
    rotate: 0;
    opacity: 1;
    pointer-events: none;
    align-self: center;
    position: relative;
    inset: auto;
  }
  .chapter-panel--originFracture .origin-shot:nth-child(2) {
    margin-top: 7svh;
  }
  .chapter-panel--originFracture .origin-shot:nth-child(3) {
    margin-top: -4svh;
  }
  .chapter-panel--originFracture .origin-shot__frame {
    border: 1px solid #e8daff6b;
    border-radius: 22px;
    inset: 0;
    box-shadow: 0 34px 84px #07011861;
  }
}
@media (width<=959px) {
  [data-formed-title] {
    white-space: normal;
    flex-wrap: wrap;
  }
  .origin-summary {
    gap: 18px;
    width: 100%;
    margin-top: 34px;
    padding: 0;
    display: grid;
  }
  .origin-summary article {
    grid-template-columns: minmax(120px, 0.48fr) minmax(0, 1fr);
    gap: 16px;
    min-height: 110px;
  }
  .origin-summary strong {
    font-size: clamp(3.5rem, 16vw, 6rem);
  }
  .chapter-panel--originFracture {
    min-height: 260svh;
    align-items: flex-start !important;
    padding: 104px 20px 72px 78px !important;
  }
  .chapter-panel--originFracture .chapter-card {
    width: 100%;
    height: auto;
    display: block;
  }
  .chapter-panel--originFracture .origin-atlas {
    flex-direction: column;
    min-height: 0;
    margin-top: 28px;
    display: flex;
  }
  .chapter-panel--originFracture .origin-atlas__gallery {
    width: 100%;
    min-height: 0;
    box-shadow: none;
    background: 0 0;
    border: 0;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 0;
    display: grid;
    position: relative;
  }
  .chapter-panel--originFracture .origin-shot,
  .chapter-panel--originFracture .origin-shot--family,
  .chapter-panel--originFracture .origin-shot--care,
  .chapter-panel--originFracture .origin-shot--clinical {
    width: 100%;
    height: 46svh;
    rotate: 0;
    opacity: 1;
    position: relative;
    inset: auto;
  }
  .chapter-panel--originFracture .origin-shot__frame {
    border-radius: 18px;
  }
}
.reduce-motion .origin-summary article,
.reduce-motion .origin-summary article > span {
  opacity: 1 !important;
  transform: none !important;
}
.film-hero__metric strong,
.film-hero__metric .film-hero__digit:last-child {
  padding-right: 0.14em;
}
.chapter-panel--dashboard .chapter-backdrop {
  inset: 0;
}
.chapter-panel--dashboard .chapter-backdrop__media {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.chapter-panel--dashboard .chapter-backdrop__veil {
  background:
    radial-gradient(circle at 82% 22%, #9e5dff3d, #0000 34%),
    linear-gradient(90deg, #170539e8 0%, #1f0748bd 48%, #370e7766 100%),
    linear-gradient(#0000 42%, #0a021ba8);
}
.dashboard-atlas {
  color: #fff;
  pointer-events: none;
  min-width: 0;
  padding-top: 30px;
  position: relative;
}
.dashboard-atlas__axis {
  will-change: transform;
  background: linear-gradient(90deg, #fff 0%, #b989ff 58%, #b989ff0a 100%);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.dashboard-atlas__node {
  color: #fff;
  will-change: transform, opacity;
  background: #6d1fdb;
  place-items: center;
  width: 30px;
  height: 30px;
  font: 300 1.45rem/1 BDO Grotesk;
  display: grid;
  position: absolute;
  top: 0;
  right: 0;
  translate: 50% -50%;
  box-shadow: 0 0 0 8px #7e38ee33;
}
.dashboard-atlas__metrics {
  grid-template-rows: repeat(3, minmax(0, 1fr));
  display: grid;
}
.dashboard-metric {
  transform-origin: 0;
  grid-template-columns: minmax(116px, 0.38fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 2vw, 34px);
  min-height: clamp(112px, 15svh, 148px);
  padding: 18px 0;
  display: grid;
  position: relative;
}
.dashboard-metric__rule {
  will-change: transform;
  background: linear-gradient(90deg, #ffffffe6, #ad78ff9e 56%, #0000);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.dashboard-metric__value-wrap {
  min-width: 0;
  margin: -0.16em -0.12em -0.22em;
  padding: 0.16em 0.12em 0.22em;
  overflow: hidden;
}
.dashboard-metric strong {
  letter-spacing: -0.085em;
  white-space: nowrap;
  will-change: transform, opacity;
  font: 400 clamp(4.25rem, 5.6vw, 7rem) / 0.8 BDO Grotesk;
  display: block;
}
.dashboard-metric__copy {
  will-change: transform, opacity;
  min-width: 0;
}
.dashboard-metric__copy span {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d8c5ff;
  font: 500 0.6rem/1 BDO Grotesk;
  display: block;
}
.dashboard-metric__copy p {
  color: #ffffffe0;
  text-wrap: pretty;
  max-width: 38ch;
  margin: 12px 0 0;
  font-size: clamp(0.88rem, 1vw, 1.05rem);
  line-height: 1.4;
}
.dashboard-atlas__caption {
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #cfb9f7;
  will-change: transform, opacity;
  margin: 20px 0 0;
  font: 500 0.58rem/1.35 BDO Grotesk;
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--dashboard {
    padding: clamp(62px, 7svh, 92px) clamp(38px, 4.6vw, 84px)
      clamp(56px, 6svh, 82px) clamp(114px, 8.2vw, 158px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--dashboard .chapter-card {
    grid-template-rows: auto auto 1fr;
    grid-template-columns: minmax(390px, 0.92fr) minmax(480px, 1.08fr);
    align-items: center;
    column-gap: clamp(52px, 6vw, 108px);
    width: min(1540px, 86vw);
    margin: 0;
    display: grid;
  }
  .chapter-panel--dashboard .chapter-card__meta,
  .chapter-panel--dashboard .chapter-card__title,
  .chapter-panel--dashboard .chapter-card__body {
    grid-column: 1;
  }
  .chapter-panel--dashboard .chapter-card__meta {
    align-self: end;
  }
  .chapter-panel--dashboard .chapter-card__title,
  .chapter-panel--dashboard .chapter-card__title.is-medium,
  .chapter-panel--dashboard .chapter-card__title.is-long,
  .chapter-panel--dashboard .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
    width: 100%;
    max-width: 11ch;
    margin: 18px 0 24px;
    font-size: clamp(3.4rem, 5vw, 6.4rem);
    line-height: 0.86;
    overflow: visible;
  }
  .chapter-panel--dashboard [data-formed-title] {
    flex-wrap: wrap;
    row-gap: 0;
    min-width: 0;
  }
  .chapter-panel--dashboard .chapter-title__word {
    margin-inline: -0.065em;
    padding-inline: 0.065em;
  }
  .chapter-panel--dashboard .chapter-card__body {
    align-self: start;
    max-width: 48ch;
    font-size: clamp(1rem, 1.16vw, 1.28rem);
    line-height: 1.48;
  }
  .chapter-panel--dashboard .dashboard-atlas {
    grid-area: 1/2/4;
    align-self: center;
  }
}
@media (width>=960px) and (width<=1280px) {
  .chapter-panel--dashboard .chapter-card {
    grid-template-columns: minmax(320px, 0.82fr) minmax(430px, 1.18fr);
    column-gap: 42px;
  }
  .chapter-panel--dashboard .chapter-card__title,
  .chapter-panel--dashboard .chapter-card__title.is-medium,
  .chapter-panel--dashboard .chapter-card__title.is-long,
  .chapter-panel--dashboard .chapter-card__title.is-very-long {
    font-size: clamp(3rem, 4.5vw, 4.75rem);
  }
  .dashboard-metric {
    grid-template-columns: 112px 1fr;
    min-height: 118px;
  }
  .dashboard-metric strong {
    font-size: clamp(3.8rem, 5.2vw, 5.4rem);
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--dashboard {
    min-height: 150svh;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 104px 18px 74px 78px !important;
  }
  .chapter-panel--dashboard .chapter-backdrop__veil {
    background: linear-gradient(#1c0644bd, #2308529c 40%, #0c0221f0 100%);
  }
  .chapter-panel--dashboard .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
  }
  .chapter-panel--dashboard .chapter-card__title,
  .chapter-panel--dashboard .chapter-card__title.is-medium,
  .chapter-panel--dashboard .chapter-card__title.is-long,
  .chapter-panel--dashboard .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
    max-width: 12ch;
    margin: 15px 0 20px;
    font-size: clamp(2.65rem, 11vw, 4.5rem);
    line-height: 0.89;
  }
  .chapter-panel--dashboard .chapter-card__body {
    max-width: 43ch;
  }
  .dashboard-atlas {
    margin-top: 46px;
    padding-top: 24px;
  }
  .dashboard-metric {
    grid-template-columns: minmax(98px, 30vw) 1fr;
    gap: 18px;
    min-height: 128px;
    padding: 20px 0;
  }
  .dashboard-metric strong {
    font-size: clamp(3.55rem, 15vw, 5.4rem);
  }
  .dashboard-metric__copy p {
    font-size: clamp(0.84rem, 3.6vw, 0.98rem);
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--dashboard {
    min-height: 160svh;
    padding-right: 14px !important;
  }
  .chapter-panel--dashboard .chapter-card__title,
  .chapter-panel--dashboard .chapter-card__title.is-medium,
  .chapter-panel--dashboard .chapter-card__title.is-long,
  .chapter-panel--dashboard .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.25rem, 9.8vw, 3.5rem);
    line-height: 0.91;
  }
  .dashboard-metric {
    grid-template-columns: clamp(96px, 30vw, 112px) minmax(0, 1fr);
    gap: 12px;
    min-height: 122px;
  }
  .dashboard-metric strong {
    font-size: clamp(2.65rem, 11.8vw, 3.75rem);
  }
  .dashboard-metric__copy span {
    font-size: 0.52rem;
  }
  .dashboard-atlas__caption {
    font-size: 0.52rem;
    line-height: 1.45;
  }
}
.reduce-motion .dashboard-atlas__axis,
.reduce-motion .dashboard-atlas__node,
.reduce-motion .dashboard-metric,
.reduce-motion .dashboard-metric__rule,
.reduce-motion .dashboard-metric strong,
.reduce-motion .dashboard-metric__copy,
.reduce-motion .dashboard-atlas__caption {
  opacity: 1 !important;
  transform: none !important;
}
.chapter-panel--triage .chapter-backdrop__veil {
  background:
    radial-gradient(circle at 78% 18%, #8841ff3d, #0000 36%),
    linear-gradient(
      90deg,
      #11032df7 0%,
      #1e0749e6 43%,
      #41128a9e 72%,
      #621ecf5c 100%
    ),
    linear-gradient(#0000 38%, #080218c7);
}
.triage-gallery {
  color: #fff;
  pointer-events: none;
  min-width: 0;
  height: min(800px, 88svh);
  position: relative;
}
.triage-gallery__rail {
  z-index: 20;
  will-change: transform;
  background: linear-gradient(#ffffffe6, #b889ff8c 72%, #0000);
  width: 1px;
  position: absolute;
  top: 4%;
  bottom: 4%;
  left: clamp(3px, 0.5vw, 8px);
}
.triage-gallery__stack {
  position: absolute;
  inset: 0 0 0 clamp(22px, 2.2vw, 40px);
}
.triage-shot {
  will-change: transform, opacity, clip-path;
  margin: 0;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.triage-shot__frame {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #2a0a61;
  border: 1px solid #ecdfff4d;
  border-radius: 28px;
  position: absolute;
  inset: 4% 0 15%;
  overflow: hidden;
  box-shadow: 0 40px 100px #0701196b;
}
.triage-shot__frame:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#0000 48%, #0c02239e);
  position: absolute;
  inset: 0;
}
.triage-shot__frame img {
  object-fit: cover;
  object-position: center;
  filter: saturate(0.88) contrast(1.04);
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1.02);
}
.triage-shot figcaption {
  z-index: 4;
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  backdrop-filter: blur(18px) saturate(1.18);
  will-change: transform, opacity;
  background: linear-gradient(135deg, #2a0a60c7, #6625cd59);
  border: 1px solid #ebddff47;
  border-radius: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 44px 1fr;
  align-items: end;
  column-gap: 16px;
  padding: 18px 20px;
  display: grid;
  position: absolute;
  bottom: 4.5%;
  left: clamp(18px, 2vw, 34px);
  right: clamp(18px, 2vw, 34px);
  box-shadow:
    inset 0 1px #ffffff2e,
    0 22px 58px #06011447;
}
.triage-shot figcaption > span {
  letter-spacing: -0.05em;
  color: #c7a8ff;
  grid-row: 1/3;
  align-self: center;
  font: 400 clamp(1.5rem, 2vw, 2.4rem) / 1 BDO Grotesk;
}
.triage-shot figcaption > strong {
  letter-spacing: -0.02em;
  font: 500 clamp(1rem, 1.25vw, 1.35rem) / 1.1 BDO Grotesk;
}
.triage-shot figcaption > small {
  color: #ffffffb8;
  margin-top: 5px;
  font: 400 clamp(0.7rem, 0.78vw, 0.86rem) / 1.35 BDO Grotesk;
}
.triage-gallery__progress {
  z-index: 24;
  gap: 8px;
  width: 44px;
  display: grid;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
}
.triage-gallery__progress i {
  will-change: transform, opacity;
  background: #fff;
  width: 100%;
  height: 2px;
  display: block;
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--triage {
    padding: clamp(50px, 6svh, 78px) clamp(40px, 4.2vw, 76px)
      clamp(48px, 5svh, 72px) clamp(114px, 8.4vw, 158px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--triage .chapter-card {
    grid-template-rows: auto auto auto 1fr;
    grid-template-columns: minmax(500px, 0.86fr) minmax(600px, 1.14fr);
    align-items: center;
    column-gap: clamp(54px, 6vw, 112px);
    width: min(1600px, 87vw);
    height: min(820px, 88svh);
    margin: 0;
    display: grid;
  }
  .chapter-panel--triage .chapter-card__meta,
  .chapter-panel--triage .chapter-card__title,
  .chapter-panel--triage .chapter-card__body,
  .chapter-panel--triage .chapter-card__highlights {
    grid-column: 1;
  }
  .chapter-panel--triage .chapter-card__meta {
    align-self: end;
  }
  .chapter-panel--triage .chapter-card__title,
  .chapter-panel--triage .chapter-card__title.is-medium,
  .chapter-panel--triage .chapter-card__title.is-long,
  .chapter-panel--triage .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    overflow-wrap: normal;
    max-width: 10.4ch;
    margin: 18px 0 26px;
    font-size: clamp(4rem, 5.5vw, 7.2rem);
    line-height: 0.84;
    overflow: visible;
  }
  .chapter-panel--triage [data-formed-title] {
    flex-wrap: wrap;
    row-gap: 0;
    min-width: 0;
  }
  .chapter-panel--triage .chapter-title__word {
    margin-inline: -0.065em;
    padding-inline: 0.065em;
  }
  .chapter-panel--triage .chapter-card__body {
    max-width: 43ch;
    font-size: clamp(1.18rem, 1.42vw, 1.58rem);
    line-height: 1.42;
  }
  .chapter-panel--triage .chapter-card__highlights {
    align-self: start;
    gap: 10px;
    max-width: 42ch;
    margin-top: 24px;
    display: grid;
  }
  .chapter-panel--triage .chapter-card__highlights li {
    font-size: clamp(0.94rem, 1vw, 1.08rem);
  }
  .chapter-panel--triage .triage-gallery {
    grid-area: 1/2/5;
    align-self: center;
  }
}
@media (width>=960px) and (width<=1280px) {
  .chapter-panel--triage .chapter-card {
    grid-template-columns: minmax(390px, 0.82fr) minmax(500px, 1.18fr);
    column-gap: 42px;
  }
  .chapter-panel--triage .chapter-card__title,
  .chapter-panel--triage .chapter-card__title.is-medium,
  .chapter-panel--triage .chapter-card__title.is-long,
  .chapter-panel--triage .chapter-card__title.is-very-long {
    font-size: clamp(3.2rem, 4.6vw, 5.1rem);
  }
  .triage-gallery {
    height: min(680px, 82svh);
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--triage {
    min-height: 210svh;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 104px 18px 74px 78px !important;
  }
  .chapter-panel--triage .chapter-backdrop__veil {
    background: linear-gradient(#1b0643b8, #2308529e 38%, #0c0221f2 100%);
  }
  .chapter-panel--triage .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
  }
  .chapter-panel--triage .chapter-card__title,
  .chapter-panel--triage .chapter-card__title.is-medium,
  .chapter-panel--triage .chapter-card__title.is-long,
  .chapter-panel--triage .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 11ch;
    margin: 15px 0 20px;
    font-size: clamp(2.8rem, 11.2vw, 4.6rem);
    line-height: 0.88;
    overflow: visible;
  }
  .chapter-panel--triage .chapter-card__body {
    max-width: 42ch;
    font-size: clamp(1rem, 4.35vw, 1.14rem);
  }
  .chapter-panel--triage .chapter-card__highlights {
    gap: 7px;
    margin-top: 20px;
    display: grid;
  }
  .chapter-panel--triage .triage-gallery {
    width: 100%;
    height: min(84svh, 720px);
    margin-top: 42px;
  }
  .triage-gallery__stack {
    left: 18px;
  }
  .triage-shot__frame {
    border-radius: 20px;
    inset: 2% 0 18%;
  }
  .triage-shot figcaption {
    border-radius: 15px;
    padding: 15px 14px;
    bottom: 5%;
    left: 12px;
    right: 12px;
  }
  .triage-gallery__progress {
    right: -6px;
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--triage {
    min-height: 225svh;
    padding-right: 14px !important;
  }
  .chapter-panel--triage .chapter-card__title,
  .chapter-panel--triage .chapter-card__title.is-medium,
  .chapter-panel--triage .chapter-card__title.is-long,
  .chapter-panel--triage .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.42rem, 10.2vw, 3.55rem);
    line-height: 0.9;
  }
  .chapter-panel--triage .chapter-card__highlights {
    display: grid;
  }
  .chapter-panel--triage .triage-gallery {
    height: 78svh;
    min-height: 590px;
  }
  .triage-shot figcaption {
    grid-template-columns: 34px 1fr;
    column-gap: 10px;
  }
  .triage-shot figcaption > small {
    font-size: 0.68rem;
  }
}
.reduce-motion .triage-gallery__rail,
.reduce-motion .triage-shot,
.reduce-motion .triage-shot figcaption,
.reduce-motion .triage-gallery__progress i {
  opacity: 1 !important;
  transform: none !important;
}
.reduce-motion .triage-shot:not(:last-child) {
  display: none;
}
.chapter-panel--family .chapter-backdrop__media {
  filter: saturate(0.92) brightness(0.72);
}
.chapter-panel--family .chapter-backdrop__veil {
  background:
    radial-gradient(circle at 12% 20%, #7c2ff461, #0000 38%),
    linear-gradient(
      90deg,
      #11032dfa 0%,
      #1b0643f5 43%,
      #2c0c66d6 72%,
      #150438f2 100%
    );
}
.family-carousel {
  color: #fff;
  pointer-events: none;
  min-width: 0;
  height: min(820px, 88svh);
  position: relative;
  overflow: hidden;
}
.family-carousel__axis {
  z-index: 30;
  will-change: transform;
  background: linear-gradient(#fff 0%, #c092ffa8 76%, #0000);
  width: 1px;
  position: absolute;
  top: 3%;
  bottom: 3%;
  left: 0;
}
.family-carousel__stack {
  position: absolute;
  inset: 0 0 0 clamp(24px, 2.2vw, 42px);
  overflow: hidden;
}
.family-shot {
  will-change: transform, opacity;
  margin: 0;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.family-shot__frame {
  background: #251052;
  border: 1px solid #eee1ff4d;
  border-radius: 30px;
  position: absolute;
  inset: 2% 0 12%;
  overflow: hidden;
  box-shadow: 0 38px 110px #0601167a;
}
.family-shot__frame:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#0000 42%, #0d0324b8);
  position: absolute;
  inset: 0;
}
.family-shot__frame img {
  object-fit: cover;
  object-position: center 45%;
  filter: saturate(0.88) contrast(1.03);
  will-change: transform;
  width: 100%;
  height: 100%;
  display: block;
}
.family-shot figcaption {
  z-index: 5;
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  backdrop-filter: blur(20px) saturate(1.18);
  will-change: transform, opacity;
  background: linear-gradient(135deg, #1f074bd6, #6526cf6b);
  border: 1px solid #eddeff4d;
  border-radius: 19px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  align-items: end;
  column-gap: clamp(14px, 1.4vw, 24px);
  padding: 20px 22px;
  display: grid;
  position: absolute;
  bottom: 3.5%;
  left: clamp(18px, 2vw, 34px);
  right: clamp(18px, 2vw, 34px);
  box-shadow:
    inset 0 1px #ffffff2e,
    0 24px 62px #06011459;
}
.family-shot figcaption > span {
  letter-spacing: 0.18em;
  color: #cdb7ff;
  white-space: nowrap;
  grid-row: 1/3;
  align-self: center;
  font: 500 clamp(0.66rem, 0.72vw, 0.78rem) / 1 BDO Grotesk;
}
.family-shot figcaption > strong {
  letter-spacing: -0.025em;
  font: 500 clamp(1.12rem, 1.42vw, 1.58rem) / 1.05 BDO Grotesk;
}
.family-shot figcaption > small {
  color: #ffffffc2;
  margin-top: 6px;
  font: 400 clamp(0.75rem, 0.86vw, 0.94rem) / 1.3 BDO Grotesk;
}
.family-carousel__progress {
  z-index: 32;
  gap: 7px;
  width: min(250px, 34%);
  display: flex;
  position: absolute;
  top: 4%;
  right: 16px;
}
.family-carousel__progress i {
  will-change: transform, opacity;
  background: #fff;
  flex: 1;
  height: 2px;
  display: block;
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--family {
    padding: clamp(48px, 5.5svh, 72px) clamp(36px, 3.8vw, 68px)
      clamp(46px, 5svh, 68px) clamp(112px, 8.2vw, 154px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--family .chapter-card {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(470px, 0.82fr) minmax(620px, 1.18fr);
    align-items: center;
    column-gap: clamp(52px, 5.5vw, 104px);
    width: min(1640px, 88vw);
    height: min(840px, 90svh);
    margin: 0;
    display: grid;
  }
  .chapter-panel--family .chapter-card__meta,
  .chapter-panel--family .chapter-card__title,
  .chapter-panel--family .chapter-card__body,
  .chapter-panel--family .chapter-card__highlights {
    grid-column: 1;
  }
  .chapter-panel--family .chapter-card__meta {
    align-self: end;
  }
  .chapter-panel--family .chapter-card__title,
  .chapter-panel--family .chapter-card__title.is-medium,
  .chapter-panel--family .chapter-card__title.is-long,
  .chapter-panel--family .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 9.5ch;
    margin: 18px 0 26px;
    font-size: clamp(4.1rem, 5.6vw, 7.4rem);
    line-height: 0.84;
    overflow: visible;
  }
  .chapter-panel--family [data-formed-title] {
    flex-wrap: wrap;
    row-gap: 0;
    min-width: 0;
  }
  .chapter-panel--family .chapter-title__word {
    margin-inline: -0.065em;
    padding-inline: 0.065em;
  }
  .chapter-panel--family .chapter-card__body {
    max-width: 42ch;
    font-size: clamp(1.16rem, 1.38vw, 1.54rem);
    line-height: 1.43;
  }
  .chapter-panel--family .chapter-card__highlights {
    align-self: start;
    gap: 10px;
    max-width: 40ch;
    margin-top: 24px;
    display: grid;
  }
  .chapter-panel--family .chapter-card__highlights li {
    font-size: clamp(0.94rem, 1vw, 1.08rem);
  }
  .chapter-panel--family .family-carousel {
    grid-area: 1/2/5;
    align-self: center;
  }
}
@media (width>=960px) and (width<=1240px) {
  .chapter-panel--family .chapter-card {
    grid-template-columns: minmax(380px, 0.78fr) minmax(500px, 1.22fr);
    column-gap: 40px;
  }
  .chapter-panel--family .chapter-card__title,
  .chapter-panel--family .chapter-card__title.is-medium,
  .chapter-panel--family .chapter-card__title.is-long,
  .chapter-panel--family .chapter-card__title.is-very-long {
    font-size: clamp(3.25rem, 4.7vw, 5.25rem);
  }
  .family-carousel {
    height: min(700px, 82svh);
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--family {
    min-height: 175svh;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 104px 16px 74px 78px !important;
  }
  .chapter-panel--family .chapter-backdrop__veil {
    background: linear-gradient(#300d70cc, #1c0644d4 42%, #0a021df7 100%);
  }
  .chapter-panel--family .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
  }
  .chapter-panel--family .chapter-card__title,
  .chapter-panel--family .chapter-card__title.is-medium,
  .chapter-panel--family .chapter-card__title.is-long,
  .chapter-panel--family .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 10ch;
    margin: 15px 0 20px;
    font-size: clamp(2.75rem, 11.2vw, 4.5rem);
    line-height: 0.88;
    overflow: visible;
  }
  .chapter-panel--family .chapter-card__body {
    max-width: 42ch;
    font-size: clamp(1rem, 4.35vw, 1.14rem);
  }
  .chapter-panel--family .chapter-card__highlights {
    gap: 7px;
    margin-top: 20px;
    display: grid;
  }
  .chapter-panel--family .family-carousel {
    width: 100%;
    height: min(91svh, 760px);
    min-height: 620px;
    margin-top: 42px;
  }
  .family-carousel__stack {
    left: 18px;
  }
  .family-shot__frame {
    border-radius: 21px;
    inset: 1% 0 15%;
  }
  .family-shot figcaption {
    border-radius: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding: 15px 14px;
    bottom: 4%;
    left: 12px;
    right: 12px;
  }
  .family-shot figcaption > span {
    grid-row: auto;
    margin-bottom: 9px;
  }
  .family-carousel__progress {
    width: 42%;
    top: 2%;
    right: 10px;
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--family {
    min-height: 180svh;
    padding-right: 12px !important;
  }
  .chapter-panel--family .chapter-card__title,
  .chapter-panel--family .chapter-card__title.is-medium,
  .chapter-panel--family .chapter-card__title.is-long,
  .chapter-panel--family .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.38rem, 10.3vw, 3.5rem);
  }
  .chapter-panel--family .chapter-card__highlights {
    display: grid;
  }
  .chapter-panel--family .family-carousel {
    height: 84svh;
    min-height: 610px;
  }
}
.reduce-motion .family-carousel__axis,
.reduce-motion .family-shot,
.reduce-motion .family-shot figcaption,
.reduce-motion .family-carousel__progress i {
  opacity: 1 !important;
  transform: none !important;
}
.reduce-motion .family-shot:not(:last-child) {
  display: none;
}
.chapter-panel--difference .chapter-backdrop__media {
  filter: saturate(0.72) contrast(1.06) brightness(0.72);
}
.chapter-panel--difference .chapter-backdrop__veil {
  background:
    linear-gradient(90deg, #1e0749c7 0%, #19053fd6 42%, #0c0222f5 100%),
    linear-gradient(#0000 32%, #0a021b9e);
}
.difference-system {
  color: #fff;
  min-width: 0;
}
.difference-brand {
  align-items: center;
  min-height: clamp(82px, 10svh, 112px);
  padding-top: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.difference-brand__rule {
  will-change: transform;
  background: linear-gradient(90deg, #fff, #a977ff 58%, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.difference-brand__mask {
  width: min(100%, 630px);
  display: block;
  overflow: hidden;
}
.difference-brand img {
  filter: brightness(0) invert();
  will-change: transform, opacity, clip-path;
  width: 100%;
  max-width: none;
  display: block;
}
.difference-capabilities {
  gap: 13px;
  margin-top: clamp(18px, 2.4svh, 28px);
  display: grid;
}
.difference-capability {
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
  will-change: transform, opacity;
  min-height: clamp(104px, 13svh, 132px);
  transition:
    transform 0.5s var(--ease-editorial),
    border-color 0.4s,
    background-color 0.4s,
    box-shadow 0.5s;
  background: linear-gradient(135deg, #ffffff29, #7428ff14);
  border: 1px solid #ece0ff47;
  border-radius: 24px;
  grid-template-columns: clamp(58px, 4.8vw, 82px) 1fr 24px;
  align-items: center;
  gap: clamp(14px, 1.35vw, 24px);
  padding: 18px clamp(18px, 1.7vw, 28px);
  display: grid;
  position: relative;
  box-shadow:
    inset 0 1px #ffffff2e,
    0 24px 70px #06011647;
}
.difference-capability:hover {
  background-color: #8041f033;
  border-color: #ffffff8f;
  transform: translateY(-4px) scale(1.012);
  box-shadow:
    inset 0 1px #ffffff47,
    0 34px 84px #06011661;
}
.difference-capability__index {
  letter-spacing: -0.07em;
  color: #b78cff;
  font: 400 clamp(2.35rem, 3.4vw, 4.25rem) / 0.82 BDO Grotesk;
}
.difference-capability strong {
  letter-spacing: -0.035em;
  font: 500 clamp(1.32rem, 1.55vw, 1.8rem) / 1 BDO Grotesk;
  display: block;
}
.difference-capability p {
  color: #ffffffc2;
  max-width: 48ch;
  margin: 9px 0 0;
  font-size: clamp(0.82rem, 0.9vw, 1rem);
  line-height: 1.38;
}
.difference-capability > i {
  color: #d6bfff;
  font: 300 1.55rem/1 BDO Grotesk;
}
.difference-system__caption {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d3bdff;
  margin: 16px 0 0;
  font: 500 clamp(0.62rem, 0.72vw, 0.78rem) / 1.35 BDO Grotesk;
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--difference {
    padding: clamp(46px, 5svh, 66px) clamp(38px, 4vw, 72px)
      clamp(44px, 5svh, 64px) clamp(112px, 8.2vw, 154px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--difference .chapter-card {
    grid-template-columns: minmax(480px, 0.9fr) minmax(590px, 1.1fr);
    align-items: center;
    column-gap: clamp(52px, 5.5vw, 100px);
    width: min(1640px, 88vw);
    height: min(850px, 90svh);
    margin: 0;
    display: grid;
  }
  .chapter-panel--difference .chapter-card__editorial {
    grid-column: 1;
    min-width: 0;
  }
  .chapter-panel--difference .chapter-card__title,
  .chapter-panel--difference .chapter-card__title.is-medium,
  .chapter-panel--difference .chapter-card__title.is-long,
  .chapter-panel--difference .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 11.5ch;
    margin: 18px 0 26px;
    font-size: clamp(3.55rem, 4.9vw, 6.45rem);
    line-height: 0.86;
    overflow: visible;
  }
  .chapter-panel--difference [data-formed-title] {
    flex-wrap: wrap;
    row-gap: 0;
    min-width: 0;
  }
  .chapter-panel--difference .chapter-title__word {
    margin-inline: -0.065em;
    padding-inline: 0.065em;
  }
  .chapter-panel--difference .chapter-card__body {
    max-width: 42ch;
    font-size: clamp(1.08rem, 1.24vw, 1.36rem);
    line-height: 1.44;
  }
  .chapter-panel--difference .difference-system {
    grid-column: 2;
    align-self: center;
  }
}
@media (width>=960px) and (width<=1240px) {
  .chapter-panel--difference .chapter-card {
    grid-template-columns: minmax(380px, 0.78fr) minmax(500px, 1.22fr);
    column-gap: 38px;
  }
  .chapter-panel--difference .chapter-card__title,
  .chapter-panel--difference .chapter-card__title.is-medium,
  .chapter-panel--difference .chapter-card__title.is-long,
  .chapter-panel--difference .chapter-card__title.is-very-long {
    font-size: clamp(3rem, 4.2vw, 4.8rem);
  }
  .difference-capability {
    min-height: 100px;
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--difference {
    min-height: 185svh;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 104px 16px 74px 78px !important;
  }
  .chapter-panel--difference .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
  }
  .chapter-panel--difference .chapter-card__editorial {
    display: block;
  }
  .chapter-panel--difference .chapter-card__title,
  .chapter-panel--difference .chapter-card__title.is-medium,
  .chapter-panel--difference .chapter-card__title.is-long,
  .chapter-panel--difference .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 11ch;
    margin: 15px 0 20px;
    font-size: clamp(2.55rem, 10.6vw, 4rem);
    line-height: 0.9;
    overflow: visible;
  }
  .chapter-panel--difference .chapter-card__body {
    max-width: 40ch;
    font-size: clamp(1rem, 4.3vw, 1.13rem);
  }
  .difference-system {
    margin-top: 34px;
  }
  .difference-brand {
    min-height: 72px;
  }
  .difference-brand__mask {
    width: min(100%, 430px);
  }
  .difference-capability {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-radius: 20px;
    grid-template-columns: 54px 1fr 18px;
    min-height: 118px;
    padding: 17px 15px;
  }
  .difference-capability__index {
    font-size: 2.65rem;
  }
  .difference-capability strong {
    font-size: 1.3rem;
  }
  .difference-capability p {
    font-size: 0.9rem;
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--difference {
    min-height: 200svh;
    padding-right: 12px !important;
  }
  .chapter-panel--difference .chapter-card__title,
  .chapter-panel--difference .chapter-card__title.is-medium,
  .chapter-panel--difference .chapter-card__title.is-long,
  .chapter-panel--difference .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.28rem, 9.9vw, 3.35rem);
  }
  .difference-capability {
    grid-template-columns: 48px 1fr;
    min-height: 128px;
  }
  .difference-capability > i {
    display: none;
  }
}
.reduce-motion .difference-brand__rule,
.reduce-motion .difference-brand img,
.reduce-motion .difference-capability,
.reduce-motion .difference-system__caption {
  opacity: 1 !important;
  clip-path: none !important;
  transform: none !important;
}
@media (width<=959px) {
  html:not(.reduce-motion) .chapter-panel.chapter-panel--automation {
    background: #1c0743 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 650svh !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }
  html:not(.reduce-motion) .chapter-panel--automation .chapter-backdrop {
    width: 100% !important;
    height: 100svh !important;
    position: sticky !important;
    inset: 0 auto auto !important;
    overflow: hidden !important;
  }
  html:not(.reduce-motion) .chapter-panel--automation .chapter-backdrop__media {
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
}
.chapter-panel--audience .chapter-backdrop__media {
  filter: saturate(1.08) contrast(1.04);
}
.chapter-panel--audience .chapter-backdrop__veil {
  background:
    linear-gradient(105deg, #140434f0 0%, #2e0a68d6 47%, #7122eb94 100%),
    radial-gradient(circle at 78% 16%, #aa70ff47, #0000 36%);
}
.audience-grid {
  isolation: isolate;
  background: 0 0;
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}
.audience-card {
  text-align: left;
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
  color: #fff;
  cursor: pointer;
  will-change: transform, opacity;
  min-width: 0;
  min-height: clamp(164px, 19svh, 194px);
  transition:
    transform 0.48s var(--ease-editorial),
    border-color 0.4s,
    background-color 0.4s,
    box-shadow 0.48s;
  background: linear-gradient(135deg, #fff2, #5c1dc321);
  border: 1px solid #eee2ff3d;
  border-radius: 24px;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: clamp(18px, 2svh, 24px) clamp(19px, 1.45vw, 26px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px #ffffff2b,
    0 22px 64px #07011c3d;
}
.audience-card:after {
  content: "";
  pointer-events: none;
  height: 90%;
  transition:
    transform 0.55s var(--ease-editorial),
    opacity 0.4s;
  background: radial-gradient(circle, #9e63ff3d, #0000 68%);
  border-radius: 50%;
  position: absolute;
  inset: auto -12% -58% 32%;
}
.audience-card__top {
  z-index: 1;
  align-items: center;
  gap: 14px;
  width: 100%;
  display: flex;
  position: relative;
}
.audience-card__top b {
  letter-spacing: 0.16em;
  color: #d5c2ff;
  flex: none;
  font: 500 0.68rem/1 BDO Grotesk;
}
.audience-card__rule {
  background: linear-gradient(90deg, #ffffffe6, #be97ff5c 72%, #0000);
  flex: 1;
  height: 1px;
  display: block;
}
.audience-card__label {
  z-index: 1;
  letter-spacing: -0.045em;
  flex-wrap: wrap;
  gap: 0 0.24em;
  margin-top: 2px;
  font: 400 clamp(1.42rem, 1.65vw, 2rem) / 0.96 BDO Grotesk;
  display: flex;
  position: relative;
}
.audience-card__word {
  margin: -0.08em -0.03em -0.14em;
  padding: 0.08em 0.03em 0.14em;
  display: inline-flex;
  overflow: hidden;
}
.audience-card__label i {
  width: auto;
  height: auto;
  font: inherit;
  transform-origin: bottom;
  will-change: transform, opacity;
  background: 0 0;
  margin: 0;
  font-style: normal;
  transition: none;
  display: inline-block;
  transform: none;
}
.audience-card__detail {
  z-index: 1;
  color: #ffffffb8;
  align-self: start;
  max-width: 31ch;
  font-size: clamp(0.82rem, 0.78vw, 0.96rem);
  line-height: 1.32;
  position: relative;
}
.audience-card em {
  z-index: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ffffffa8;
  grid-column: auto;
  font: 600 0.57rem/1.2 BDO Grotesk;
  transition: color 0.35s;
  position: relative;
}
.audience-card.is-selected {
  z-index: 2;
  background: linear-gradient(135deg, #9d57ff80, #4911a55c);
  border-color: #ffffffa3;
  box-shadow:
    inset 0 1px #ffffff52,
    0 28px 72px #0a022459;
}
.audience-card.is-selected .audience-card__rule {
  background: linear-gradient(90deg, #fff, #c8a8ff 64%, #0000);
}
.audience-card.is-selected em {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .audience-card:hover {
    z-index: 3;
    background: linear-gradient(135deg, #ad6cff61, #4a12a64d);
    border-color: #ffffff94;
    transform: translateY(-5px) scale(1.012);
    box-shadow:
      inset 0 1px #ffffff4d,
      0 34px 84px #07011c61;
  }
  .audience-card:hover:after {
    opacity: 0.92;
    transform: scale(1.18);
  }
  .audience-card:hover em {
    color: #fff;
  }
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--audience {
    padding: clamp(42px, 4.5svh, 62px) clamp(36px, 3.8vw, 68px)
      clamp(42px, 4.5svh, 62px) clamp(112px, 8.2vw, 154px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--audience .chapter-card {
    grid-template-columns: minmax(380px, 0.72fr) minmax(650px, 1.28fr);
    align-items: center;
    column-gap: clamp(48px, 5vw, 92px);
    width: min(1640px, 88vw);
    height: min(850px, 91svh);
    margin: 0;
    display: grid;
  }
  .chapter-panel--audience .chapter-card__editorial {
    grid-column: 1;
    min-width: 0;
  }
  .chapter-panel--audience .chapter-card__title,
  .chapter-panel--audience .chapter-card__title.is-medium,
  .chapter-panel--audience .chapter-card__title.is-long,
  .chapter-panel--audience .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 9.5ch;
    margin: 18px 0 26px;
    font-size: clamp(3.45rem, 4.65vw, 6.1rem);
    line-height: 0.87;
    overflow: visible;
  }
  .chapter-panel--audience [data-formed-title] {
    flex-wrap: wrap;
    row-gap: 0;
    min-width: 0;
  }
  .chapter-panel--audience .chapter-title__word {
    margin-inline: -0.065em;
    padding-inline: 0.065em;
  }
  .chapter-panel--audience .chapter-card__body {
    max-width: 38ch;
    font-size: clamp(1.04rem, 1.12vw, 1.26rem);
    line-height: 1.48;
  }
  .chapter-panel--audience .audience-grid {
    grid-column: 2;
    align-self: center;
  }
}
@media (width>=960px) and (width<=1240px) {
  .chapter-panel--audience .chapter-card {
    grid-template-columns: minmax(320px, 0.68fr) minmax(540px, 1.32fr);
    column-gap: 34px;
  }
  .chapter-panel--audience .chapter-card__title,
  .chapter-panel--audience .chapter-card__title.is-medium,
  .chapter-panel--audience .chapter-card__title.is-long,
  .chapter-panel--audience .chapter-card__title.is-very-long {
    font-size: clamp(2.85rem, 4vw, 4.5rem);
  }
  .audience-card {
    min-height: 148px;
    padding: 16px 18px;
  }
  .audience-card__label {
    font-size: clamp(1.22rem, 1.55vw, 1.65rem);
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--audience {
    min-height: 180svh;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 104px 16px 76px 78px !important;
  }
  .chapter-panel--audience .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
  }
  .chapter-panel--audience .chapter-card__editorial {
    display: block;
  }
  .chapter-panel--audience .chapter-card__title,
  .chapter-panel--audience .chapter-card__title.is-medium,
  .chapter-panel--audience .chapter-card__title.is-long,
  .chapter-panel--audience .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 11ch;
    margin: 15px 0 20px;
    font-size: clamp(2.55rem, 10.2vw, 4rem);
    line-height: 0.9;
    overflow: visible;
  }
  .chapter-panel--audience .chapter-card__body {
    max-width: 40ch;
    font-size: clamp(1rem, 4.2vw, 1.13rem);
  }
  .chapter-panel--audience .audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
  }
  .audience-card {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 20px;
    min-height: 160px;
    padding: 17px 16px;
  }
  .audience-card__label {
    font-size: clamp(1.3rem, 4.8vw, 1.7rem);
  }
  .audience-card__detail {
    font-size: 0.86rem;
  }
}
@media (width<=620px) {
  .chapter-panel.chapter-panel--audience {
    min-height: 185svh;
    padding-right: 12px !important;
  }
  .chapter-panel--audience .chapter-card__title,
  .chapter-panel--audience .chapter-card__title.is-medium,
  .chapter-panel--audience .chapter-card__title.is-long,
  .chapter-panel--audience .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.3rem, 9.8vw, 3.35rem);
  }
  .chapter-panel--audience .audience-grid {
    grid-template-columns: 1fr;
  }
  .audience-card {
    min-height: 154px;
  }
  .audience-card__label {
    font-size: clamp(1.42rem, 6.1vw, 1.8rem);
  }
}
.reduce-motion .audience-card,
.reduce-motion .audience-card__rule,
.reduce-motion [data-audience-index],
.reduce-motion [data-audience-letter],
.reduce-motion [data-audience-copy] {
  opacity: 1 !important;
  transform: none !important;
}
.chapter-panel--path .chapter-backdrop__media {
  filter: saturate(0.74) contrast(1.04) brightness(0.72);
}
.chapter-panel--path .chapter-backdrop__veil {
  background:
    linear-gradient(100deg, #1c0644e6 0%, #1e0748c7 45%, #0c0221f0 100%),
    radial-gradient(circle at 18% 18%, #a768ff40, #0000 35%);
}
.path-experience {
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  backdrop-filter: blur(26px) saturate(145%);
  isolation: isolate;
  background: linear-gradient(140deg, #ffffff2b, #6924d817 52%, #18053d61);
  border: 1px solid #eee2ff4d;
  border-radius: 30px;
  max-width: none;
  margin: 0;
  padding: clamp(25px, 2.1vw, 36px);
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px #ffffff38,
    0 34px 94px #06011657;
}
.path-experience:after {
  content: "";
  z-index: -1;
  aspect-ratio: 1;
  pointer-events: none;
  background: radial-gradient(circle, #944fff47, #0000 68%);
  border-radius: 50%;
  width: 62%;
  position: absolute;
  bottom: -42%;
  right: -12%;
}
.path-experience__header {
  min-width: 0;
  position: relative;
}
.path-experience__label {
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0;
  display: flex;
}
.path-experience__label span,
.path-experience__column > div > span,
.path-experience__footer > span {
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #d7c4ff;
  font: 600 clamp(0.58rem, 0.62vw, 0.72rem) / 1 BDO Grotesk;
}
.path-experience__label strong {
  letter-spacing: 0.11em;
  text-align: right;
  text-transform: uppercase;
  color: #fff;
  font: 600 clamp(0.7rem, 0.78vw, 0.88rem) / 1 BDO Grotesk;
}
.path-experience__rule {
  background: linear-gradient(90deg, #fff, #be95ff8f 68%, #0000);
  width: 100%;
  height: 1px;
  margin: 18px 0 24px;
  display: block;
}
.path-experience h3 {
  letter-spacing: -0.064em;
  text-wrap: balance;
  max-width: 13ch;
  margin: 0;
  font: 400 clamp(2.8rem, 4.05vw, 5.15rem) / 0.86 BDO Grotesk;
  overflow: visible;
}
.path-experience__comparison {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(24px, 3svh, 34px);
  display: grid;
}
.path-experience__column {
  min-height: clamp(150px, 18svh, 180px);
  transition:
    transform 0.45s var(--ease-editorial),
    border-color 0.4s,
    background-color 0.4s;
  background: linear-gradient(138deg, #ffffff1b, #2d096829);
  border: 1px solid #eee2ff38;
  border-radius: 23px;
  grid-template-columns: clamp(48px, 4vw, 68px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(14px, 1.25vw, 22px);
  padding: clamp(19px, 1.55vw, 27px);
  display: grid;
  position: relative;
  box-shadow: inset 0 1px #ffffff24;
}
.path-experience__column--planeo {
  background: linear-gradient(138deg, #9a57ff40, #4911a433);
  border-color: #d5b9ff6b;
}
.path-experience__index {
  letter-spacing: -0.07em;
  color: #cfb2ffb8;
  font: 400 clamp(2.4rem, 3.1vw, 4rem) / 0.8 BDO Grotesk;
}
.path-experience__column strong {
  letter-spacing: -0.025em;
  color: #fff;
  margin: 9px 0 0;
  font: 500 clamp(1.03rem, 1.18vw, 1.35rem) / 1.05 BDO Grotesk;
  display: block;
}
.path-experience__column p {
  color: #ffffffd6;
  text-wrap: pretty;
  max-width: 32ch;
  margin: 13px 0 0;
  font-size: clamp(0.9rem, 0.92vw, 1.04rem);
  line-height: 1.43;
}
.path-experience__footer {
  border-top: 1px solid #eee2ff33;
  grid-template-columns: minmax(150px, 0.38fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin-top: 14px;
  padding: 18px 4px 0;
  display: grid;
}
.path-experience__footer ul {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.path-experience__footer li {
  color: #fff;
  background: #ffffff14;
  border: 1px solid #eee2ff40;
  border-radius: 999px;
  padding: 10px 13px;
  font-size: clamp(0.69rem, 0.7vw, 0.8rem);
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  .path-experience__column:hover {
    background-color: #8444ec2e;
    border-color: #ffffff80;
    transform: translateY(-4px);
  }
}
@media (width>=960px) {
  .chapter-panel.chapter-panel--path {
    padding: clamp(42px, 4.5svh, 62px) clamp(34px, 3.5vw, 64px)
      clamp(42px, 4.5svh, 62px) clamp(112px, 8.2vw, 154px);
    justify-content: center !important;
    align-items: center !important;
  }
  .chapter-panel--path .chapter-card {
    grid-template-columns: minmax(360px, 0.67fr) minmax(690px, 1.33fr);
    align-items: center;
    column-gap: clamp(46px, 4.8vw, 88px);
    width: min(1660px, 89vw);
    height: min(850px, 91svh);
    margin: 0;
    display: grid;
  }
  .chapter-panel--path .chapter-card__editorial {
    grid-column: 1;
    min-width: 0;
  }
  .chapter-panel--path .chapter-card__title,
  .chapter-panel--path .chapter-card__title.is-medium,
  .chapter-panel--path .chapter-card__title.is-long,
  .chapter-panel--path .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 10.5ch;
    margin: 18px 0 25px;
    font-size: clamp(3.15rem, 4.25vw, 5.65rem);
    line-height: 0.88;
    overflow: visible;
  }
  .chapter-panel--path [data-formed-title] {
    flex-wrap: wrap;
    row-gap: 0;
    min-width: 0;
  }
  .chapter-panel--path .chapter-title__word {
    margin-inline: -0.065em;
    padding-inline: 0.065em;
  }
  .chapter-panel--path .chapter-card__body {
    max-width: 39ch;
    font-size: clamp(1.02rem, 1.1vw, 1.24rem);
    line-height: 1.48;
  }
  .chapter-panel--path .path-experience {
    grid-column: 2;
    align-self: center;
    width: 100%;
  }
}
@media (width>=960px) and (width<=1240px) {
  .chapter-panel--path .chapter-card {
    grid-template-columns: minmax(300px, 0.62fr) minmax(570px, 1.38fr);
    column-gap: 32px;
  }
  .chapter-panel--path .chapter-card__title,
  .chapter-panel--path .chapter-card__title.is-medium,
  .chapter-panel--path .chapter-card__title.is-long,
  .chapter-panel--path .chapter-card__title.is-very-long {
    font-size: clamp(2.65rem, 3.8vw, 4.25rem);
  }
  .path-experience {
    padding: 23px;
  }
  .path-experience h3 {
    font-size: clamp(2.5rem, 3.7vw, 4rem);
  }
  .path-experience__column {
    min-height: 142px;
    padding: 18px;
  }
  .path-experience__column p {
    font-size: 0.87rem;
  }
}
@media (width<=959px) {
  .chapter-panel.chapter-panel--path {
    min-height: 176svh;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 104px 16px 76px 78px !important;
  }
  .chapter-panel--path .chapter-card {
    width: 100%;
    max-width: none;
    margin: 0;
    display: block;
  }
  .chapter-panel--path .chapter-card__editorial {
    display: block;
  }
  .chapter-panel--path .chapter-card__title,
  .chapter-panel--path .chapter-card__title.is-medium,
  .chapter-panel--path .chapter-card__title.is-long,
  .chapter-panel--path .chapter-card__title.is-very-long {
    white-space: normal;
    text-wrap: balance;
    max-width: 11ch;
    margin: 15px 0 20px;
    font-size: clamp(2.5rem, 10.2vw, 4rem);
    line-height: 0.9;
    overflow: visible;
  }
  .chapter-panel--path .chapter-card__body {
    max-width: 40ch;
    font-size: clamp(1rem, 4.2vw, 1.13rem);
  }
  .path-experience {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 24px;
    margin-top: 36px;
    padding: 20px;
  }
  .path-experience h3 {
    max-width: 12ch;
    font-size: clamp(2.45rem, 9.2vw, 3.8rem);
  }
  .path-experience__comparison {
    grid-template-columns: 1fr;
    gap: 11px;
  }
  .path-experience__column {
    border-radius: 19px;
    grid-template-columns: 52px 1fr;
    min-height: 132px;
    padding: 18px;
  }
  .path-experience__column p {
    font-size: 0.91rem;
  }
  .path-experience__footer {
    grid-template-columns: 1fr;
    gap: 13px;
    padding-top: 18px;
  }
  .path-experience__footer ul {
    justify-content: flex-start;
  }
}
@media (width<=520px) {
  .chapter-panel.chapter-panel--path {
    min-height: 190svh;
    padding-right: 12px !important;
  }
  .chapter-panel--path .chapter-card__title,
  .chapter-panel--path .chapter-card__title.is-medium,
  .chapter-panel--path .chapter-card__title.is-long,
  .chapter-panel--path .chapter-card__title.is-very-long {
    max-width: none;
    font-size: clamp(2.25rem, 9.7vw, 3.3rem);
  }
  .path-experience {
    padding: 17px;
  }
  .path-experience__label {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .path-experience__label strong {
    text-align: left;
  }
  .path-experience h3 {
    max-width: none;
    font-size: clamp(2.2rem, 9.1vw, 3.15rem);
  }
  .path-experience__column {
    grid-template-columns: 44px 1fr;
    padding: 16px 14px;
  }
  .path-experience__index {
    font-size: 2.35rem;
  }
  .path-experience__footer li {
    padding: 9px 10px;
    font-size: 0.68rem;
  }
}
.reduce-motion .path-experience,
.reduce-motion [data-path-header],
.reduce-motion [data-path-rule],
.reduce-motion [data-path-title],
.reduce-motion [data-path-column],
.reduce-motion [data-path-footer] {
  opacity: 1 !important;
  transform: none !important;
}