/* =========================================================
   CUSTOMER USE CASE / 08
   HELSINGBORG — BEFORE / AFTER
========================================================= */

.slide-usecase08-v2 {
  --uc-orange: #f15a24;
  --uc-paper: #f3f3f1;
  --uc-ink: #111111;

  position: relative;



  overflow: hidden;

  background: #050b12;
  color: #fff;
}


/* =========================================================
   BACKGROUND
========================================================= */

.uc08-bg {
  position: absolute;
  inset: 0;

  z-index: 0;

  overflow: hidden;
}

.uc08-bg img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;

  transform: scale(1.015);
}


/* =========================================================
   PREMIUM DARK GRADING
========================================================= */

.uc08-bg-overlay {
  position: absolute;
  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:

    radial-gradient(
      circle at 15% 11%,
      rgba(241,90,36,.16) 0%,
      rgba(241,90,36,.05) 19%,
      rgba(241,90,36,0) 39%
    ),

    radial-gradient(
      circle at 77% 8%,
      rgba(72,122,158,.12) 0%,
      rgba(72,122,158,0) 33%
    ),

    linear-gradient(
      180deg,
      rgba(2,8,15,.76) 0%,
      rgba(3,10,18,.63) 25%,
      rgba(3,10,18,.66) 58%,
      rgba(2,7,13,.85) 100%
    ),

    linear-gradient(
      90deg,
      rgba(2,7,13,.48) 0%,
      rgba(2,7,13,.18) 46%,
      rgba(2,7,13,.48) 100%
    );
}


/* =========================================================
   SUBTLE GRID
========================================================= */

.uc08-grid {
  position: absolute;
  inset: 0;

  z-index: 2;

  pointer-events: none;

  opacity: .10;

  background-image:
    linear-gradient(
      rgba(255,255,255,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.055) 1px,
      transparent 1px
    );

  background-size: 240px 240px;
}


/* =========================================================
   INNER
========================================================= */

.uc08-inner {
  position: relative;

  z-index: 4;

  width: 100%;
  height: 100%;

  box-sizing: border-box;

  padding:
    32px
    66px
    26px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.uc08-toprail {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 30px;

  padding-bottom: 11px;

  border-bottom:
    1px solid rgba(255,255,255,.17);
}

.uc08-top-left,
.uc08-top-right {
  color: rgba(255,255,255,.75);

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}

.uc08-top-left {
  display: flex;

  align-items: center;
}

.uc08-dot {
  width: 7px;
  height: 7px;

  margin-right: 11px;

  border-radius: 50%;

  background: var(--uc-orange);
}


/* =========================================================
   HEADER
========================================================= */

.uc08-header {
  display: grid;

  grid-template-columns:
    minmax(0, 1.3fr)
    minmax(520px, .7fr);

  gap: 42px;

  align-items: end;

  margin-top: 15px;
}


/* =========================================================
   HEADER LEFT
========================================================= */

.uc08-header-left {
  max-width: 1050px;
}


/* SMALL CONTEXT LABEL */

.uc08-kicker {
  margin-bottom: 7px;

  color: var(--uc-orange);

  font-size: 10px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .16em;

  text-transform: uppercase;
}


/* MAIN TITLE */

.uc08-header h1 {
  margin: 0 !important;
  padding: 0 !important;

  color: #fff !important;

  font-size: 78px !important;
  font-weight: 600 !important;

  line-height: .86 !important;

  letter-spacing: -.055em !important;

  text-transform: uppercase;
}


/* CASE STATEMENT */

.uc08-case-statement {
  margin-top: 13px;

  max-width: 950px;

  color: rgba(255,255,255,.98);

  font-size: 28px;
  font-weight: 500;

  line-height: 1.13;

  letter-spacing: -.025em;
}

.uc08-case-statement strong {
  color: var(--uc-orange);

  font-weight: 600;
}


/* SUPPORTING COPY */

.uc08-subhead {
  max-width: 900px;

  margin: 9px 0 0 !important;

  color: rgba(255,255,255,.91);

  font-size: 15px;

  line-height: 1.45;
}


/* =========================================================
   HEADER RIGHT
========================================================= */

.uc08-header-right {
  display: grid;

  grid-template-columns:
    190px
    1fr;

  gap: 12px;

  align-items: stretch;
}


/* =========================================================
   HELSINGBORG PROOF BLOCK
========================================================= */

.uc08-proof-block {
  min-height: 126px;

  padding:
    14px
    15px;

  box-sizing: border-box;

  background:
    rgba(4,9,15,.72);

  border:
    1px solid rgba(255,255,255,.15);

  border-left:
    3px solid var(--uc-orange);

  backdrop-filter:
    blur(15px);

  -webkit-backdrop-filter:
    blur(15px);
}

.uc08-proof-top img {
  width: 145px;
  max-height: 48px;

  object-fit: contain;
  object-position: left center;
}

.uc08-header-note {
  margin-top: 12px;

  color: rgba(255,255,255,.94);

  font-size: 12px;

  line-height: 1.42;
}


/* =========================================================
   PRESS RELEASE CARD
========================================================= */

.uc08-press-card {
  display: grid;

  grid-template-columns:
    120px
    1fr;

  min-height: 126px;

  overflow: hidden;

  box-sizing: border-box;

  text-decoration: none;

  background:
    rgba(4,9,15,.76);

  border:
    1px solid rgba(255,255,255,.15);

  backdrop-filter:
    blur(15px);

  -webkit-backdrop-filter:
    blur(15px);

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.uc08-press-card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(241,90,36,.55);

  background:
    rgba(4,9,15,.88);
}

.uc08-press-thumb {
  overflow: hidden;

  background: #fff;
}

.uc08-press-thumb img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: top center;
}

.uc08-press-copy {
  display: flex;

  flex-direction: column;

  padding:
    11px
    13px;
}

.uc08-press-copy span {
  color: var(--uc-orange);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.uc08-press-copy strong {
  display: block;

  margin-top: 6px;

  color: #fff;

  font-size: 14px;
  font-weight: 600;

  line-height: 1.12;

  letter-spacing: -.015em;

  text-transform: uppercase;
}

.uc08-press-copy em {
  margin-top: auto;
  padding-top: 7px;

  color: rgba(255,255,255,.82);

  font-size: 8px;
  font-style: normal;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}


/* =========================================================
   COMPARISON LAYOUT
========================================================= */

.uc08-comparison {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 18px;

  margin-top: 13px;
}


/* =========================================================
   MAIN PANELS
========================================================= */

.uc08-panel {
  position: relative;

  height: 650px;

  overflow: hidden;

  box-sizing: border-box;

  backdrop-filter:
    blur(16px);

  -webkit-backdrop-filter:
    blur(16px);
}


/* BEFORE */

.uc08-before {
  color: var(--uc-ink);

  background:
    rgba(243,243,241,.90);

  border:
    1px solid rgba(255,255,255,.42);

  box-shadow:
    0 18px 50px rgba(0,0,0,.18);
}


/* AFTER */

.uc08-after {
  color: #fff;

  background:
    rgba(4,8,13,.88);

  border:
    1px solid rgba(255,255,255,.15);

  box-shadow:
    0 18px 50px rgba(0,0,0,.24);
}


/* =========================================================
   PANEL HEAD
========================================================= */

.uc08-panel-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 48px;

  padding:
    0 18px;

  box-sizing: border-box;

  border-bottom:
    1px solid rgba(17,17,17,.12);
}

.uc08-panel-head-dark {
  border-bottom:
    1px solid rgba(255,255,255,.13);
}

.uc08-panel-label-wrap {
  display: flex;

  align-items: center;

  gap: 10px;
}

.uc08-panel-num {
  color: var(--uc-orange);

  font-size: 9px;
  font-weight: 600;
}

.uc08-panel-label {
  color: rgba(17,17,17,.73);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.uc08-after .uc08-panel-label {
  color: rgba(255,255,255,.73);
}

.uc08-panel-title {
  font-size: 20px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: -.025em;

  text-transform: uppercase;
}


/* =========================================================
   STORY FLOW
========================================================= */

.uc08-story {
  display: grid;

  grid-template-columns:
    1fr
    38px
    1fr
    38px
    1fr
    38px
    1fr;

  align-items: stretch;

  padding:
    14px
    14px
    0;
}

.uc08-story-step {
  min-height: 118px;

  padding:
    13px
    13px
    15px;

  box-sizing: border-box;

  background:
    rgba(255,255,255,.50);

  border:
    1px solid rgba(17,17,17,.09);
}

.uc08-story-dark .uc08-story-step {
  background:
    rgba(255,255,255,.055);

  border:
    1px solid rgba(255,255,255,.09);
}

.uc08-story-step span {
  display: block;

  margin-bottom: 9px;

  color: var(--uc-orange);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.uc08-story-step strong {
  display: block;

  color: rgba(17,17,17,.96);

  font-size: 17px;
  font-weight: 600;

  line-height: 1.22;
}

.uc08-story-dark .uc08-story-step strong {
  color: rgba(255,255,255,.96);
}

.uc08-story-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  color: var(--uc-orange);

  font-size: 22px;
}


/* =========================================================
   BEFORE — MEDIA ROW
========================================================= */

.uc08-before-media {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 12px;

  padding:
    12px
    14px
    0;
}

.uc08-media-card {
  display: grid;

  grid-template-columns:
    118px
    1fr;

  min-height: 92px;

  overflow: hidden;

  background:
    rgba(255,255,255,.46);

  border:
    1px solid rgba(17,17,17,.09);
}

.uc08-media-card img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}

.uc08-media-copy {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    0
    14px;
}

.uc08-media-copy span {
  margin-bottom: 6px;

  color: var(--uc-orange);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.uc08-media-copy strong {
  color: rgba(17,17,17,.97);

  font-size: 15px;
  font-weight: 600;

  line-height: 1.14;
}


/* =========================================================
   BEFORE — EXPLANATORY NOTE
========================================================= */

.uc08-before-note {
  margin: 0 14px;

  padding: 14px;

  background:
    rgba(255,255,255,.48);

  border-top: 1px solid rgba(17,17,17,.08);

  border-left: 3px solid var(--uc-orange);

  color:
    rgba(17,17,17,.88);

  font-size: 13px;

  line-height: 1.42;
}


/* =========================================================
   BEFORE METRICS
========================================================= */

.uc08-metrics {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  margin-top: 12px;

  border-top:
    1px solid rgba(17,17,17,.11);
}

.uc08-metric {
  padding:
    17px
    15px
    18px;

  box-sizing: border-box;
}

.uc08-metric + .uc08-metric {
  border-left:
    1px solid rgba(17,17,17,.11);
}

.uc08-metric span {
  display: block;

  margin-bottom: 12px;

  color: rgba(17,17,17,.83);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}

.uc08-metric strong {
  display: block;

  color: rgba(17,17,17,.98);

  font-size: 52px;
  font-weight: 500;

  line-height: .9;

  letter-spacing: -.045em;
}

.uc08-metric-highlight strong {
  color: var(--uc-orange);
}

.uc08-metric small {
  display: block;

  margin-top: 9px;

  color: rgba(17,17,17,.78);

  font-size: 9px;
  font-weight: 600;

  line-height: 1.3;

  letter-spacing: .10em;

  text-transform: uppercase;
}


/* =========================================================
   AFTER — FLOW
========================================================= */

.uc08-after-flow {
  display: grid;

  grid-template-columns:
    1fr
    42px
    1.45fr
    42px
    1fr;

  align-items: center;

  padding:
    12px
    14px;

  border-top:
    1px solid rgba(255,255,255,.10);
}

.uc08-after-block {
  display: flex;

  flex-direction: column;

  justify-content: center;

  min-height: 101px;

  padding:
    0
    13px;

  background:
    rgba(255,255,255,.05);

  border:
    1px solid rgba(255,255,255,.08);
}

.uc08-after-block span,
.uc08-after-robot-copy span {
  margin-bottom: 7px;

  color: var(--uc-orange);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.uc08-after-block strong {
  color: rgba(255,255,255,.97);

  font-size: 17px;
  font-weight: 600;

  line-height: 1.18;
}

.uc08-big-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  color: var(--uc-orange);

  font-size: 23px;
}


/* =========================================================
   ROBOT CARD
========================================================= */

.uc08-after-robot {
  display: grid;

  grid-template-columns:
    108px
    1fr;

  gap: 14px;

  align-items: center;

  min-height: 101px;

  padding:
    0
    13px;

  background:
    rgba(255,255,255,.05);

  border:
    1px solid rgba(255,255,255,.08);
}

.uc08-after-robot img {
  width: 108px;
  height: 100px;

  object-fit: contain;
}

.uc08-after-robot-copy strong {
  display: block;

  color: #fff;

  font-size: 27px;
  font-weight: 600;

  line-height: .95;

  letter-spacing: -.025em;
}

.uc08-after-robot-copy small {
  display: block;

  margin-top: 7px;

  color: rgba(255,255,255,.82);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .12em;

  text-transform: uppercase;
}


/* =========================================================
   MCS ECONOMICS
========================================================= */

.uc08-mcs-metrics {
  display: grid;

  grid-template-columns:
    1.08fr
    .92fr
    .92fr
    1.18fr;

  border-top:
    1px solid rgba(255,255,255,.12);

  border-bottom:
    1px solid rgba(255,255,255,.12);
}

.uc08-mcs-metric {
  padding:
    17px
    15px
    18px;

  box-sizing: border-box;
}

.uc08-mcs-metric + .uc08-mcs-metric {
  border-left:
    1px solid rgba(255,255,255,.11);
}

.uc08-mcs-metric span {
  display: block;

  margin-bottom: 12px;

  color: rgba(255,255,255,.84);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}

.uc08-mcs-metric strong {
  display: block;

  color: #fff;

  font-size: 52px;
  font-weight: 500;

  line-height: .9;

  letter-spacing: -.045em;
}

.uc08-mcs-metric small {
  display: block;

  margin-top: 9px;

  color: rgba(255,255,255,.82);

  font-size: 9px;
  font-weight: 600;

  line-height: 1.3;

  letter-spacing: .10em;

  text-transform: uppercase;
}


/* CURRENT PPW */

.uc08-mcs-metric-main {
  background: var(--uc-orange);
}

.uc08-mcs-metric-main span,
.uc08-mcs-metric-main small {
  color: rgba(255,255,255,.94);
}


/* REVENUE OPPORTUNITY */

.uc08-mcs-metric-accent strong {
  color: var(--uc-orange);
}


/* =========================================================
   AFTER NOTE
========================================================= */

.uc08-after-note {
  display: flex;

  align-items: center;

  gap: 14px;

  padding:
    14px
    16px;
}

.uc08-line {
  width: 34px;
  height: 3px;

  flex: 0 0 auto;

  background: var(--uc-orange);
}

.uc08-after-note strong {
  color: rgba(255,255,255,.97);

  font-size: 17px;
  font-weight: 600;

  line-height: 1.22;
}


/* =========================================================
   BOTTOM MESSAGE
========================================================= */

.uc08-bottom {
  display: grid;

  grid-template-columns:
    180px
    1fr
    auto;

  gap: 24px;

  align-items: center;

  margin-top: 12px;

  padding-top: 11px;

  border-top:
    1px solid rgba(255,255,255,.17);
}

.uc08-bottom-label {
  color: rgba(255,255,255,.76);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.uc08-bottom-message {
  color: rgba(255,255,255,.98);

  font-size: 22px;
  font-weight: 600;

  line-height: 1.15;

  letter-spacing: -.02em;
}

.uc08-bottom-message span {
  color: var(--uc-orange);
}

.uc08-bottom-math {
  color: rgba(255,255,255,.80);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .12em;
}
/* =========================================================
   MARKET / 09
   HELSINGBORG → JEBEL ALI → GLOBAL NETWORK
========================================================= */

.slide-market09-new {
  --m09-orange: #f15a24;
  --m09-paper: #f3f3f1;
  --m09-ink: #111111;
  --m09-muted: #747470;
  --m09-line: #d4d3ce;



  overflow: hidden;

  background: var(--m09-paper);
  color: var(--m09-ink);
}


/* =========================================================
   INNER
========================================================= */

.market09-inner {
  width: 100%;
  height: 100%;

  box-sizing: border-box;

  padding:
    34px
    68px
    24px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.market09-toprail {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 30px;

  padding-bottom: 11px;

  border-bottom:
    1px solid
    var(--m09-line);
}

.market09-top-left,
.market09-top-right {
  color: #81817d;

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}

.market09-top-left {
  display: flex;

  align-items: center;
}

.market09-dot {
  width: 7px;
  height: 7px;

  margin-right: 11px;

  border-radius: 50%;

  background: var(--m09-orange);
}


/* =========================================================
   HEADER
========================================================= */

.market09-header {
  position: relative;

  margin-top: 18px;

  padding-bottom: 14px;
}

.market09-eyebrow {
  margin-bottom: 7px;

  color: var(--m09-orange);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}

.market09-header h1 {
  margin: 0 !important;

  color: var(--m09-ink) !important;

  font-size: 61px !important;
  font-weight: 600 !important;

  line-height: .90 !important;

  letter-spacing: -.05em !important;

  text-transform: uppercase;
}

.market09-header h1 span {
  color: var(--m09-orange);
}

.market09-header p {
  position: absolute;

  right: 0;
  bottom: 17px;

  width: 590px;

  margin: 0 !important;

  color: rgba(17,17,17,.78);

  font-size: 18px;

  line-height: 1.45;
}


/* =========================================================
   SCALE ROW
========================================================= */

.market09-scale {
  display: grid;

  grid-template-columns:
    365px
    150px
    1fr;

  gap: 0;

  height: 480px;

  margin-top: 2px;
}


/* =========================================================
   HELSINGBORG
========================================================= */

.market09-hbg {
  position: relative;

  box-sizing: border-box;

  padding:
    20px
    22px;

  background: #e9e8e3;

  border:
    1px solid
    var(--m09-line);
}

.market09-card-meta {
  display: flex;

  justify-content: space-between;

  color: #858581;

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.market09-card-meta span:first-child {
  color: var(--m09-orange);
}

.market09-hbg-logo {
  display: block;

  width: 190px;
  max-height: 54px;

  margin-top: 21px;

  object-fit: contain;
  object-position: left center;
}

.market09-hbg-size {
  margin-top: 22px;
}

.market09-hbg-size strong {
  display: block;

  color: var(--m09-ink);

  font-size: 61px;
  font-weight: 500;

  line-height: .88;

  letter-spacing: -.055em;
}

.market09-hbg-size span {
  display: block;

  margin-top: 9px;

  color: #747470;

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}


/* =========================================================
   HELSINGBORG STATS
========================================================= */

.market09-hbg-stats {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  margin-top: 28px;

  padding-top: 17px;

  border-top:
    1px solid
    #cbc9c4;
}

.market09-hbg-stats > div {
  padding-right: 11px;
}

.market09-hbg-stats > div + div {
  padding-left: 11px;

  border-left:
    1px solid
    #cbc9c4;
}

.market09-hbg-stats strong {
  display: block;

  color: var(--m09-ink);

  font-size: 27px;
  font-weight: 500;

  line-height: 1;

  letter-spacing: -.04em;
}

.market09-hbg-stats span {
  display: block;

  margin-top: 7px;

  color: #777773;

  font-size: 7px;
  font-weight: 600;

  line-height: 1.35;

  letter-spacing: .11em;

  text-transform: uppercase;
}

.market09-hbg-foot {
  position: absolute;

  left: 22px;
  right: 22px;
  bottom: 18px;

  padding-top: 11px;

  border-top:
    1px solid
    #cbc9c4;

  color: var(--m09-orange);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}


/* =========================================================
   88× MULTIPLIER
========================================================= */

.market09-multiplier {
  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  border-top:
    1px solid
    var(--m09-line);

  border-bottom:
    1px solid
    var(--m09-line);
}

.market09-multiplier-line {
  position: absolute;

  top: 0;
  bottom: 0;
  left: 50%;

  width: 1px;

  background:
    var(--m09-line);
}

.market09-multiplier span,
.market09-multiplier strong,
.market09-multiplier-arrow {
  position: relative;

  z-index: 2;

  background:
    var(--m09-paper);
}

.market09-multiplier span {
  padding:
    6px
    8px;

  color: #848480;

  font-size: 7px;
  font-weight: 600;

  text-align: center;

  line-height: 1.35;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.market09-multiplier strong {
  padding:
    9px
    8px;

  color: var(--m09-orange);

  font-size: 48px;
  font-weight: 500;

  line-height: 1;

  letter-spacing: -.05em;
}

.market09-multiplier-arrow {
  margin-top: 8px;

  padding:
    0
    8px;

  color: var(--m09-orange);

  font-size: 28px;
}


/* =========================================================
   JEBEL ALI HERO
========================================================= */

.market09-jebel {
  position: relative;

  overflow: hidden;

  background: #111;

  color: #fff;
}

.market09-jebel-bg,
.market09-jebel-overlay {
  position: absolute;

  inset: 0;
}

.market09-jebel-bg {
  z-index: 0;
}

.market09-jebel-bg img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;
}

.market09-jebel-overlay {
  z-index: 1;

  background:

    linear-gradient(
      90deg,
      rgba(5,7,9,.86) 0%,
      rgba(5,7,9,.62) 47%,
      rgba(5,7,9,.34) 100%
    ),

    linear-gradient(
      0deg,
      rgba(5,7,9,.90) 0%,
      rgba(5,7,9,.36) 57%,
      rgba(5,7,9,.20) 100%
    );
}

.market09-jebel-content {
  position: relative;

  z-index: 2;

  width: 100%;
  height: 100%;

  box-sizing: border-box;

  padding:
    20px
    24px
    0;
}


/* =========================================================
   JEBEL TOP
========================================================= */

.market09-jebel-top {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;
}

.market09-card-meta-dark {
  color: rgba(255,255,255,.66);
}

.market09-dp-logo {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 150px;
  height: 50px;

  padding:
    6px
    12px;

  box-sizing: border-box;

  background:
    rgba(255,255,255,.93);
}

.market09-dp-logo img {
  width: 100%;
  max-height: 36px;

  object-fit: contain;
}


/* =========================================================
   JEBEL MAIN METRICS
========================================================= */

.market09-jebel-main {
  display: flex;

  align-items: flex-end;

  gap: 62px;

  margin-top: 32px;
}

.market09-jebel-volume > span,
.market09-clean-rate > span {
  display: block;

  margin-bottom: 8px;

  color: var(--m09-orange);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.market09-jebel-volume strong {
  display: block;

  color: #fff;

  font-size: 82px;
  font-weight: 500;

  line-height: .82;

  letter-spacing: -.06em;
}

.market09-jebel-volume small {
  display: block;

  margin-top: 9px;

  color: rgba(255,255,255,.76);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.market09-clean-rate {
  padding-bottom: 3px;
}

.market09-clean-rate strong {
  display: block;

  color: var(--m09-orange);

  font-size: 51px;
  font-weight: 500;

  line-height: .9;

  letter-spacing: -.05em;
}

.market09-clean-rate small {
  display: block;

  margin-top: 8px;

  color: rgba(255,255,255,.80);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}


/* =========================================================
   JEBEL ECONOMICS
========================================================= */

.market09-jebel-economics {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  display: grid;

  grid-template-columns:
    1fr
    1fr
    1.16fr;

  height: 132px;

  background:
    rgba(5,7,9,.80);

  border-top:
    1px solid
    rgba(255,255,255,.16);

  backdrop-filter:
    blur(8px);

  -webkit-backdrop-filter:
    blur(8px);
}

.market09-jebel-stat {
  padding:
    18px
    22px;

  box-sizing: border-box;
}

.market09-jebel-stat + .market09-jebel-stat {
  border-left:
    1px solid
    rgba(255,255,255,.14);
}

.market09-jebel-stat span {
  display: block;

  margin-bottom: 11px;

  color: rgba(255,255,255,.72);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}

.market09-jebel-stat strong {
  display: block;

  color: #fff;

  font-size: 36px;
  font-weight: 500;

  line-height: .92;

  letter-spacing: -.045em;
}

.market09-jebel-stat small {
  display: block;

  margin-top: 7px;

  color: rgba(255,255,255,.68);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .11em;

  text-transform: uppercase;
}


/* =========================================================
   ROBOT COUNT HERO
========================================================= */

.market09-jebel-stat-hero {
  background:
    var(--m09-orange);
}

.market09-jebel-stat-hero span,
.market09-jebel-stat-hero small {
  color: rgba(255,255,255,.92);
}

.market09-jebel-stat-hero strong {
  font-size: 44px;
}


/* =========================================================
   REVENUE HERO
========================================================= */

.market09-jebel-stat-revenue strong {
  color: var(--m09-orange);

  font-size: 42px;
}


/* =========================================================
   GLOBAL NETWORK
========================================================= */

.market09-network {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    250px
    830px;

  height: 300px;

  margin-top: 14px;

  overflow: hidden;

  background: #111;

  color: #fff;
}


/* =========================================================
   NETWORK COPY
========================================================= */

.market09-network-copy {
  padding:
    19px
    25px;

  box-sizing: border-box;
}

.market09-network-eyebrow {
  color: var(--m09-orange);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .16em;

  text-transform: uppercase;
}

.market09-network-copy h2 {
  margin:
    8px 0 0 !important;

  color: #fff !important;

  font-size: 41px !important;
  font-weight: 600 !important;

  line-height: .90 !important;

  letter-spacing: -.045em !important;

  text-transform: uppercase;
}

.market09-network-copy h2 span {
  color: var(--m09-orange);
}

.market09-network-copy p {
  max-width: 500px;

  margin:
    10px 0 0 !important;

  color: rgba(255,255,255,.74);

  font-size: 16px;

  line-height: 1.42;
}


/* =========================================================
   NETWORK FLOW
========================================================= */

.market09-network-flow {
  display: flex;

  align-items: center;

  gap: 15px;

  margin-top: 15px;
}

.market09-network-flow div {
  min-width: 105px;
}

.market09-network-flow strong {
  display: block;

  color: #fff;

  font-size: 22px;
  font-weight: 500;

  line-height: 1;
}

.market09-network-flow span {
  display: block;

  margin-top: 5px;

  color: rgba(255,255,255,.60);

  font-size: 6px;
  font-weight: 600;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.market09-network-flow b {
  color: var(--m09-orange);

  font-size: 19px;

  font-weight: 300;
}


/* =========================================================
   ROBOT CUTOUT
========================================================= */

.market09-robot {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-left:
    1px solid
    rgba(255,255,255,.12);

  border-right:
    1px solid
    rgba(255,255,255,.12);
}

.market09-robot img {
  width: 225px;
  max-height: 190px;

  object-fit: contain;

  transform:
    translateY(-8px);
}

.market09-robot-label {
  position: absolute;

  left: 16px;
  right: 16px;
  bottom: 12px;
}

.market09-robot-label strong {
  display: block;

  color: var(--m09-orange);

  font-size: 23px;
  font-weight: 500;
}

.market09-robot-label span {
  display: block;

  margin-top: 4px;

  color: rgba(255,255,255,.63);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .12em;

  text-transform: uppercase;
}


/* =========================================================
   DP WORLD MAP
========================================================= */

.market09-map {
  position: relative;

  display: flex;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  padding:
    18px
    18px
    5px;

  box-sizing: border-box;
}

.market09-map-label {
  position: absolute;

  top: 16px;
  left: 21px;

  z-index: 2;

  color: rgba(255,255,255,.70);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.market09-map img {
  width: 805px;
  max-width: 100%;

  max-height: 270px;

  object-fit: contain;

  filter:
    invert(1)
    brightness(1.65);

  opacity: .88;

  transform:
    translateY(8px);
}


/* =========================================================
   FOOTNOTE
========================================================= */

.market09-footnote {
  margin-top: 12px;

  color: #777773;

  font-size: 9px;

  line-height: 1.35;

  letter-spacing: .055em;
}/* =========================================================
   DEFENSIBILITY / 10
   PHYSICAL AI + PROPRIETARY DATA
========================================================= */

.slide-defensibility10 {
  --d10-orange: #f15a24;
  --d10-black: #080b0e;
  --d10-dark: #0d1115;
  --d10-panel: #12171c;
  --d10-line: rgba(255,255,255,.13);
  --d10-white: #f3f3f1;

  position: relative;



  overflow: hidden;

  background: var(--d10-black);

  color: var(--d10-white);
}


/* =========================================================
   BACKGROUND
========================================================= */

.def10-bg {
  position: absolute;
  inset: 0;

  z-index: 0;

  background:

    radial-gradient(
      circle at 77% 35%,
      rgba(241,90,36,.10) 0%,
      rgba(241,90,36,.025) 27%,
      transparent 48%
    ),

    radial-gradient(
      circle at 8% 5%,
      rgba(70,100,120,.08) 0%,
      transparent 35%
    ),

    linear-gradient(
      135deg,
      #0b0e11 0%,
      #070a0d 55%,
      #050708 100%
    );
}


.def10-grid {
  position: absolute;
  inset: 0;

  z-index: 1;

  pointer-events: none;

  opacity: .18;

  background-image:

    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );

  background-size:
    240px
    240px;
}


/* =========================================================
   INNER
========================================================= */

.def10-inner {
  position: relative;

  z-index: 2;

  width: 100%;
  height: 100%;

  box-sizing: border-box;

  padding:
    34px
    68px
    28px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.def10-toprail {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 30px;

  padding-bottom: 11px;

  border-bottom:
    1px solid var(--d10-line);
}


.def10-top-left,
.def10-top-right {
  color: rgba(255,255,255,.58);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.def10-top-left {
  display: flex;

  align-items: center;
}


.def10-dot {
  width: 7px;
  height: 7px;

  margin-right: 11px;

  border-radius: 50%;

  background: var(--d10-orange);
}


/* =========================================================
   HEADER
========================================================= */

.def10-header {
  display: grid;

  grid-template-columns:
    minmax(0, 1.35fr)
    530px;

  gap: 65px;

  align-items: end;

  margin-top: 20px;
}


.def10-eyebrow {
  margin-bottom: 9px;

  color: var(--d10-orange);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.def10-header h1 {
  margin: 0 !important;

  max-width: 1100px;

  color: var(--d10-white) !important;

  font-size: 65px !important;
  font-weight: 600 !important;

  line-height: .91 !important;

  letter-spacing: -.048em !important;

  text-transform: uppercase;
}


.def10-header h1 span {
  display: block;

  color: var(--d10-orange);
}


.def10-header-note {
  padding:
    0
    0
    3px
    22px;

  border-left:
    3px solid var(--d10-orange);
}


.def10-header-note strong {
  display: block;

  color: #fff;

  font-size: 18px;
  font-weight: 600;

  line-height: 1.2;

  letter-spacing: -.015em;
}


.def10-header-note p {
  margin:
    11px 0 0 !important;

  color: rgba(255,255,255,.82);

  font-size: 17px;

  line-height: 1.48;
}


/* =========================================================
   MAIN GRID
========================================================= */

.def10-main {
  display: grid;

  grid-template-columns:
    670px
    minmax(0, 1fr);

  gap: 22px;

  height: 625px;

  margin-top: 20px;
}


/* =========================================================
   MOAT STACK
========================================================= */

.def10-moats {
  display: grid;

  grid-template-rows:
    repeat(3, 1fr);

  gap: 10px;
}


.def10-moat {
  display: grid;

  grid-template-columns:
    56px
    1fr;

  overflow: hidden;

  background:
    rgba(255,255,255,.035);

  border:
    1px solid rgba(255,255,255,.11);
}


.def10-moat-index {
  display: flex;

  align-items: flex-start;
  justify-content: center;

  padding-top: 21px;

  color: var(--d10-orange);

  font-size: 9px;
  font-weight: 600;

  border-right:
    1px solid rgba(255,255,255,.10);
}


.def10-moat-content {
  padding:
    19px
    22px
    17px;
}


.def10-moat-content > span {
  display: block;

  color: rgba(255,255,255,.55);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .16em;

  text-transform: uppercase;
}


.def10-moat-content h2 {
  margin:
    7px 0 0 !important;

  color: #fff !important;

  font-size: 24px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: -.027em !important;

  text-transform: uppercase;
}


.def10-moat-content p {
  margin:
    10px 0 0 !important;

  max-width: 530px;

  color: rgba(255,255,255,.74);

  font-size: 15px;

  line-height: 1.43;
}


.def10-moat-content small {
  display: block;

  margin-top: 11px;

  color: rgba(255,255,255,.48);

  font-size: 7px;
  font-weight: 600;

  line-height: 1.35;

  letter-spacing: .12em;

  text-transform: uppercase;
}


/* =========================================================
   DATA MOAT — EMPHASIZED
========================================================= */

.def10-moat-data {
  background:

    linear-gradient(
      90deg,
      rgba(241,90,36,.16) 0%,
      rgba(241,90,36,.055) 60%,
      rgba(241,90,36,.025) 100%
    );

  border-color:
    rgba(241,90,36,.32);
}


.def10-moat-data .def10-moat-index {
  background:
    var(--d10-orange);

  color: #fff;

  border-right: none;
}


.def10-moat-data .def10-moat-content > span {
  color: var(--d10-orange);
}


.def10-moat-data .def10-moat-content small {
  color: rgba(255,255,255,.76);
}


/* =========================================================
   RIGHT SIDE
========================================================= */

.def10-ai {
  display: grid;

  grid-template-rows:
    minmax(0, 1fr)
    158px;

  gap: 10px;

  min-height: 0;
}


/* =========================================================
   VIDEO FRAME
========================================================= */

.def10-video-frame {
  display: grid;

  grid-template-rows:
    36px
    minmax(0, 1fr)
    54px;

  min-height: 0;

  overflow: hidden;

  background: #090c0f;

  border:
    1px solid rgba(255,255,255,.15);
}


.def10-video-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  padding:
    0
    14px;

  border-bottom:
    1px solid rgba(255,255,255,.10);

  color: rgba(255,255,255,.62);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.def10-video-id {
  display: flex;

  align-items: center;

  gap: 9px;
}


.def10-live-dot {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--d10-orange);

  box-shadow:
    0 0 12px rgba(241,90,36,.55);
}


.def10-video-status {
  color: var(--d10-orange);
}


/* =========================================================
   VIDEO WINDOW
========================================================= */

.def10-video-window {
  position: relative;

  min-height: 0;

  overflow: hidden;

  background: #000;
}


.def10-video-window video {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}


/* CLEAN FRAME CORNERS */

.def10-video-corner {
  position: absolute;

  width: 26px;
  height: 26px;

  pointer-events: none;
}


.def10-video-corner-tl {
  top: 15px;
  left: 15px;

  border-top:
    2px solid var(--d10-orange);

  border-left:
    2px solid var(--d10-orange);
}


.def10-video-corner-tr {
  top: 15px;
  right: 15px;

  border-top:
    2px solid var(--d10-orange);

  border-right:
    2px solid var(--d10-orange);
}


.def10-video-corner-bl {
  bottom: 15px;
  left: 15px;

  border-bottom:
    2px solid var(--d10-orange);

  border-left:
    2px solid var(--d10-orange);
}


.def10-video-corner-br {
  right: 15px;
  bottom: 15px;

  border-right:
    2px solid var(--d10-orange);

  border-bottom:
    2px solid var(--d10-orange);
}


/* =========================================================
   VIDEO FOOTER
========================================================= */

.def10-video-footer {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  border-top:
    1px solid rgba(255,255,255,.10);
}


.def10-video-footer > div {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    0
    14px;
}


.def10-video-footer > div + div {
  border-left:
    1px solid rgba(255,255,255,.10);
}


.def10-video-footer span {
  color: rgba(255,255,255,.42);

  font-size: 6px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.def10-video-footer strong {
  margin-top: 4px;

  color: rgba(255,255,255,.88);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .06em;

  text-transform: uppercase;
}


/* =========================================================
   DATA PANEL
========================================================= */

.def10-data-panel {
  display: grid;

  grid-template-columns:
    215px
    1fr
    330px;

  background:
    rgba(255,255,255,.04);

  border:
    1px solid rgba(255,255,255,.11);
}


.def10-data-head {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    0
    18px;

  border-right:
    1px solid rgba(255,255,255,.10);
}


.def10-data-head span {
  color: var(--d10-orange);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.def10-data-head strong {
  margin-top: 8px;

  color: #fff;

  font-size: 22px;
  font-weight: 600;

  line-height: .95;

  letter-spacing: -.025em;

  text-transform: uppercase;
}


/* =========================================================
   DEFECT CLASSES
========================================================= */

.def10-data-classes {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  border-right:
    1px solid rgba(255,255,255,.10);
}


.def10-data-classes > div {
  display: flex;

  align-items: center;

  gap: 9px;

  padding:
    0
    14px;
}


.def10-data-classes > div:nth-child(1),
.def10-data-classes > div:nth-child(2) {
  border-bottom:
    1px solid rgba(255,255,255,.09);
}


.def10-data-classes > div:nth-child(odd) {
  border-right:
    1px solid rgba(255,255,255,.09);
}


.def10-data-classes span {
  color: var(--d10-orange);

  font-size: 7px;
  font-weight: 600;
}


.def10-data-classes strong {
  color: rgba(255,255,255,.87);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .08em;

  text-transform: uppercase;
}


/* =========================================================
   DATA STATEMENT
========================================================= */

.def10-data-statement {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    0
    18px;
}


.def10-data-statement strong {
  color: #fff;

  font-size: 15px;
  font-weight: 600;

  line-height: 1.16;

  letter-spacing: -.015em;

  text-transform: uppercase;
}


.def10-data-statement p {
  margin:
    8px 0 0 !important;

  color: rgba(255,255,255,.65);

  font-size: 13px;

  line-height: 1.38;
}


/* =========================================================
   FLYWHEEL
========================================================= */

.def10-flywheel {
  display: grid;

  grid-template-columns:
    145px
    1fr
    26px
    1fr
    26px
    1fr
    26px
    1fr
    26px
    1fr
    390px;

  height: 112px;

  margin-top: 14px;

  overflow: hidden;

  border:
    1px solid rgba(255,255,255,.12);

  background:
    rgba(255,255,255,.027);
}


.def10-flywheel-label {
  display: flex;

  align-items: center;

  padding-left: 17px;

  color: rgba(255,255,255,.45);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .16em;

  text-transform: uppercase;

  border-right:
    1px solid rgba(255,255,255,.10);
}


.def10-flywheel-step {
  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  text-align: center;
}


.def10-flywheel-step strong {
  color: #fff;

  font-size: 14px;
  font-weight: 600;

  line-height: 1.05;

  letter-spacing: -.01em;

  text-transform: uppercase;
}


.def10-flywheel-step span {
  margin-top: 6px;

  color: rgba(255,255,255,.42);

  font-size: 6px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}


.def10-flywheel-highlight {
  background:
    rgba(241,90,36,.11);
}


.def10-flywheel-highlight strong {
  color: var(--d10-orange);
}


.def10-flywheel-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  color: var(--d10-orange);

  font-size: 19px;
}


/* =========================================================
   FLYWHEEL RESULT
========================================================= */

.def10-flywheel-end {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding:
    0
    24px;

  background:
    var(--d10-orange);
}


.def10-flywheel-end span {
  color: rgba(255,255,255,.78);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.def10-flywheel-end strong {
  margin-top: 7px;

  color: #fff;

  font-size: 17px;
  font-weight: 600;

  line-height: 1.12;

  letter-spacing: -.018em;

  text-transform: uppercase;
}
/* =========================================================
   EXPANSION ROADMAP / 11
   CONTAINERS → TERMINALS → TRUCKS → MCS DEPOTS
========================================================= */

.slide-expansion11 {
  --e11-orange: #f15a24;
  --e11-paper: #f3f3f1;
  --e11-ink: #111111;
  --e11-muted: #747470;
  --e11-line: #d4d3ce;

  position: relative;

  overflow: hidden;

  background: var(--e11-paper);
  color: var(--e11-ink);
}


/* =========================================================
   INNER
========================================================= */

.exp11-inner {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;

  box-sizing: border-box;

  padding:
    34px
    68px
    26px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.exp11-toprail {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 30px;

  flex: 0 0 auto;

  padding-bottom: 11px;

  border-bottom:
    1px solid var(--e11-line);
}


.exp11-top-left,
.exp11-top-right {
  color: #81817d;

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.exp11-top-left {
  display: flex;

  align-items: center;
}


.exp11-dot {
  width: 7px;
  height: 7px;

  margin-right: 11px;

  border-radius: 50%;

  background: var(--e11-orange);
}


/* =========================================================
   HEADER
========================================================= */

.exp11-header {
  display: grid;

  grid-template-columns:
    minmax(0, 1.35fr)
    520px;

  gap: 65px;

  align-items: end;

  flex: 0 0 auto;

  padding:
    19px
    0
    18px;
}


.exp11-eyebrow {
  margin-bottom: 8px;

  color: var(--e11-orange);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.exp11-header h1 {
  max-width: 1100px;

  margin: 0 !important;

  color: var(--e11-ink) !important;

  font-size: 58px !important;
  font-weight: 600 !important;

  line-height: .90 !important;

  letter-spacing: -.05em !important;

  text-transform: uppercase;
}


.exp11-header h1 span {
  display: block;

  color: var(--e11-orange);
}


.exp11-header-note {
  padding:
    0
    0
    3px
    21px;

  border-left:
    3px solid var(--e11-orange);
}


.exp11-header-note p {
  max-width: 470px;

  margin: 0 !important;

  color: #62625f;

  font-size: 14px;

  line-height: 1.5;
}


/* =========================================================
   ROADMAP
========================================================= */

.exp11-roadmap {
  display: grid;

  grid-template-columns:
    1.03fr
    1.03fr
    .94fr
    1.24fr;

  gap: 10px;

  flex: 1 1 auto;

  min-height: 0;
}


/* =========================================================
   STAGE
========================================================= */

.exp11-stage {
  display: grid;

  grid-template-rows:
    minmax(0, 1fr)
    auto;

  min-width: 0;
  min-height: 0;

  overflow: hidden;

  background: #141414;
}


/* =========================================================
   MEDIA
========================================================= */

.exp11-media {
  position: relative;

  min-height: 0;

  overflow: hidden;

  background: #171717;
}


.exp11-media > img {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  filter:
    saturate(.76)
    contrast(1.04);

  transition:
    transform .7s cubic-bezier(.16,1,.3,1),
    filter .5s ease;
}


.exp11-stage:hover
.exp11-media > img {
  transform: scale(1.025);

  filter:
    saturate(.88)
    contrast(1.04);
}


/* INDIVIDUAL IMAGE POSITIONS */

.exp11-stage-01
.exp11-media > img {
  object-position:
    center 52%;
}


.exp11-stage-02
.exp11-media > img {
  object-position:
    center center;
}


.exp11-stage-03
.exp11-media > img {
  object-position:
    center center;

  filter:
    grayscale(1)
    contrast(1.08)
    brightness(.92);
}


.exp11-stage-04
.exp11-media > img {
  object-position:
    center center;

  filter:
    saturate(.82)
    contrast(1.05)
    brightness(.92);
}


/* =========================================================
   IMAGE SHADING
========================================================= */

.exp11-media-shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:

    linear-gradient(
      180deg,
      rgba(5,6,7,.54) 0%,
      rgba(5,6,7,.07) 31%,
      rgba(5,6,7,.14) 55%,
      rgba(5,6,7,.88) 100%
    ),

    linear-gradient(
      90deg,
      rgba(5,6,7,.18),
      transparent 70%
    );
}


.exp11-media-shade-depot {
  background:

    radial-gradient(
      circle at 75% 25%,
      rgba(241,90,36,.13),
      transparent 39%
    ),

    linear-gradient(
      180deg,
      rgba(5,6,7,.46) 0%,
      rgba(5,6,7,.08) 28%,
      rgba(5,6,7,.18) 55%,
      rgba(5,6,7,.91) 100%
    );
}


/* =========================================================
   LARGE STAGE NUMBER
========================================================= */

.exp11-stage-number {
  position: absolute;

  z-index: 2;

  right: 15px;
  top: 7px;

  color:
    rgba(255,255,255,.085);

  font-size: clamp(60px, 5vw, 92px);
  font-weight: 600;

  line-height: 1;

  letter-spacing: -.06em;
}


/* =========================================================
   STAGE META
========================================================= */

.exp11-stage-meta {
  position: absolute;

  z-index: 4;

  top: 17px;
  left: 17px;

  display: flex;

  align-items: center;

  gap: 9px;
}


.exp11-stage-meta span {
  padding:
    5px
    7px;

  background:
    var(--e11-orange);

  color: #fff;

  font-size: 7px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .13em;

  text-transform: uppercase;
}


.exp11-stage-meta strong {
  color:
    rgba(255,255,255,.66);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}


/* =========================================================
   STAGE MAIN COPY
========================================================= */

.exp11-stage-main {
  position: absolute;

  z-index: 4;

  left: 18px;
  right: 18px;
  bottom: 19px;
}


.exp11-stage-kicker {
  margin-bottom: 8px;

  color: var(--e11-orange);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.exp11-stage-main h2 {
  max-width: 330px;

  margin: 0 !important;

  color: #fff !important;

  font-size: clamp(24px, 1.75vw, 34px) !important;
  font-weight: 600 !important;

  line-height: .92 !important;

  letter-spacing: -.035em !important;

  text-transform: uppercase;
}


.exp11-stage-04
.exp11-stage-main h2 {
  max-width: 420px;

  font-size: clamp(28px, 2vw, 39px) !important;
}


.exp11-stage-main p {
  max-width: 330px;

  margin:
    11px
    0
    0 !important;

  color:
    rgba(255,255,255,.72);

  font-size: 11px;

  line-height: 1.42;
}


.exp11-stage-04
.exp11-stage-main p {
  max-width: 410px;
}


/* =========================================================
   CAPABILITY STRIPS
========================================================= */

.exp11-capabilities {
  display: flex;

  align-items: stretch;

  min-height: 48px;

  background: #101010;

  border-top:
    1px solid rgba(255,255,255,.13);
}


.exp11-capability {
  display: flex;

  align-items: center;

  flex: 1;

  min-width: 0;

  padding:
    0
    10px;

  color:
    rgba(255,255,255,.58);

  font-size: 7px;
  font-weight: 600;

  line-height: 1.2;

  letter-spacing: .10em;

  text-transform: uppercase;

  border-right:
    1px solid rgba(255,255,255,.10);
}


.exp11-capability:last-child {
  border-right: 0;
}


.exp11-capability-primary {
  color: var(--e11-orange);
}


.exp11-capabilities-depot {
  background:
    var(--e11-orange);
}


.exp11-capabilities-depot
.exp11-capability {
  color:
    rgba(255,255,255,.84);

  border-color:
    rgba(255,255,255,.20);
}


.exp11-capabilities-depot
.exp11-capability-primary {
  color: #fff;
}


/* =========================================================
   DEPOT MARK
========================================================= */

.exp11-depot-mark {
  position: absolute;

  z-index: 3;

  top: 51%;
  right: 18px;

  transform:
    translateY(-50%);

  color:
    rgba(255,255,255,.11);

  font-size: clamp(42px, 3.3vw, 64px);
  font-weight: 600;

  line-height: .78;

  letter-spacing: -.06em;

  text-align: right;

  text-transform: uppercase;
}


.exp11-depot-mark span {
  display: block;

  color:
    rgba(241,90,36,.34);
}


/* =========================================================
   PROGRESSION RAIL
========================================================= */

.exp11-progress {
  display: grid;

  grid-template-columns:
    145px
    minmax(0, 1fr)
    345px;

  gap: 20px;

  align-items: center;

  flex: 0 0 auto;

  min-height: 83px;

  margin-top: 13px;

  padding-top: 12px;

  border-top:
    1px solid var(--e11-line);
}


/* =========================================================
   PROGRESS LABEL
========================================================= */

.exp11-progress-label {
  color: #858581;

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .16em;

  text-transform: uppercase;
}


/* =========================================================
   TRACK
========================================================= */

.exp11-progress-track {
  display: flex;

  align-items: center;

  min-width: 0;
}


.exp11-progress-node {
  display: flex;

  align-items: center;

  gap: 9px;

  flex: 0 0 auto;
}


.exp11-progress-node i {
  width: 9px;
  height: 9px;

  flex: 0 0 auto;

  border:
    2px solid #a5a49f;

  border-radius: 50%;

  background:
    var(--e11-paper);
}


.exp11-progress-node-active i {
  border-color:
    var(--e11-orange);

  background:
    var(--e11-orange);

  box-shadow:
    0 0 0 5px
    rgba(241,90,36,.08);
}


.exp11-progress-node-end i {
  border-color:
    var(--e11-orange);
}


.exp11-progress-node div {
  display: flex;

  flex-direction: column;

  gap: 4px;
}


.exp11-progress-node span {
  color: var(--e11-orange);

  font-size: 7px;
  font-weight: 600;
}


.exp11-progress-node strong {
  color: #555552;

  font-size: 8px;
  font-weight: 600;

  white-space: nowrap;

  letter-spacing: .08em;

  text-transform: uppercase;
}


.exp11-progress-line {
  position: relative;

  flex: 1;

  min-width: 20px;

  height: 1px;

  margin:
    0
    14px;

  background:
    #c7c6c1;
}


.exp11-progress-line::after {
  content: "";

  position: absolute;

  top: -2px;
  right: 0;

  width: 5px;
  height: 5px;

  border-top:
    1px solid var(--e11-orange);

  border-right:
    1px solid var(--e11-orange);

  transform:
    rotate(45deg);
}


/* =========================================================
   END STATE
========================================================= */

.exp11-progress-result {
  padding:
    11px
    15px;

  background:
    #111;
}


.exp11-progress-result span {
  display: block;

  color:
    var(--e11-orange);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.exp11-progress-result strong {
  display: block;

  margin-top: 6px;

  color: #fff;

  font-size: 13px;
  font-weight: 600;

  line-height: 1.15;

  letter-spacing: -.01em;

  text-transform: uppercase;
}


/* =========================================================
   SHORTER VIEWPORTS
========================================================= */

@media
(max-height: 800px)
and
(min-width: 801px) {

  .exp11-inner {
    padding-top: 28px;
    padding-bottom: 22px;
  }


  .exp11-header {
    padding:
      14px
      0
      14px;
  }


  .exp11-header h1 {
    font-size:
      48px !important;
  }


  .exp11-stage-main h2 {
    font-size:
      25px !important;
  }


  .exp11-stage-main p {
    margin-top:
      8px !important;

    font-size:
      10px;
  }


  .exp11-progress {
    min-height:
      70px;

    margin-top:
      10px;

    padding-top:
      9px;
  }

}/* =========================================================
   TEAM / 13
========================================================= */

.slide-team13 {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f3f2ee;
  color: #111111;
  overflow: hidden;
}

.team13-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 16%, rgba(241, 90, 36, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 242, 238, 0.98) 100%);
  z-index: 0;
}

.team13-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17, 17, 17, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 17, 17, 0.045) 1px, transparent 1px);
  background-size: 140px 140px;
  opacity: 0.22;
  z-index: 0;
  pointer-events: none;
}

.team13-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 28px 52px 34px;
  box-sizing: border-box;
}

.team13-toprail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(17, 17, 17, 0.12);
  margin-top: 24px;
}

.team13-rail-left,
.team13-rail-right {
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(17, 17, 17, 0.48);
}

.team13-rail-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.team13-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f15a24;
  flex: 0 0 auto;
}

.team13-logo {
  position: absolute;
  top: 26px;
  left: 36px;
  width: 155px;
  height: auto;
  object-fit: contain;
}

.team13-header {
  position: absolute;
  left: 52px;
  top: 122px;
  width: 510px;
}

.team13-eyebrow {
  margin-bottom: 14px;
  color: #f15a24;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.team13-header h1 {
  margin: 0;
  font-size: 78px;
  line-height: 0.92;
  font-weight: 800;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.team13-header p {
  margin: 20px 0 0;
  max-width: 500px;
  color: rgba(17, 17, 17, 0.76);
  font-size: 20px;
  line-height: 1.45;
  font-weight: 500;
}

.team13-leadership {
  position: absolute;
  left: 610px;
  right: 52px;
  top: 122px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.team13-card {
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(17, 17, 17, 0.10);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 14px 14px 18px;
  min-height: 445px;
  box-sizing: border-box;
}

.team13-card-image {
  width: 100%;
  height: 235px;
  background: #111111;
  overflow: hidden;
  margin-bottom: 14px;
}

.team13-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team13-card-meta {
  margin-bottom: 12px;
  color: #f15a24;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.team13-card h3 {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 0.96;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.team13-card-role {
  margin-bottom: 10px;
  color: #111111;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.team13-card-focus {
  color: rgba(17, 17, 17, 0.60);
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.team13-core {
  position: absolute;
  left: 52px;
  right: 52px;
  top: 620px;
  bottom: 88px;
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 22px;
}

.team13-core-head {
  position: absolute;
  left: 0;
  top: -54px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: calc(100% - 0px);
  gap: 24px;
}

.team13-section-label {
  color: #111111;
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.team13-section-copy {
  max-width: 610px;
  color: rgba(17, 17, 17, 0.72);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 500;
}

.team13-core-photo {
  background: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.12);
  overflow: hidden;
  min-height: 280px;
}

.team13-core-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team13-core-members {
  background: #111111;
  color: #ffffff;
  border: 1px solid rgba(17, 17, 17, 0.12);
  display: grid;
  grid-template-rows: repeat(4, 1fr);
}

.team13-member {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  box-sizing: border-box;
}

.team13-member:last-child {
  border-bottom: none;
}

.team13-member-num {
  color: #f15a24;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.team13-member-name {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.team13-member-role {
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.team13-bottom-strip {
  position: absolute;
  left: 52px;
  right: 52px;
  bottom: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(17, 17, 17, 0.12);
}

.team13-bottom-strip span {
  color: rgba(17, 17, 17, 0.55);
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}/* =========================================================
   THE RAISE / 15
   PORTED FROM INVESTMENT TEASER / 04
========================================================= */

.slide-investment04 {
  --orange: #f15a24;
  --paper: #f3f3f1;
  --soft: rgba(255,255,255,.78);
  --muted: rgba(255,255,255,.52);
  --line: rgba(255,255,255,.17);

  position: relative;

  overflow: hidden;

  background: #111;
  color: var(--paper);
}


/* =========================================================
   BACKGROUND
========================================================= */

.inv04-bg {
  position: absolute;
  inset: 0;

  z-index: 0;

  overflow: hidden;
}

.inv04-bg img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center 54%;
}


/* =========================================================
   SUBTLE IMAGE VEIL
========================================================= */

.inv04-overlay {
  position: absolute;
  inset: 0;

  z-index: 1;

  background:
    rgba(7,7,7,.32);

  pointer-events: none;
}


/* no technical grid on this slide */

.inv04-grid {
  display: none;
}


/* =========================================================
   INNER
========================================================= */

.inv04-inner {
  position: relative;

  z-index: 3;

  width: 100%;
  height: 100%;

  box-sizing: border-box;

  padding:
    46px
    78px
    36px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.inv04-toprail {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 30px;

  padding-bottom: 14px;

  box-sizing: border-box;

  border-bottom:
    1px solid var(--line);
}


.inv04-rail-left,
.inv04-rail-right {
  color:
    rgba(255,255,255,.58);

  font-size: 9px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.inv04-rail-left {
  display: flex;

  align-items: center;
}


.inv04-dot {
  display: inline-block;

  width: 7px;
  height: 7px;

  flex: 0 0 auto;

  margin-right: 11px;

  border-radius: 50%;

  background:
    var(--orange);
}


/* =========================================================
   HEADER
========================================================= */

.inv04-header {
  display: grid;

  grid-template-columns:
    650px
    minmax(0, 1fr);

  gap: 90px;

  align-items: end;

  margin-top: 29px;
}


.inv04-eyebrow {
  grid-column: 1;

  color:
    var(--orange);

  font-size: 10px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.inv04-header h1 {
  grid-column: 1;

  margin:
    9px
    0
    0 !important;

  padding: 0 !important;

  color:
    #fff !important;

  font-size:
    68px !important;

  font-weight:
    600 !important;

  line-height:
    .90 !important;

  letter-spacing:
    -.045em !important;

  text-transform: uppercase;
}


.inv04-background {
  grid-column: 2;
  grid-row: 1 / 3;

  align-self: end;

  max-width: 720px;

  margin:
    0
    0
    3px !important;

  color:
    rgba(255,255,255,.82);

  font-size: 17px;

  line-height: 1.5;
}


/* =========================================================
   MAIN
========================================================= */

.inv04-main {
  display: grid;

  grid-template-columns:
    minmax(0, 1.45fr)
    minmax(450px, .72fr);

  gap: 38px;

  margin-top: 26px;
}


/* =========================================================
   GLASS PANELS
========================================================= */

.inv04-funds,
.inv04-terms {
  box-sizing: border-box;

  background:
    rgba(10,10,10,.54);

  border:
    1px solid rgba(255,255,255,.15);

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);

  box-shadow:
    0 14px 40px
    rgba(0,0,0,.18);
}


/* =========================================================
   SHARED SECTION HEAD
========================================================= */

.inv04-section-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  padding-bottom: 16px;

  border-bottom:
    1px solid rgba(255,255,255,.13);
}


.inv04-section-head span {
  color:
    rgba(255,255,255,.50);

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .16em;

  text-transform: uppercase;
}


.inv04-section-head span:first-child {
  color:
    var(--orange);
}


/* =========================================================
   USE OF FUNDS
========================================================= */

.inv04-funds {
  padding:
    28px
    30px
    27px;
}


/* =========================================================
   FUND ITEM
========================================================= */

.inv04-fund {
  padding-top: 15px;
}


.inv04-fund + .inv04-fund {
  margin-top: 10px;

  padding-top: 14px;

  border-top:
    1px solid rgba(255,255,255,.085);
}


/* =========================================================
   FUND META
========================================================= */

.inv04-fund-meta {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-bottom: 8px;
}


.inv04-fund-meta span {
  color:
    rgba(255,255,255,.58);

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.inv04-fund-meta strong {
  color:
    #fff;

  font-size: 22px;
  font-weight: 500;

  line-height: 1;

  letter-spacing: -.035em;
}


/* =========================================================
   FUND TRACK
========================================================= */

.inv04-fund-track {
  position: relative;

  height: 42px;

  overflow: hidden;

  background:
    rgba(255,255,255,.065);

  border:
    1px solid rgba(255,255,255,.10);
}


.inv04-fund-fill {
  position: absolute;

  top: 0;
  bottom: 0;
  left: 0;

  z-index: 1;

  background:
    var(--orange);
}


/* Allocation widths */

.inv04-fund-fill--35 {
  width: 100%;
}


.inv04-fund-fill--25 {
  width: 71.43%;
}


.inv04-fund-fill--20 {
  width: 57.14%;
}


/* subtle highlight */

.inv04-fund-fill::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,0)
    );

  pointer-events: none;
}


/* =========================================================
   FUND TITLE
========================================================= */

.inv04-fund-title {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  height: 100%;

  padding:
    0
    15px;

  box-sizing: border-box;

  color: #fff;

  font-size: 13px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .055em;

  text-transform: uppercase;

  text-shadow:
    0 1px 5px rgba(0,0,0,.28);
}


/* =========================================================
   FUND COPY
========================================================= */

.inv04-fund p {
  margin:
    7px
    0
    0 !important;

  max-width: 700px;

  color:
    rgba(255,255,255,.68);

  font-size: 11px;

  line-height: 1.4;
}


/* =========================================================
   ROUND TERMS
========================================================= */

.inv04-terms {
  display: flex;

  flex-direction: column;

  min-height: 100%;

  padding:
    28px
    30px
    27px;
}


/* =========================================================
   ROUND LABEL
========================================================= */

.inv04-section-label {
  color:
    var(--orange);

  font-size: 9px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


/* =========================================================
   ROUND SIZE
========================================================= */

.inv04-round-size {
  margin-top: 22px;

  color:
    #fff;

  font-size: 82px;
  font-weight: 500;

  line-height: .84;

  letter-spacing: -.055em;
}


.inv04-round-sub {
  margin-top: 11px;

  color:
    var(--orange);

  font-size: 10px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


/* =========================================================
   TERM LIST
========================================================= */

.inv04-term-list {
  margin-top: 28px;

  border-top:
    1px solid rgba(255,255,255,.12);
}


.inv04-term {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 22px;

  min-height: 53px;

  padding:
    14px
    0;

  box-sizing: border-box;

  border-bottom:
    1px solid rgba(255,255,255,.11);
}


.inv04-term span {
  color:
    rgba(255,255,255,.58);

  font-size: 8px;
  font-weight: 600;

  line-height: 1.2;

  letter-spacing: .13em;

  text-transform: uppercase;
}


.inv04-term strong {
  color:
    #fff;

  font-size: 18px;
  font-weight: 500;

  line-height: 1;

  letter-spacing: -.02em;

  text-align: right;

  white-space: nowrap;
}


/* =========================================================
   ROUND OBJECTIVE
========================================================= */

.inv04-scope {
  margin-top: auto;

  padding:
    16px
    17px;

  background:
    rgba(241,90,36,.11);

  border-left:
    3px solid var(--orange);
}


.inv04-scope span {
  display: block;

  color:
    var(--orange);

  font-size: 7px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.inv04-scope p {
  margin:
    8px
    0
    0 !important;

  color:
    rgba(255,255,255,.82);

  font-size: 12px;

  line-height: 1.42;
}


/* =========================================================
   BOTTOM / WHAT THIS ROUND UNLOCKS
========================================================= */

.inv04-bottom {
  margin-top: 27px;

  padding-top: 18px;

  border-top:
    1px solid var(--line);
}


/* =========================================================
   BOTTOM HEAD
========================================================= */

.inv04-bottom-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;
}


.inv04-bottom-head span {
  color:
    rgba(255,255,255,.50);

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .16em;

  text-transform: uppercase;
}


.inv04-bottom-head span:first-child {
  color:
    var(--orange);

  font-size: 9px;
}


/* =========================================================
   OUTCOME GRID
========================================================= */

.inv04-outcomes {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 14px;

  margin-top: 14px;
}


/* =========================================================
   OUTCOME
========================================================= */

.inv04-outcome {
  min-height: 128px;

  padding:
    17px
    18px
    16px;

  box-sizing: border-box;

  background:
    rgba(8,8,8,.44);

  border:
    1px solid rgba(255,255,255,.12);

  backdrop-filter:
    blur(8px);

  -webkit-backdrop-filter:
    blur(8px);
}


.inv04-outcome > span {
  display: block;

  color:
    var(--orange);

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .15em;
}


.inv04-outcome > strong {
  display: block;

  margin-top: 12px;

  color:
    #fff;

  font-size: 22px;
  font-weight: 600;

  line-height: .98;

  letter-spacing: -.025em;

  text-transform: uppercase;
}


.inv04-outcome p {
  margin:
    9px
    0
    0 !important;

  max-width: 310px;

  color:
    rgba(255,255,255,.67);

  font-size: 11px;

  line-height: 1.4;
}


/* =========================================================
   SMALL ACCENT ON FIRST OUTCOME
========================================================= */

.inv04-outcome:first-child {
  border-color:
    rgba(241,90,36,.34);

  background:
    linear-gradient(
      90deg,
      rgba(241,90,36,.11),
      rgba(8,8,8,.44) 55%
    );
}


/* =========================================================
   SHORTER DESKTOP VIEWPORTS
========================================================= */

@media
(max-height: 850px)
and
(min-width: 801px) {

  .inv04-inner {
    padding:
      30px
      68px
      24px;
  }


  .inv04-toprail {
    padding-bottom:
      10px;
  }


  .inv04-header {
    margin-top:
      18px;

    grid-template-columns:
      560px
      minmax(0,1fr);

    gap:
      60px;
  }


  .inv04-header h1 {
    font-size:
      56px !important;
  }


  .inv04-background {
    font-size:
      14px;
  }


  .inv04-main {
    margin-top:
      18px;

    gap:
      28px;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(400px,.72fr);
  }


  .inv04-funds,
  .inv04-terms {
    padding:
      20px
      23px;
  }


  .inv04-fund {
    padding-top:
      11px;
  }


  .inv04-fund + .inv04-fund {
    margin-top:
      6px;

    padding-top:
      10px;
  }


  .inv04-fund-track {
    height:
      34px;
  }


  .inv04-fund-title {
    font-size:
      11px;
  }


  .inv04-fund p {
    margin-top:
      5px !important;

    font-size:
      9px;
  }


  .inv04-round-size {
    margin-top:
      17px;

    font-size:
      68px;
  }


  .inv04-term-list {
    margin-top:
      20px;
  }


  .inv04-term {
    min-height:
      44px;

    padding:
      10px
      0;
  }


  .inv04-term strong {
    font-size:
      16px;
  }


  .inv04-scope {
    padding:
      12px
      14px;
  }


  .inv04-scope p {
    font-size:
      10px;
  }


  .inv04-bottom {
    margin-top:
      17px;

    padding-top:
      12px;
  }


  .inv04-outcomes {
    margin-top:
      10px;
  }


  .inv04-outcome {
    min-height:
      104px;

    padding:
      13px
      15px;
  }


  .inv04-outcome > strong {
    margin-top:
      8px;

    font-size:
      18px;
  }


  .inv04-outcome p {
    margin-top:
      6px !important;

    font-size:
      9px;
  }

}
/* =========================================================
   CONTACT / 15
   COME SEE US
========================================================= */

.slide-contact15 {
  --c15-orange: #f15a24;
  --c15-black: #090909;
  --c15-paper: #f3f3f1;
  --c15-line: rgba(255,255,255,.14);

  position: relative;

  overflow: hidden;

  background: var(--c15-black);
  color: var(--c15-paper);
}


/* =========================================================
   SUBTLE BACKGROUND GRID
========================================================= */

.contact15-grid {
  position: absolute;
  inset: 0;

  z-index: 0;

  pointer-events: none;

  opacity: .10;

  background-image:

    linear-gradient(
      rgba(255,255,255,.04) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.04) 1px,
      transparent 1px
    );

  background-size:
    220px
    220px;
}


/* =========================================================
   INNER
========================================================= */

.contact15-inner {
  position: relative;

  z-index: 2;

  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;

  box-sizing: border-box;

  padding:
    34px
    68px
    26px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.contact15-toprail {
  display: flex;

  align-items: center;
  justify-content: space-between;

  height: 30px;

  flex: 0 0 auto;

  padding-bottom: 11px;

  border-bottom:
    1px solid var(--c15-line);
}


.contact15-top-left,
.contact15-top-right {
  color:
    rgba(255,255,255,.52);

  font-size: 8px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.contact15-top-left {
  display: flex;

  align-items: center;
}


.contact15-dot {
  width: 7px;
  height: 7px;

  margin-right: 11px;

  flex: 0 0 auto;

  border-radius: 50%;

  background:
    var(--c15-orange);
}


/* =========================================================
   CONTENT
========================================================= */

.contact15-content {
  display: grid;

  grid-template-columns:
    360px
    minmax(0, 1fr);

  gap: 48px;

  flex: 1 1 auto;

  min-height: 0;

  margin-top: 28px;
}


/* =========================================================
   LEFT
========================================================= */

.contact15-left {
  display: flex;

  flex-direction: column;

  justify-content: space-between;

  min-height: 0;

  padding-right: 12px;
}


/* =========================================================
   HEADLINE
========================================================= */

.contact15-eyebrow {
  margin-bottom: 14px;

  color:
    var(--c15-orange);

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.contact15-left h1 {
  margin: 0 !important;

  color:
    #fff !important;

  font-size:
    82px !important;

  font-weight:
    600 !important;

  line-height:
    .83 !important;

  letter-spacing:
    -.055em !important;

  text-transform: uppercase;
}


.contact15-left h1 span {
  display: block;

  color:
    var(--c15-orange);
}


.contact15-intro {
  max-width: 330px;

  margin:
    24px
    0
    0 !important;

  color:
    rgba(255,255,255,.74);

  font-size: 16px;

  line-height: 1.48;
}


.contact15-accent {
  width: 64px;
  height: 3px;

  margin-top: 26px;

  background:
    var(--c15-orange);
}


/* =========================================================
   CONTACT
========================================================= */

.contact15-contact {
  padding-top: 20px;

  border-top:
    1px solid rgba(255,255,255,.14);
}


.contact15-contact-label {
  margin-bottom: 14px;

  color:
    rgba(255,255,255,.40);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.contact15-contact strong {
  display: block;

  color: #fff;

  font-size: 20px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: -.02em;

  text-transform: uppercase;
}


.contact15-contact > span {
  display: block;

  margin-top: 7px;
  margin-bottom: 17px;

  color:
    var(--c15-orange);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;

  text-transform: uppercase;
}


.contact15-contact a {
  display: block;

  width: fit-content;

  margin-top: 8px;

  color:
    rgba(255,255,255,.78);

  font-size: 12px;
  font-weight: 500;

  line-height: 1.2;

  text-decoration: none;
}


.contact15-contact a:hover {
  color:
    var(--c15-orange);
}


/* =========================================================
   LOCATIONS
========================================================= */

.contact15-locations {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;

  min-width: 0;
  min-height: 0;
}


/* =========================================================
   LOCATION CARD
========================================================= */

.contact15-location {
  display: grid;

  grid-template-rows:
    minmax(0, 1fr)
    92px;

  min-width: 0;
  min-height: 0;

  overflow: hidden;

  background: #111;

  border:
    1px solid rgba(255,255,255,.13);
}


/* =========================================================
   PHOTO
========================================================= */

.contact15-photo {
  position: relative;

  min-height: 0;

  overflow: hidden;

  background: #111;
}


.contact15-photo img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center center;

  /* IMPORTANT:
     NO FILTER
     NO GRAYSCALE
     NO DARKENING
     NO COLOR EDIT
  */
  filter: none;

  transform: none;
}


/* =========================================================
   SMALL PHOTO ID
========================================================= */

.contact15-photo-tag {
  position: absolute;

  top: 14px;
  left: 14px;

  padding:
    5px
    7px;

  background:
    rgba(7,7,7,.66);

  color:
    rgba(255,255,255,.86);

  font-size: 6px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .14em;

  text-transform: uppercase;
}


/* =========================================================
   LOCATION INFO
========================================================= */

.contact15-location-info {
  display: grid;

  grid-template-columns:
    62px
    1fr;

  align-items: center;

  min-width: 0;

  padding:
    0
    16px;

  box-sizing: border-box;

  background:
    #101010;

  border-top:
    1px solid rgba(255,255,255,.13);
}


/* =========================================================
   NUMBER
========================================================= */

.contact15-number {
  display: flex;

  align-items: center;

  height: 50px;

  color:
    var(--c15-orange);

  font-size: 34px;
  font-weight: 500;

  line-height: 1;

  letter-spacing: -.05em;

  border-right:
    1px solid rgba(255,255,255,.14);
}


/* =========================================================
   LOCATION COPY
========================================================= */

.contact15-location-copy {
  min-width: 0;

  padding-left: 16px;
}


.contact15-location-copy span {
  display: block;

  margin-bottom: 5px;

  color:
    var(--c15-orange);

  font-size: 6px;
  font-weight: 600;

  letter-spacing: .14em;

  text-transform: uppercase;
}


.contact15-location-copy strong {
  display: block;

  overflow: hidden;

  color: #fff;

  font-size: 15px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: -.015em;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-transform: uppercase;
}


.contact15-location-copy small {
  display: block;

  margin-top: 8px;

  color:
    rgba(255,255,255,.48);

  font-size: 6px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .13em;

  text-transform: uppercase;
}


/* =========================================================
   BOTTOM RAIL
========================================================= */

.contact15-bottom {
  display: flex;

  align-items: center;

  gap: 16px;

  flex: 0 0 auto;

  padding-top: 14px;

  color:
    rgba(255,255,255,.36);

  font-size: 7px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.contact15-bottom > div {
  flex: 1;

  height: 1px;

  background:
    rgba(255,255,255,.13);
}


/* =========================================================
   INVESTOR PRESENTATION / FIXED 1920 × 1080 CANVAS
========================================================= */

.investor-deck-root,
.investor-deck-page {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden !important;
  background: #000;
}

.investor-presentation-viewport {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #000;
}

.investor-presentation-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  min-width: 1920px;
  max-width: 1920px;
  height: 1080px;
  min-height: 1080px;
  max-height: 1080px;
  margin-top: -540px;
  margin-left: -960px;
  overflow: hidden;
  background: var(--black);
  transform: scale(var(--investor-presentation-scale, 1));
  transform-origin: 50% 50%;
  will-change: transform;
}

.investor-deck-page .deck {
  position: absolute;
  inset: 0;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
}

.investor-deck-page .deck-track {
  width: 1920px;
  height: 1080px;
  transform:
    translate3d(
      0,
      var(--investor-track-offset, 0px),
      0
    ) !important;
}

.investor-deck-page .slide {
  width: 1920px !important;
  min-width: 1920px !important;
  max-width: 1920px !important;
  height: 1080px !important;
  min-height: 1080px !important;
  max-height: 1080px !important;
  overflow: hidden !important;
}

.investor-deck-page .slide-inner {
  height: 100%;
  min-height: 0 !important;
}

.investor-deck-page .mcs-deck-brand,
.investor-deck-page .deck-progress,
.investor-deck-page .mcs-deck-nav,
.investor-deck-page .deck-controls {
  position: absolute;
}

.investor-deck-page .mcs-deck-brand {
  top: 20px;
  left: 68px;
  display: block;
  width: 160px;
}

.investor-deck-page .mcs-deck-nav,
.investor-deck-page .deck-controls {
  display: flex;
}

.investor-deck-page .deck-progress {
  display: block;
}

.investor-presentation-viewport:fullscreen {
  width: 100%;
  height: 100%;
  background: #000;
}


/* =========================================================
   CANONICAL INVESTOR GEOMETRY

   These values are the existing responsive declarations
   resolved at the presentation canvas size (1920 × 1080).
   Keeping this layer last prevents the browser viewport from
   changing slide geometry before the canvas is scaled.
========================================================= */

body.investor-deck-page :where(.slide) .slide-inner {
  height: 1080px;
  min-height: 0 !important;
  padding: 67.2px 92px 72px;
}

body.investor-deck-page :where(.slide) .mcs-label {
  font-size: 10.752px !important;
}

body.investor-deck-page :where(.slide) p {
  font-size: 15px;
}

body.investor-deck-page :where(.slide) small {
  font-size: 9.984px;
}

body.investor-deck-page
:where(.slide)
:is(
  .commercial09-principle-top span,
  .product03-callout-number
) {
  font-size: 11.52px;
}

body.investor-deck-page
:is(
  .hero01-copy,
  .commercial09-hero-copy p,
  .commercial09-principle p
) {
  font-size: 17px !important;
}


/* =========================================================
   COVER / 01
========================================================= */

body.investor-deck-page .slide-hero .hero01-media img {
  object-position: 51% center;
}

body.investor-deck-page .slide-hero .hero01-shade {
  background:
    linear-gradient(
      90deg,
      rgba(5,5,5,.82) 0%,
      rgba(5,5,5,.59) 25%,
      rgba(5,5,5,.16) 57%,
      rgba(5,5,5,.04) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5,5,5,.92) 0%,
      rgba(5,5,5,.35) 28%,
      rgba(5,5,5,.03) 61%
    ),
    linear-gradient(
      180deg,
      rgba(5,5,5,.48) 0%,
      rgba(5,5,5,0) 24%
    );
}

body.investor-deck-page .slide-hero .hero01-grid {
  opacity: .14;
  background-size: 80px 80px;
}

body.investor-deck-page .slide-hero .hero01-top {
  left: 288px;
  padding-bottom: 17px;
}

body.investor-deck-page .slide-hero::after {
  left: 68px;
  right: 68px;
}

body.investor-deck-page .slide-hero .hero01-top-right {
  display: flex;
}

body.investor-deck-page .slide-hero .hero01-main {
  position: absolute;
  left: 70px;
  right: 70px;
  top: 50%;
  width: auto;
  margin: 0;
  transform: translateY(-44%);
}

body.investor-deck-page .slide-hero .hero01-kicker {
  margin-bottom: 22px;
}

body.investor-deck-page .slide-hero .hero01-title {
  font-size: 182px;
  line-height: .78;
}

body.investor-deck-page .slide-hero .hero01-copy {
  width: min(390px, 100%);
  margin: 45px 0 0;
  color: rgba(255,255,255,.82);
}

body.investor-deck-page .slide-hero .hero01-specs {
  position: absolute;
  left: auto;
  right: 70px;
  bottom: 45px;
  width: auto;
  grid-template-columns: repeat(4, auto);
  margin-top: 0;
}

body.investor-deck-page .slide-hero .hero01-spec {
  min-width: 123px;
  padding: 13px 18px 14px;
}

body.investor-deck-page .slide-hero .hero01-spec-label {
  font-size: 8px;
}

body.investor-deck-page
.slide-hero
.hero01-spec
+
.hero01-spec {
  border-left: 1px solid rgba(255,255,255,.16);
}

body.investor-deck-page
.slide-hero
:is(.hero01-spec:nth-child(3), .hero01-spec:nth-child(4)) {
  border-top: 0;
}

body.investor-deck-page .slide-hero .hero01-spec-reading strong {
  font-size: 19px;
}

body.investor-deck-page .slide-hero .hero01-bottom {
  position: absolute;
  left: 70px;
  right: 70px;
  bottom: 12px;
  margin-top: 0;
}


/* =========================================================
   PROBLEM / 02
========================================================= */

body.investor-deck-page .slide-problem02 .problem02-meta {
  display: block;
  font-size: 9px;
}

body.investor-deck-page .slide-problem02 .problem02-eyebrow {
  font-size: 10px;
}

body.investor-deck-page .slide-problem02 .problem02-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 455px;
  gap: 90px;
  margin-top: 48.6px;
  padding-bottom: 43.2px;
}

body.investor-deck-page .slide-problem02 .problem02-kicker {
  margin-bottom: 22px;
  font-size: 11px;
}

body.investor-deck-page .slide-problem02 .problem02-title {
  font-size: 92px;
}

body.investor-deck-page .slide-problem02 .problem02-intro {
  margin-top: 27px;
  font-size: 19px;
  color: rgba(255,255,255,.82);
}

body.investor-deck-page .slide-problem02 .problem02-problems {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 30px;
}

body.investor-deck-page .slide-problem02 .problem02-problem {
  gap: 16px;
  padding: 18px 26px;
}

body.investor-deck-page .slide-problem02 .problem02-problem strong {
  font-size: 16px;
}

body.investor-deck-page .slide-problem02 .problem02-problem p {
  font-size: 15px;
  color: rgba(255,255,255,.72);
}

body.investor-deck-page .slide-problem02 .problem02-video-wrap {
  width: auto;
  min-height: 0;
}


/* =========================================================
   SOLUTION / 03
========================================================= */

body.investor-deck-page .slide-solution03 .slide-inner {
  height: 1080px;
  min-height: 0;
  padding: 67.2px 92px 104px;
}

body.investor-deck-page .slide-solution03 .solution03-meta {
  display: block;
  font-size: 9px;
}

body.investor-deck-page .slide-solution03 .solution03-eyebrow {
  font-size: 10px;
}

body.investor-deck-page .slide-solution03 .solution03-header {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 100px;
  padding: 25.92px 0 21.6px;
}

body.investor-deck-page .slide-solution03 .solution03-title {
  font-size: 66px;
}

body.investor-deck-page .slide-solution03 .solution03-intro {
  margin-top: 0;
  font-size: 19px;
  color: rgba(255,255,255,.82);
}

body.investor-deck-page .slide-solution03 .solution03-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr);
  gap: 34px;
  min-height: 0;
}

body.investor-deck-page .slide-solution03 .solution03-media,
body.investor-deck-page .slide-solution03 .solution03-support {
  min-height: 0;
}

body.investor-deck-page
.slide-solution03
:is(.solution03-media-top, .solution03-media-bottom) {
  left: 22px;
  right: 22px;
  font-size: 8.832px;
}

body.investor-deck-page .slide-solution03 .solution03-media-top {
  top: 20px;
}

body.investor-deck-page .slide-solution03 .solution03-media-bottom {
  bottom: 20px;
}

body.investor-deck-page .slide-solution03 .solution03-cad-top {
  font-size: 8px;
}

body.investor-deck-page .slide-solution03 .solution03-copy-item {
  padding: 24px;
}

body.investor-deck-page .slide-solution03 .solution03-phase-label {
  font-size: 9px;
}

body.investor-deck-page .slide-solution03 .solution03-copy h3 {
  font-size: 28px;
}

body.investor-deck-page .slide-solution03 .solution03-copy p {
  font-size: 15px;
  color: rgba(255,255,255,.72);
}

body.investor-deck-page .slide-solution03 .solution03-detail {
  font-size: 13px;
  color: rgba(255,255,255,.60);
}

body.investor-deck-page .slide-solution03 .solution03-metrics {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 15.12px;
}

body.investor-deck-page .slide-solution03 .solution03-metrics > div {
  padding: 14px 20px;
  border-right: 1px solid rgba(255,255,255,.12);
  border-bottom: 0;
}

body.investor-deck-page
.slide-solution03
.solution03-metrics > div:last-child {
  border-right: 0;
}

body.investor-deck-page .slide-solution03 .solution03-metrics span {
  font-size: 8px;
}

body.investor-deck-page .slide-solution03 .solution03-metrics strong {
  font-size: 24px;
}

body.investor-deck-page .slide-solution03 .solution03-rail {
  display: flex;
  grid-template-columns: none;
  gap: normal;
  padding-top: 17px;
}

body.investor-deck-page .slide-solution03 .solution03-step {
  gap: 12px;
}

body.investor-deck-page .slide-solution03 .solution03-step span {
  font-size: 8.64px;
}

body.investor-deck-page .slide-solution03 .solution03-step strong {
  font-size: 10px;
}

body.investor-deck-page .slide-solution03 .solution03-rail > i {
  display: block;
  margin: 0 28px;
}


/* =========================================================
   PRODUCT / 04
========================================================= */

body.investor-deck-page .slide-product04 .product03-meta,
body.investor-deck-page .slide-product04 .product03-axis,
body.investor-deck-page .slide-product04 .product04-side {
  display: block;
}

body.investor-deck-page .slide-product04 .product04-heading {
  position: absolute;
  top: 97.2px;
  left: 92px;
  margin-top: 0;
}

body.investor-deck-page .slide-product04 .product04-heading h2 {
  font-size: 68px;
}

body.investor-deck-page .slide-product04 .product04-heading p {
  margin-top: 21px;
  font-size: 18px;
  color: rgba(255,255,255,.82);
}

body.investor-deck-page .slide-product04 .product03-side {
  left: 10.5%;
  top: 56%;
}

body.investor-deck-page .slide-product04 .product03-side-label {
  font-size: 12px;
}

body.investor-deck-page .slide-product04 .product03-side-id {
  margin-top: 28px;
  font-size: 125px;
}

body.investor-deck-page .slide-product04 .product04-stage {
  position: absolute;
  inset: 108px 32% 118.8px 0;
  flex: 0 1 auto;
  min-height: 0;
  margin-top: 0;
}

body.investor-deck-page .slide-product04 .product03-product-wrap {
  top: 55%;
  left: 43%;
  width: 1120px;
  transform:
    translate(
      calc(-43% + var(--mx)),
      calc(-50% + var(--my))
    )
    scale(.94);
}

body.investor-deck-page
.slide-product04.is-active
.product03-product-wrap {
  transform:
    translate(
      calc(-43% + var(--mx)),
      calc(-50% + var(--my))
    )
    scale(1);
}

body.investor-deck-page .slide-product04 .product03-callout-line {
  width: 76px;
  margin: 0 15px;
}

body.investor-deck-page .slide-product04 .product03-callout-copy {
  min-width: 215px;
}

body.investor-deck-page .slide-product04 .product03-callout-copy strong {
  font-size: 15px;
}

body.investor-deck-page .slide-product04 .product04-callout-descriptor {
  font-size: 8px;
}

body.investor-deck-page .slide-product04 .product03-callout-detail {
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,.72);
}

body.investor-deck-page .slide-product04 .product04-impact {
  position: absolute;
  top: 129.6px;
  right: 92px;
  bottom: 84.24px;
  width: 540px;
  margin-top: 0;
}

body.investor-deck-page .slide-product04 .product04-impact-item {
  padding: 22px 26px;
}

body.investor-deck-page .slide-product04 .product04-impact-number {
  font-size: 9px;
}

body.investor-deck-page .slide-product04 .product04-impact-label {
  font-size: 8px;
}

body.investor-deck-page .slide-product04 .product04-impact-main strong {
  font-size: 82px;
}

body.investor-deck-page .slide-product04 .product04-impact-main > span {
  font-size: 24px;
}

body.investor-deck-page .slide-product04 .product04-impact-compare span {
  font-size: 7.872px;
}

body.investor-deck-page .slide-product04 .product04-impact-compare strong {
  font-size: 20px;
}

body.investor-deck-page .slide-product04 .product04-impact-item > p {
  font-size: 13px;
  color: rgba(255,255,255,.60);
}

body.investor-deck-page .slide-product04 .product04-bottom {
  position: absolute;
  left: 92px;
  right: 35%;
  bottom: 82px;
  grid-template-columns: minmax(130px, .30fr) minmax(0, 1fr);
  margin-top: 0;
}

body.investor-deck-page .slide-product04 .product04-prompt {
  display: flex;
  font-size: 8px;
}

body.investor-deck-page .slide-product04 .product04-specs {
  grid-template-columns: repeat(4, 1fr);
  border-left: 1px solid rgba(255,255,255,.12);
}

body.investor-deck-page .slide-product04 .product04-spec {
  padding: 10px 15px;
}

body.investor-deck-page .slide-product04 .product04-spec > span {
  font-size: 7px;
}

body.investor-deck-page .slide-product04 .product04-spec strong {
  font-size: 19px;
}


/* =========================================================
   BUSINESS MODEL / 06
========================================================= */

body.investor-deck-page .slide-business06 .slide-inner {
  height: 1080px;
  min-height: 0;
  padding: 67.2px 92px 100px;
}

body.investor-deck-page .slide-business06 .commercial09-hero-copy p {
  color: rgba(0,0,0,.76);
}

body.investor-deck-page .slide-business06 .commercial09-meta {
  display: block;
}

body.investor-deck-page .slide-business06 .business06-hero {
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  gap: 105px;
  padding: 20.52px 0 18.36px;
}

body.investor-deck-page .slide-business06 .commercial09-title {
  font-size: 70px;
}

body.investor-deck-page .slide-business06 .commercial09-kicker {
  margin-bottom: 16px;
}

body.investor-deck-page .slide-business06 .business06-raas {
  margin-top: 20px;
  padding-top: 16px;
}

body.investor-deck-page .slide-business06 .business06-principles {
  grid-template-columns: repeat(4, 1fr);
}

body.investor-deck-page .slide-business06 .commercial09-principle {
  min-height: 194.4px;
  padding: 22px;
  border-right: 1px solid rgba(0,0,0,.14);
  border-bottom: 0;
}

body.investor-deck-page
.slide-business06
.commercial09-principle:last-child {
  border-right: 0;
}

body.investor-deck-page .slide-business06 .commercial09-principle h3 {
  margin-top: 18px;
  font-size: 24px;
}

body.investor-deck-page .slide-business06 .commercial09-principle p {
  margin-top: 12px;
  color: rgba(0,0,0,.64) !important;
}

body.investor-deck-page
.slide-business06
.commercial09-principle-active p {
  color: rgba(255,255,255,.72) !important;
}

body.investor-deck-page
.slide-business06
.commercial09-principle-bottom {
  padding-top: 10px;
}

body.investor-deck-page .slide-business06 .business06-market {
  padding-top: 18.36px;
}

body.investor-deck-page .slide-business06 .business06-market-heading {
  grid-template-columns: minmax(300px, .72fr) minmax(420px, 1.28fr);
  gap: 64px;
  padding-bottom: 15px;
}

body.investor-deck-page .slide-business06 .business06-market-heading h3 {
  font-size: 26px;
}

body.investor-deck-page .slide-business06 .business06-market-heading p {
  font-size: 17px;
  color: rgba(0,0,0,.76);
}

body.investor-deck-page .slide-business06 .business06-market-flow {
  grid-template-columns:
    minmax(250px, 1fr)
    minmax(80px, .24fr)
    minmax(250px, 1fr)
    minmax(80px, .24fr)
    minmax(250px, 1fr);
}

body.investor-deck-page .slide-business06 .business06-market-block {
  grid-template-columns: minmax(105px, .38fr) minmax(140px, .62fr);
  min-height: 0;
}

body.investor-deck-page .slide-business06 .business06-market-copy {
  padding: 17px;
}

body.investor-deck-page
.slide-business06
.business06-market-copy > strong {
  font-size: 13px;
}

body.investor-deck-page
.slide-business06
.business06-market-copy > p {
  font-size: 15px;
  color: rgba(0,0,0,.64);
}

body.investor-deck-page
.slide-business06
.business06-market-copy > small {
  font-size: 10px;
  color: rgba(0,0,0,.40);
}

body.investor-deck-page
.slide-business06
.business06-market-services span {
  font-size: 6px;
}

body.investor-deck-page .slide-business06 .business06-market-arrow {
  min-height: 0;
  padding: 8px;
}

body.investor-deck-page
.slide-business06
.business06-market-arrow > i {
  width: 100%;
  height: 1px;
}

body.investor-deck-page
.slide-business06
.business06-market-arrow > i::after {
  top: -3px;
  right: 0;
  bottom: auto;
  transform: rotate(45deg);
}

body.investor-deck-page .slide-business06 .business06-lower {
  grid-template-columns: minmax(0, 1.7fr) minmax(285px, .65fr);
  gap: 65px;
  padding: 12.96px 0 0;
}

body.investor-deck-page .slide-business06 .business06-expansion {
  padding: 0 0 0 34px;
  border-top: 0;
  border-left: 1px solid rgba(0,0,0,.14);
}

body.investor-deck-page .slide-business06 .business06-lower-label {
  margin-bottom: 10px;
}

body.investor-deck-page .slide-business06 .business06-rail {
  display: flex;
  grid-template-columns: none;
  gap: normal;
}

body.investor-deck-page .slide-business06 .business06-rail > i {
  display: block;
  margin: 0 20px;
}

body.investor-deck-page .slide-business06 .business06-rail span {
  font-size: 8px;
}


/* =========================================================
   UNIT ECONOMICS / 07
========================================================= */

body.investor-deck-page .slide-economics07 .slide-inner {
  height: 1080px;
  min-height: 0;
  padding: 67.2px 92px 100px;
}

body.investor-deck-page .slide-economics07 .economics07-meta {
  display: block;
  font-size: 9px;
}

body.investor-deck-page .slide-economics07 .economics07-eyebrow {
  font-size: 10px;
}

body.investor-deck-page .slide-economics07 .economics07-header {
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr);
  gap: 80px;
  padding: 25.92px 0;
}

body.investor-deck-page .slide-economics07 .economics07-title {
  font-size: 58px;
}

body.investor-deck-page .slide-economics07 .economics07-header-copy {
  font-size: 18px;
  color: rgba(255,255,255,.82);
}

body.investor-deck-page .slide-economics07 .economics07-metrics {
  grid-template-columns: .8fr .7fr 1.2fr;
}

body.investor-deck-page .slide-economics07 .economics07-metric {
  padding: 22px 28px;
  border-right: 1px solid rgba(255,255,255,.14);
  border-bottom: 0;
}

body.investor-deck-page
.slide-economics07
.economics07-metric:last-child {
  border-right: 0;
}

body.investor-deck-page .slide-economics07 .economics07-metric > span {
  font-size: 8px;
}

body.investor-deck-page .slide-economics07 .economics07-metric > strong {
  font-size: 54px;
}

body.investor-deck-page .slide-economics07 .economics07-metric > small {
  font-size: 7.68px;
}

body.investor-deck-page .slide-economics07 .economics07-scenarios {
  grid-template-columns: 1fr 1fr;
}

body.investor-deck-page .slide-economics07 .economics07-scenario {
  padding: 26px 32px;
}

body.investor-deck-page
.slide-economics07
.economics07-scenario:first-child {
  border-right: 1px solid rgba(255,255,255,.14);
  border-bottom: 0;
}

body.investor-deck-page .slide-economics07 .economics07-scenario-top {
  padding-bottom: 15px;
  font-size: 8px;
}

body.investor-deck-page .slide-economics07 .economics07-index {
  font-size: 11px;
}

body.investor-deck-page .slide-economics07 .economics07-scenario-body {
  grid-template-columns: minmax(100px, .42fr) minmax(190px, .8fr) minmax(210px, 1fr);
  gap: 32px;
  padding-top: 0;
}

body.investor-deck-page
.slide-economics07
:is(
  .economics07-price > span,
  .economics07-revenue > span,
  .economics07-equivalent > span
) {
  font-size: 7.68px;
}

body.investor-deck-page .slide-economics07 .economics07-price > strong {
  font-size: 42px;
}

body.investor-deck-page .slide-economics07 .economics07-revenue > strong {
  font-size: 56px;
}

body.investor-deck-page .slide-economics07 .economics07-equivalent {
  padding: 0 0 0 24px;
  border-top: 0;
  border-left: 1px solid rgba(255,255,255,.12);
}

body.investor-deck-page
.slide-economics07
.economics07-equivalent > strong {
  font-size: 37px;
}

body.investor-deck-page .slide-economics07 .economics07-equivalent p {
  font-size: 10px;
}

body.investor-deck-page .slide-economics07 .economics07-note {
  grid-template-columns: auto 1fr;
  gap: 32px;
  padding: 13px 0;
}

body.investor-deck-page .slide-economics07 .economics07-note strong {
  font-size: 8px;
}

body.investor-deck-page .slide-economics07 .economics07-note p {
  font-size: 11px;
}

body.investor-deck-page .slide-economics07 .economics07-rail {
  grid-template-columns: repeat(4, 1fr);
}

body.investor-deck-page .slide-economics07 .economics07-rail > div {
  padding: 14px 20px;
  border-right: 1px solid rgba(255,255,255,.12);
  border-bottom: 0;
}

body.investor-deck-page
.slide-economics07
.economics07-rail > div:last-child {
  border-right: 0;
}

body.investor-deck-page .slide-economics07 .economics07-rail span {
  font-size: 7.68px;
}

body.investor-deck-page .slide-economics07 .economics07-rail strong {
  font-size: 10px;
}


/* =========================================================
   EXPANSION / 11
========================================================= */

body.investor-deck-page .slide-expansion11 .exp11-inner {
  padding: 34px 68px 26px;
}

body.investor-deck-page .slide-expansion11 .exp11-header {
  padding: 19px 0 18px;
}

body.investor-deck-page .slide-expansion11 .exp11-header h1 {
  font-size: 58px !important;
}

body.investor-deck-page .slide-expansion11 .exp11-stage-number {
  font-size: 92px;
}

body.investor-deck-page .slide-expansion11 .exp11-stage-main h2 {
  font-size: 33.6px !important;
}

body.investor-deck-page
.slide-expansion11
.exp11-stage-04
.exp11-stage-main h2 {
  font-size: 38.4px !important;
}

body.investor-deck-page .slide-expansion11 .exp11-stage-main p {
  margin-top: 11px !important;
  font-size: 15px;
}

body.investor-deck-page .slide-expansion11 .exp11-depot-mark {
  font-size: 63.36px;
}

body.investor-deck-page .slide-expansion11 .exp11-progress {
  min-height: 83px;
  margin-top: 13px;
  padding-top: 12px;
}


/* =========================================================
   RAISE / 14
========================================================= */

body.investor-deck-page .slide-investment04 .inv04-inner {
  padding: 46px 78px 36px;
}

body.investor-deck-page .slide-investment04 .inv04-toprail {
  padding-bottom: 14px;
}

body.investor-deck-page .slide-investment04 .inv04-header {
  grid-template-columns: 650px minmax(0, 1fr);
  gap: 90px;
  margin-top: 29px;
}

body.investor-deck-page .slide-investment04 .inv04-header h1 {
  font-size: 68px !important;
}

body.investor-deck-page .slide-investment04 .inv04-background {
  font-size: 17px;
}

body.investor-deck-page .slide-investment04 .inv04-main {
  grid-template-columns: minmax(0, 1.45fr) minmax(450px, .72fr);
  gap: 38px;
  margin-top: 26px;
}

body.investor-deck-page
.slide-investment04
:is(.inv04-funds, .inv04-terms) {
  padding: 28px 30px 27px;
}

body.investor-deck-page .slide-investment04 .inv04-fund {
  padding-top: 15px;
}

body.investor-deck-page .slide-investment04 .inv04-fund + .inv04-fund {
  margin-top: 6px;
  padding-top: 14px;
}

body.investor-deck-page .slide-investment04 .inv04-fund-track {
  height: 42px;
}

body.investor-deck-page .slide-investment04 .inv04-fund-title {
  font-size: 13px;
}

body.investor-deck-page .slide-investment04 .inv04-fund p {
  margin-top: 7px !important;
  font-size: 15px;
}

body.investor-deck-page .slide-investment04 .inv04-round-size {
  margin-top: 22px;
  font-size: 82px;
}

body.investor-deck-page .slide-investment04 .inv04-term-list {
  margin-top: 28px;
}

body.investor-deck-page .slide-investment04 .inv04-term {
  min-height: 53px;
  padding: 14px 0;
}

body.investor-deck-page .slide-investment04 .inv04-term strong {
  font-size: 18px;
}

body.investor-deck-page .slide-investment04 .inv04-scope {
  padding: 16px 17px;
}

body.investor-deck-page .slide-investment04 .inv04-scope p {
  font-size: 14px;
}

body.investor-deck-page .slide-investment04 .inv04-bottom {
  margin-top: 27px;
  padding-top: 18px;
}

body.investor-deck-page .slide-investment04 .inv04-outcomes {
  margin-top: 14px;
}

body.investor-deck-page .slide-investment04 .inv04-outcome {
  min-height: 128px;
  padding: 17px 18px 16px;
}

body.investor-deck-page .slide-investment04 .inv04-outcome > strong {
  margin-top: 12px;
  font-size: 22px;
}

body.investor-deck-page .slide-investment04 .inv04-outcome p {
  margin-top: 9px !important;
  font-size: 13px;
  color: rgba(255,255,255,.70);
}
/* =========================================================
   INVESTOR HEADER RAIL ALIGNMENT
   Keep persistent MCS logo left.
   Start newer slide rails beside the logo.

   Persistent logo:
   left: 68px
   width: 160px
   right edge: 228px

   Canonical rail start:
   ~252px
========================================================= */


/* =========================================================
   TRACTION / 05

   traction inner left padding = 68px
   252 - 68 = 184px
========================================================= */

body.investor-deck-page
.slide-traction05
.traction05-toprail {
  margin-left: 184px;
}

body.investor-deck-page
.slide-traction05
.traction05-header-copy p {
  font-size: 18px;
  color: rgba(255,255,255,.84);
}


/* =========================================================
   USE CASE / 08

   uc08 inner left padding = 66px
   252 - 66 = 186px
========================================================= */

body.investor-deck-page
.slide-usecase08-v2
.uc08-toprail {
  margin-left: 186px;
}


/* =========================================================
   MARKET / 09

   market inner left padding = 68px
   252 - 68 = 184px
========================================================= */

body.investor-deck-page
.slide-market09-new
.market09-toprail {
  margin-left: 184px;
}


/* =========================================================
   DEFENSIBILITY / 10

   def10 inner left padding = 68px
   252 - 68 = 184px
========================================================= */

body.investor-deck-page
.slide-defensibility10
.def10-toprail {
  margin-left: 184px;
}


/* =========================================================
   EXPANSION / 11

   exp11 inner left padding = 68px
   252 - 68 = 184px
========================================================= */

body.investor-deck-page
.slide-expansion11
.exp11-toprail {
  margin-left: 184px;
}


/* =========================================================
   TEAM / 13

   team inner left padding = 52px
   252 - 52 = 200px
========================================================= */

body.investor-deck-page
.slide-team13
.team13-toprail {
  margin-left: 200px;
}


/* =========================================================
   RAISE / 14

   inv04 inner left padding = 78px
   252 - 78 = 174px
========================================================= */

body.investor-deck-page
.slide-investment04
.inv04-toprail {
  margin-left: 174px;
}


/* =========================================================
   CONTACT / 15

   contact inner left padding = 68px
   252 - 68 = 184px
========================================================= */

body.investor-deck-page
.slide-contact15
.contact15-toprail {
  margin-left: 184px;
}/* =========================================================
   OLD INVESTOR SLIDES
   ALIGN TOP RAIL BESIDE GLOBAL LOGO

   Global logo:
   left: 68px
   width: 160px
   right edge: 228px

   Canonical rail start:
   252px
========================================================= */


/* =========================================================
   PROBLEM / 02

   slide-inner left padding = 92px
   252 - 92 = 160px
========================================================= */

body.investor-deck-page
.slide-problem02
.problem02-top {
  margin-left: 160px;
}


/* =========================================================
   SOLUTION / 03

   slide-inner left padding = 92px
========================================================= */

body.investor-deck-page
.slide-solution03
.solution03-top {
  margin-left: 160px;
}


/* =========================================================
   PRODUCT / 04

   slide-inner left padding = 92px
========================================================= */

body.investor-deck-page
.slide-product04
.product03-top {
  margin-left: 160px;
}


/* =========================================================
   BUSINESS MODEL / 06

   slide-inner left padding = 92px
========================================================= */

body.investor-deck-page
.slide-business06
.commercial09-top {
  margin-left: 160px;
}


/* =========================================================
   UNIT ECONOMICS / 07

   slide-inner left padding = 92px
========================================================= */

body.investor-deck-page
.slide-economics07
.economics07-top {
  margin-left: 160px;
}
/* =========================================================
   SLIDE 02 — NAVIGATION
========================================================= */

.slide-navigation02 {
  --nav-orange: #f15a24;

  position: relative;
  overflow: hidden;

  background: #080808;
  color: #f4f4f1;
}


/* =========================================================
   BACKGROUND
========================================================= */

.slide-navigation02 .nav02-bg {
  position: absolute;
  inset: 0;

  z-index: 0;

  overflow: hidden;
}


.slide-navigation02 .nav02-bg img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;

  transform: none;
  filter: none;
  opacity: 1;
}


/* =========================================================
   SUBTLE ROBOT-SIDE GRADE ONLY
========================================================= */

.slide-navigation02 .nav02-shade {
  position: absolute;

  z-index: 1;

  top: 0;
  bottom: 0;
  left: 0;

  width: 60%;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      rgba(6, 7, 8, .48) 0%,
      rgba(6, 7, 8, .34) 34%,
      rgba(6, 7, 8, .16) 66%,
      rgba(6, 7, 8, 0) 100%
    );
}


/* =========================================================
   INNER
========================================================= */

.slide-navigation02 .nav02-inner {
  position: relative;

  z-index: 3;

  width: 100%;
  height: 100%;

  box-sizing: border-box;

  padding:
    0
    68px
    72px;
}


/* =========================================================
   TOP RAIL
========================================================= */

.slide-navigation02 .nav02-top {
  position: absolute;

  top: 34px;
  left: 252px;
  right: 68px;

  z-index: 20;

  display: flex;
  align-items: center;
  justify-content: space-between;

  height: 30px;

  padding-bottom: 11px;

  box-sizing: border-box;

  border-bottom:
    1px solid rgba(255,255,255,.18);
}


.slide-navigation02 .nav02-eyebrow,
.slide-navigation02 .nav02-meta {
  display: flex;
  align-items: center;

  color:
    rgba(255,255,255,.62);

  font-size: 9px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .17em;

  text-transform: uppercase;
}


.slide-navigation02 .nav02-eyebrow {
  gap: 10px;
}


.slide-navigation02 .nav02-top-dot {
  width: 7px;
  height: 7px;

  flex: 0 0 auto;

  border-radius: 50%;

  background:
    var(--nav-orange);
}


/* =========================================================
   HEADER
========================================================= */

.slide-navigation02 .nav02-header {
  position: absolute;

  top: 132px;
  left: 68px;

  z-index: 10;

  width: 760px;
}


/* small orange text */
.slide-navigation02 .nav02-kicker {
  margin:
    0
    0
    14px;

  color:
    var(--nav-orange);

  font-size: 11px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .18em;

  text-transform: uppercase;
}


/* BIG TITLE */
.slide-navigation02 .nav02-title {
  margin: 0 !important;

  color:
    #f4f4f1 !important;

  font-size:
    112px !important;

  font-weight:
    600 !important;

  line-height:
    .86 !important;

  letter-spacing:
    -.06em !important;

  text-transform:
    uppercase;
}


/* =========================================================
   MAIN NAVIGATION
========================================================= */

.slide-navigation02 .nav02-main {
  position: absolute;

  left: 68px;
  right: 150px;
  bottom: 76px;

  z-index: 8;
}


/* =========================================================
   NAVIGATION PANEL
========================================================= */

.slide-navigation02 .nav02-index {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap:
    0
    44px;

  width: 100%;

  box-sizing: border-box;

  padding:
    24px
    28px;

  background:
    rgba(8,9,10,.56);

  border:
    1px solid rgba(255,255,255,.14);

  box-shadow:
    0 20px 55px rgba(0,0,0,.18);

  backdrop-filter:
    blur(8px);

  -webkit-backdrop-filter:
    blur(8px);
}


/* =========================================================
   COLUMNS
========================================================= */

.slide-navigation02 .nav02-column {
  min-width: 0;
}


/* =========================================================
   LINKS
========================================================= */

.slide-navigation02 .nav02-link {
  position: relative;

  display: grid;

  grid-template-columns:
    52px
    minmax(0, 1fr)
    26px;

  align-items: center;

  min-height: 68px;

  box-sizing: border-box;

  color: #fff;

  text-decoration: none;

  border-top:
    1px solid rgba(255,255,255,.15);

  transition:
    background .2s ease,
    padding-left .22s cubic-bezier(.16,1,.3,1),
    border-color .2s ease;
}


.slide-navigation02
.nav02-column
.nav02-link:last-child {
  border-bottom:
    1px solid rgba(255,255,255,.15);
}


/* =========================================================
   NUMBER
========================================================= */

.slide-navigation02 .nav02-number {
  color:
    var(--nav-orange);

  font-size: 11px;
  font-weight: 600;

  line-height: 1;

  letter-spacing: .12em;

  transition:
    color .18s ease;
}


/* =========================================================
   LABEL
========================================================= */

.slide-navigation02 .nav02-link strong {
  color:
    rgba(255,255,255,.96);

  font-size: 20px;
  font-weight: 600;

  line-height: 1;

  letter-spacing:
    -.015em;

  text-transform:
    uppercase;

  transition:
    color .18s ease;
}


/* =========================================================
   ARROW
========================================================= */

.slide-navigation02 .nav02-link i {
  color:
    rgba(255,255,255,.38);

  font-size: 17px;
  font-style: normal;

  line-height: 1;

  text-align: right;

  transition:
    color .18s ease,
    transform .22s ease;
}


/* =========================================================
   HOVER
========================================================= */

.slide-navigation02 .nav02-link:hover {
  padding-left: 10px;

  background:
    rgba(241,90,36,.10);

  border-color:
    rgba(241,90,36,.44);
}


.slide-navigation02 .nav02-link:hover
.nav02-number {
  color: #fff;
}


.slide-navigation02 .nav02-link:hover
strong {
  color:
    var(--nav-orange);
}


.slide-navigation02 .nav02-link:hover
i {
  color:
    var(--nav-orange);

  transform:
    translate(
      3px,
      -3px
    );
}


/* =========================================================
   FOCUS
========================================================= */

.slide-navigation02 .nav02-link:focus-visible {
  outline:
    2px solid var(--nav-orange);

  outline-offset:
    -2px;
}
/* =========================================================
   INVESTOR — FINANCIAL OUTLOOK
   09-financials.html
========================================================= */


.slide-financial09 {
  position: relative;

  width:
    1920px;

  height:
    1080px;

  overflow:
    hidden;

  background:
    #f3f3f0;

  color:
    #111111;
}


/* =========================================================
   BACKGROUND
========================================================= */

.slide-financial09 .financial09-bg {
  position:
    absolute;

  inset:
    0;

  background:
    #f3f3f0;
}


.slide-financial09 .financial09-grid {
  position:
    absolute;

  inset:
    0;

  pointer-events:
    none;

  opacity:
    .32;

  background-image:

    linear-gradient(
      rgba(0,0,0,.025) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(0,0,0,.025) 1px,
      transparent 1px
    );

  background-size:
    96px 96px;
}


/* =========================================================
   INNER
========================================================= */

.slide-financial09 .financial09-inner {
  position:
    absolute;

  inset:
    0;
}


/* =========================================================
   TOP RAIL
========================================================= */

.slide-financial09 .financial09-top {
  position:
    absolute;

  top:
    34px;

  left:
    252px;

  right:
    68px;

  height:
    34px;

  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  border-bottom:
    1px solid rgba(0,0,0,.18);
}


.slide-financial09 .financial09-eyebrow,
.slide-financial09 .financial09-meta {
  color:
    rgba(0,0,0,.64);

  font-size:
    10px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .15em;

  text-transform:
    uppercase;
}


.slide-financial09 .financial09-eyebrow {
  display:
    flex;

  align-items:
    center;

  gap:
    9px;
}


.slide-financial09 .financial09-top-dot {
  width:
    6px;

  height:
    6px;

  background:
    #f15a24;

  flex:
    0 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.slide-financial09 .financial09-header {
  position:
    absolute;

  top:
    108px;

  left:
    68px;

  right:
    68px;

  display:
    grid;

  grid-template-columns:
    960px
    1fr;

  column-gap:
    86px;

  align-items:
    end;
}


.slide-financial09 .financial09-title {
  margin:
    0;

  padding:
    0;

  color:
    #111111;

  font-size:
    78px !important;

  font-weight:
    600;

  line-height:
    .90;

  letter-spacing:
    -.045em;

  text-transform:
    uppercase;
}


.slide-financial09 .financial09-subtitle {
  width:
    650px;

  margin:
    0
    0
    3px;

  color:
    rgba(0,0,0,.78);

  font-size:
    21px;

  font-weight:
    400;

  line-height:
    1.42;

  letter-spacing:
    -.012em;
}


/* =========================================================
   MAIN
========================================================= */

.slide-financial09 .financial09-main {
  position:
    absolute;

  top:
    306px;

  left:
    68px;

  right:
    68px;

  height:
    558px;

  display:
    grid;

  grid-template-columns:
    1285px
    1fr;

  column-gap:
    42px;
}


/* =========================================================
   CHART PANEL
========================================================= */

.slide-financial09 .financial09-chart-panel {
  position:
    relative;

  height:
    100%;

  border-top:
    1px solid rgba(0,0,0,.32);
}


.slide-financial09 .financial09-chart-head {
  height:
    48px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  border-bottom:
    1px solid rgba(0,0,0,.11);
}


.slide-financial09 .financial09-chart-title {
  color:
    rgba(0,0,0,.68);

  font-size:
    11px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .14em;

  text-transform:
    uppercase;
}


/* =========================================================
   LEGEND
========================================================= */

.slide-financial09 .financial09-legend {
  display:
    flex;

  align-items:
    center;

  gap:
    28px;
}


.slide-financial09 .financial09-legend-item {
  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  color:
    rgba(0,0,0,.64);

  font-size:
    10px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .11em;

  text-transform:
    uppercase;
}


.slide-financial09 .financial09-legend-bar {
  display:
    block;

  width:
    16px;

  height:
    10px;

  background:
    #202830;
}


.slide-financial09 .financial09-legend-line {
  position:
    relative;

  display:
    block;

  width:
    24px;

  height:
    2px;

  background:
    currentColor;
}


.slide-financial09 .financial09-legend-line::after {
  content:
    "";

  position:
    absolute;

  top:
    50%;

  left:
    50%;

  width:
    7px;

  height:
    7px;

  border-radius:
    50%;

  background:
    currentColor;

  transform:
    translate(-50%,-50%);
}


.slide-financial09
.financial09-legend-line--ebitda {
  color:
    #f15a24;
}


.slide-financial09
.financial09-legend-line--cash {
  color:
    #167c84;
}


/* =========================================================
   CHART
========================================================= */

.slide-financial09 .financial09-chart-wrap {
  position:
    relative;

  width:
    100%;

  height:
    437px;
}


.slide-financial09 .financial09-chart-svg {
  display:
    block;

  width:
    100%;

  height:
    100%;

  overflow:
    visible;
}


/* =========================================================
   CHART GRID
========================================================= */

.slide-financial09 .financial09-chart-grid-line {
  stroke:
    rgba(0,0,0,.11);

  stroke-width:
    1;

  vector-effect:
    non-scaling-stroke;
}


.slide-financial09 .financial09-chart-zero {
  stroke:
    rgba(0,0,0,.38);

  stroke-width:
    1.2;

  vector-effect:
    non-scaling-stroke;
}


.slide-financial09 .financial09-axis-label {
  fill:
    rgba(0,0,0,.58);

  font-family:
    inherit;

  font-size:
    14px;

  font-weight:
    500;

  letter-spacing:
    .01em;
}


.slide-financial09 .financial09-axis-unit {
  fill:
    rgba(0,0,0,.58);

  font-family:
    inherit;

  font-size:
    11px;

  font-weight:
    600;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


/* =========================================================
   FOCUS BAND
========================================================= */

.slide-financial09 .financial09-focus-band {
  fill:
    rgba(241,90,36,.055);

  stroke:
    rgba(241,90,36,.18);

  stroke-width:
    1;

  vector-effect:
    non-scaling-stroke;

  transition:
    x .32s cubic-bezier(.16,1,.3,1);
}


/* =========================================================
   REVENUE
========================================================= */

.slide-financial09 .financial09-revenue-bar {
  fill:
    #202830;

  cursor:
    pointer;

  transition:
    opacity .18s ease,
    fill .18s ease;
}


.slide-financial09 .financial09-revenue-bar:hover {
  fill:
    #121820;
}


.slide-financial09 .financial09-revenue-bar.is-active {
  fill:
    #111820;
}


.slide-financial09 .financial09-bar-cap {
  fill:
    #f15a24;

  opacity:
    0;

  transition:
    opacity .18s ease;
}


.slide-financial09 .financial09-bar-cap.is-active {
  opacity:
    1;
}


.slide-financial09 .financial09-revenue-label {
  fill:
    rgba(0,0,0,.78);

  font-family:
    inherit;

  font-size:
    15px;

  font-weight:
    600;

  letter-spacing:
    -.01em;
}


/* =========================================================
   LINES
========================================================= */

.slide-financial09 .financial09-line {
  fill:
    none;

  stroke-width:
    3.5;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;

  vector-effect:
    non-scaling-stroke;
}


.slide-financial09 .financial09-line--ebitda {
  stroke:
    #f15a24;
}


.slide-financial09 .financial09-line--cash {
  stroke:
    #167c84;
}


/* =========================================================
   POINTS
========================================================= */

.slide-financial09 .financial09-point {
  cursor:
    pointer;

  stroke:
    #f3f3f0;

  stroke-width:
    2;

  vector-effect:
    non-scaling-stroke;

  transition:
    r .18s ease,
    stroke-width .18s ease;
}


.slide-financial09 .financial09-point--ebitda {
  fill:
    #f15a24;
}


.slide-financial09 .financial09-point--cash {
  fill:
    #167c84;
}


.slide-financial09 .financial09-point:hover,
.slide-financial09 .financial09-point.is-active {
  stroke-width:
    4;
}


/* =========================================================
   2028 MARKER
========================================================= */

.slide-financial09 .financial09-positive-marker {
  stroke:
    rgba(241,90,36,.62);

  stroke-width:
    1;

  stroke-dasharray:
    4 6;

  vector-effect:
    non-scaling-stroke;
}


.slide-financial09 .financial09-positive-label {
  fill:
    #e9501b;

  font-family:
    inherit;

  font-size:
    12px;

  font-weight:
    600;

  letter-spacing:
    .10em;

  text-transform:
    uppercase;
}


/* =========================================================
   YEAR SELECTOR
========================================================= */

.slide-financial09 .financial09-years {
  position:
    absolute;

  left:
    0;

  right:
    0;

  bottom:
    0;

  height:
    73px;

  display:
    grid;

  grid-template-columns:
    repeat(5, 1fr);

  border-top:
    1px solid rgba(0,0,0,.15);
}


.slide-financial09 .financial09-year-button {
  position:
    relative;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;

  justify-content:
    center;

  gap:
    6px;

  margin:
    0;

  padding:
    0
    17px;

  border:
    0;

  border-right:
    1px solid rgba(0,0,0,.11);

  border-radius:
    0;

  outline:
    none;

  background:
    transparent;

  color:
    #111111;

  cursor:
    pointer;

  font-family:
    inherit;

  text-align:
    left;

  transition:
    background .18s ease,
    color .18s ease;
}


.slide-financial09
.financial09-year-button:last-child {
  border-right:
    0;
}


.slide-financial09
.financial09-year-button::before {
  content:
    "";

  position:
    absolute;

  top:
    -1px;

  left:
    0;

  right:
    0;

  height:
    3px;

  background:
    #f15a24;

  opacity:
    0;

  transition:
    opacity .18s ease;
}


.slide-financial09
.financial09-year-button:hover {
  background:
    rgba(0,0,0,.04);
}


.slide-financial09
.financial09-year-button.is-active {
  background:
    #111111;

  color:
    #ffffff;
}


.slide-financial09
.financial09-year-button.is-active::before {
  opacity:
    1;
}


.slide-financial09 .financial09-year-number {
  font-size:
    18px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    -.02em;
}


.slide-financial09 .financial09-year-fleet {
  color:
    rgba(0,0,0,.58);

  font-size:
    10px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .11em;

  text-transform:
    uppercase;
}


.slide-financial09
.financial09-year-button.is-active
.financial09-year-fleet {
  color:
    rgba(255,255,255,.64);
}


/* =========================================================
   SNAPSHOT
========================================================= */

.slide-financial09 .financial09-snapshot {
  position:
    relative;

  height:
    100%;

  box-sizing:
    border-box;

  padding-left:
    34px;

  border-left:
    1px solid rgba(0,0,0,.24);
}


.slide-financial09 .financial09-snapshot-kicker {
  margin-top:
    2px;

  color:
    rgba(0,0,0,.58);

  font-size:
    10px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .13em;

  text-transform:
    uppercase;
}


.slide-financial09 .financial09-snapshot-year {
  margin-top:
    16px;

  color:
    #111111;

  font-size:
    76px;

  font-weight:
    600;

  line-height:
    .9;

  letter-spacing:
    -.055em;
}


/* =========================================================
   SNAPSHOT ROWS
========================================================= */

.slide-financial09 .financial09-snapshot-row {
  min-height:
    64px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  border-bottom:
    1px solid rgba(0,0,0,.13);
}


.slide-financial09
.financial09-snapshot-row--primary {
  margin-top:
    22px;

  min-height:
    76px;

  border-top:
    1px solid rgba(0,0,0,.21);
}


.slide-financial09
.financial09-snapshot-row--fleet {
  min-height:
    72px;
}


.slide-financial09 .financial09-snapshot-label {
  color:
    rgba(0,0,0,.62);

  font-size:
    10px;

  font-weight:
    600;

  line-height:
    1.2;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


.slide-financial09 .financial09-snapshot-value {
  color:
    #111111;

  font-size:
    32px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    -.035em;
}


.slide-financial09
.financial09-snapshot-row--primary
.financial09-snapshot-value {
  font-size:
    42px;
}


.slide-financial09
.financial09-snapshot-value--fleet {
  font-size:
    40px;
}


.slide-financial09 .financial09-snapshot-note {
  margin-top:
    5px;

  color:
    rgba(0,0,0,.56);

  font-size:
    11px;

  line-height:
    1.25;
}


/* =========================================================
   EXPAND BUTTON
========================================================= */

.slide-financial09 .financial09-expand-toggle {
  width:
    100%;

  height:
    44px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  box-sizing:
    border-box;

  margin:
    0;

  padding:
    0;

  border:
    0;

  border-bottom:
    1px solid rgba(0,0,0,.13);

  border-radius:
    0;

  outline:
    none;

  background:
    transparent;

  color:
    rgba(0,0,0,.66);

  cursor:
    pointer;

  font-family:
    inherit;
}


.slide-financial09
.financial09-expand-toggle
span {
  font-size:
    10px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


.slide-financial09
.financial09-expand-toggle
strong {
  color:
    #f15a24;

  font-size:
    20px;

  font-weight:
    400;

  line-height:
    1;
}


/* =========================================================
   EXPANDED COST BASE
========================================================= */

.slide-financial09 .financial09-expanded {
  max-height:
    0;

  overflow:
    hidden;

  opacity:
    0;

  transition:
    max-height .34s cubic-bezier(.16,1,.3,1),
    opacity .22s ease;
}


.slide-financial09 .financial09-expanded.is-open {
  max-height:
    136px;

  opacity:
    1;
}


.slide-financial09 .financial09-expanded-row {
  height:
    36px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  border-bottom:
    1px solid rgba(0,0,0,.09);
}


.slide-financial09
.financial09-expanded-row
span {
  color:
    rgba(0,0,0,.58);

  font-size:
    9px;

  font-weight:
    600;

  letter-spacing:
    .10em;

  text-transform:
    uppercase;
}


.slide-financial09
.financial09-expanded-row
strong {
  color:
    #111111;

  font-size:
    15px;

  font-weight:
    600;
}


/* =========================================================
   BREAK EVEN
========================================================= */

.slide-financial09 .financial09-break-even {
  position:
    absolute;

  left:
    34px;

  right:
    0;

  bottom:
    0;

  min-height:
    56px;

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  border-top:
    1px solid rgba(0,0,0,.21);
}


.slide-financial09 .financial09-break-even-dot {
  width:
    8px;

  height:
    8px;

  flex:
    0 0 auto;

  background:
    #f15a24;
}


.slide-financial09
.financial09-break-even
div {
  display:
    flex;

  align-items:
    baseline;

  gap:
    11px;
}


.slide-financial09
.financial09-break-even
strong {
  color:
    #111111;

  font-size:
    23px;

  font-weight:
    600;

  line-height:
    1;
}


.slide-financial09
.financial09-break-even
span:last-child {
  color:
    rgba(0,0,0,.62);

  font-size:
    10px;

  font-weight:
    600;

  letter-spacing:
    .10em;

  text-transform:
    uppercase;
}


/* =========================================================
   MODEL INFORMATION / FOOTER
========================================================= */

.slide-financial09 .financial09-assumptions {
  position:
    absolute;

  left:
    68px;

  right:
    68px;

  bottom:
    30px;

  height:
    124px;

  display:
    grid;

  grid-template-columns:
    220px
    230px
    minmax(0, 1fr)
    320px;

  align-items:
    stretch;

  border-top:
    3px solid #f15a24;

  border-bottom:
    1px solid rgba(0,0,0,.19);
}


/* =========================================================
   SMALL ASSUMPTION CELLS
========================================================= */

.slide-financial09 .financial09-assumption {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  gap:
    8px;

  box-sizing:
    border-box;

  padding:
    0
    24px;

  border-right:
    1px solid rgba(0,0,0,.13);
}


.slide-financial09
.financial09-assumption:first-child {
  padding-left:
    0;
}


.slide-financial09
.financial09-assumption
span {
  color:
    rgba(0,0,0,.56);

  font-size:
    9px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


.slide-financial09
.financial09-assumption
strong {
  color:
    #111111;

  font-size:
    25px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    -.025em;
}


/* =========================================================
   MODEL NOTE
========================================================= */

.slide-financial09 .financial09-model-note {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  box-sizing:
    border-box;

  padding:
    0
    28px;

  border-right:
    1px solid rgba(0,0,0,.13);
}


.slide-financial09
.financial09-model-note-label {
  display:
    block;

  margin-bottom:
    8px;

  color:
    rgba(0,0,0,.60);

  font-size:
    9px;

  font-weight:
    600;

  line-height:
    1;

  letter-spacing:
    .12em;

  text-transform:
    uppercase;
}


.slide-financial09
.financial09-model-note
p {
  max-width:
    750px;

  margin:
    0;

  color:
    rgba(0,0,0,.76);

  font-size:
    13px;

  font-weight:
    400;

  line-height:
    1.42;

  letter-spacing:
    -.005em;
}


/* =========================================================
   SOURCE
========================================================= */

.slide-financial09 .financial09-assumption-source {
  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-end;

  padding-left:
    24px;

  color:
    rgba(0,0,0,.50);

  font-size:
    9px;

  font-weight:
    600;

  line-height:
    1.35;

  letter-spacing:
    .10em;

  text-align:
    right;

  text-transform:
    uppercase;
}