@import url(https://p.typekit.net/p.css?s=1&k=yna8sgw&ht=tk&f=137.138.139.140.169.170.171.172.173.174.175.176.5474.5475.25136.25137.141.142.143.144.145.146.147.148.149.150.151.152.153.154.25138.25139.155.156.157.158.159.160.161.162.163.164.165.166.167.168.25140.25141&a=47879157&app=typekit&e=css);body,html {
    background: #fff;
    color: #000;
    font: normal 400 1pc/20px proxima-nova,sans-serif;
    margin: 0;
    overflow-x: hidden
}

/* ---------------------------------------------------------------
   Merkle - Catch Me If You Can - Market Research at Merkle
   --------------------------------------------------------------- */

:root {
  /* core palette */
  --c-black:       #000000;
  --c-near-black:  #050507;
  --c-topbar:      #0E0E10;
  --c-nav:         #0D2A66;        /* dark navy used for sticky chapter nav */
  --c-nav-2:       #0B255C;
  --c-deep-blue:   #0B2BC9;        /* deep royal blue full-bleed sections */
  --c-deep-blue-2: #0A1F8F;
  --c-cyan-blue:   #1FA0FF;        /* bright sky-blue used in hero overlays */
  --c-cyan-blue-2: #0A86E8;
  --c-bright-blue: #1A6EFF;        /* primary button blue */
  --c-bright-blue-h:#3D87FF;
  --c-card-fill:   #1FA0FF;        /* filled trio card */
  --c-text-light:  rgba(255,255,255,0.92);
  --c-text-light-m:rgba(255,255,255,0.78);
  --c-text-dark:   #111111;
  --c-text-dark-m: #2a2a2a;
  --c-bg-white:    #FFFFFF;

  --container-w:   1240px;
  --container-pad: clamp(20px, 4vw, 60px);
  --gutter-right:  calc(max(0px, (100vw - 1240px) / 2) + clamp(20px, 4vw, 60px));
  --nav-h:         64px;
  --topbar-h:      56px;
  --radius-card:   22px;
  --radius-pill:   999px;
  --shadow-soft:   0 18px 60px rgba(0,0,0,0.18);
  --ease-out:      cubic-bezier(.22,.61,.36,1);
  --ease-smooth:   cubic-bezier(.16,1,.3,1);
  --ease-ui:       cubic-bezier(.4,0,.2,1);
  --section-pad-y: clamp(70px, 9vw, 130px);
}

* { box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

@media (min-width: 721px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }
}
body {
  margin: 0;
  font-family: proxima-nova, 'Proxima Nova', sans-serif;
  font-weight: 400;
  color: var(--c-text-light);
  background: var(--c-black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  line-height: 1.45;
}

/* ------- TAB STATE ENGINE ------- */
/* Default state = COVER. No scrolling, nothing but cover visible. */
body.state-cover { overflow: hidden; height: 100vh; }
body.state-cover .section--ch { display: none; }
body.state-cover .site-footer { display: none; }
body.state-cover .cookie-banner { display: flex; }

/* CHAPTER state = one chapter visible at a time */
body.state-chapter #cover { display: none; }
body.state-chapter .section--ch { display: none; }
body.state-chapter[data-active="1"] #chapter1,
body.state-chapter[data-active="2"] #chapter2,
body.state-chapter[data-active="3"] #chapter3,
body.state-chapter[data-active="4"] #chapter4,
body.state-chapter[data-active="5"] #chapter5,
body.state-chapter[data-active="why"] #whyMerkle { display: block; }

img, svg { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

/* ----- CONTAINER ----- */
.container {
  max-width: var(--container-w);
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 60px);
}

/* ---------------------------------------------------------------
   TOP LOGO BAR
   --------------------------------------------------------------- */
.site-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--c-topbar);
  height: var(--topbar-h);
  display: flex;
  align-items: center;
}
.topbar-inner { width: 100%; display: flex; align-items: center; }
.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.brand-icon { width: 22px; height: 22px; }
.brand-logo {
  height: 22px;
  width: auto;
  display: block;
}
.brand-word {
  color: #fff;
  font-weight: 900;
  font-size: 22px;
  letter-spacing: 2.5px;
}

/* ---------------------------------------------------------------
   CHAPTER STICKY NAV
   --------------------------------------------------------------- */
.chapter-nav {
  position: sticky;
  top: var(--topbar-h);
  z-index: 95;
  background: var(--c-nav);
  height: var(--nav-h);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  display: none;                                                                               
}
body.state-chapter .chapter-nav { display: flex; align-items: center; }
.chapter-nav-inner { width: 100%; display: flex; align-items: center; height: 100%; }
.chapter-menu-toggle {
  display: none;
}
.chapter-menu-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.ch-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  height: 100%;
}
.ch-link {
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-size: 18px;
  font-weight: 700;
  color: rgba(255,255,255,0.62);
  position: relative;
  transition: color .25s var(--ease-out);
  padding-top: 4px;
}
.ch-link:hover { color: #fff; }
.ch-link.active { color: #fff; font-weight: 700; }
.ch-link.active::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -20px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
}
.ch-link--why { font-weight: 800; color: rgba(255,255,255,0.9); }

/* ---------------------------------------------------------------
   PILL TAGS
   --------------------------------------------------------------- */
.pill {
  display: inline-block;
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.pill--outline {
  border: 1.5px solid #fff;
  color: #fff;
  background: transparent;
}
.pill--lg {
  padding: 11px 26px;
  font-size: 13px;
  letter-spacing: 1.8px;
  border: 2px solid #1A6EFF;
  background: #050507;
  color: #fff;
  box-shadow:
    0 0 0 1px rgba(26,110,255,0.15),
    0 0 28px rgba(26,110,255,0.55);
}

/* ---------------------------------------------------------------
   BUTTONS
   --------------------------------------------------------------- */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  border-radius: var(--radius-pill);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.2px;
  text-transform: none;
  border: none;
  cursor: pointer;
  transition: transform .22s var(--ease-ui), box-shadow .22s var(--ease-ui), background .22s var(--ease-ui);
  text-decoration: none;
}
.btn .icon { width: 16px; height: 16px; color: #fff; }
.btn--blue { background: var(--c-bright-blue); color: #fff; }
.btn--blue:hover { background: var(--c-bright-blue-h); transform: translateY(-1px); box-shadow: 0 12px 28px rgba(26,110,255,0.46); }
.btn--lg { padding: 15px 36px; font-size: 17px; }
.btn--pill { padding: 11px 22px; }

/* ---------------------------------------------------------------
   COVER (CATCH ME IF YOU CAN)
   --------------------------------------------------------------- */
.cover {
  position: relative;
  min-height: calc(100vh - var(--topbar-h));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url('/rs/442-SZV-721/images/Home_bg.png') center center / cover no-repeat;
  overflow: hidden;
  padding: 80px 20px;
}
.cover-glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(800px 600px at 30% 50%, rgba(26,110,255,0.32), transparent 70%),
    radial-gradient(900px 700px at 70% 50%, rgba(11,43,201,0.20), transparent 70%);
  pointer-events: none;
}
.cover-inner {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
}
.cover-title {
  font-size: clamp(44px, 6.5vw, 92px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.5px;
  margin: 10px 0 6px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 820px) {
  .cover-title { white-space: normal; font-size: clamp(40px, 9vw, 60px); }
}
.cover-sub {
  font-size: 40px;
  font-weight: 700;
  font-family: proxima-nova, 'Proxima Nova', sans-serif;
  margin: 0;
  color: #F2F2F4;
  line-height: 1.25;
  letter-spacing: 0.40px;
  word-wrap: break-word;
}
.cover-divider {
  width: 140px;
  height: 3px;
  background: var(--c-bright-blue);
  border-radius: 2px;
  margin: 6px 0 0;
}
.cover-tagline {
  font-size: 28px;
  color: rgba(255,255,255,0.75);
  font-weight: 400;
  margin: 0 0 10px;
}

@media (min-width: 1200px) and (max-height: 900px) {
  .cover {
    min-height: calc(100vh - var(--topbar-h));
    padding: 42px 20px 36px;
  }

  .cover-inner {
    gap: 18px;
  }

  .pill--lg {
    padding: 9px 24px;
    font-size: 12px;
  }

  .cover-title {
    font-size: clamp(58px, 5.4vw, 82px);
    margin: 6px 0 2px;
  }

  .cover-sub {
    font-size: 34px;
    line-height: 1.18;
  }

  .cover-divider {
    margin-top: 2px;
  }

  .cover-tagline {
    font-size: 17px;
    margin-bottom: 0;
  }
}

/* ---------------------------------------------------------------
   CHAPTER HERO
   --------------------------------------------------------------- */
.section--ch { background: var(--c-black); }
.ch-hero {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.ch-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.ch-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ch-hero-shade--dark {
  background: linear-gradient(90deg,
    rgba(0,0,0,0.72) 0%,
    rgba(0,0,0,0.54) 38%,
    rgba(0,0,0,0.22) 58%,
    rgba(0,0,0,0.04) 100%);
}
.ch-hero--photo .ch-hero-bg { object-position: 75% center; }
.ch-hero--photo { min-height: 600px; }
.ch-hero-shade--cyan {
  background: linear-gradient(90deg,
    var(--c-cyan-blue) 0%,
    rgba(31,160,255,0.95) 12%,
    rgba(31,160,255,0.60) 40%,
    rgba(31,160,255,0.28) 75%,
    rgba(31,160,255,0.18) 100%);
}
/* Cyan hero photo right-aligned with the same blend pattern */
.ch-hero--bluephoto {
  background-color: var(--c-cyan-blue);
}
.ch-hero--bluephoto .ch-hero-bg,
.ch-hero--bluephoto .ch-hero-shade {
  left: auto;
  right: -2px;
  width: calc(62% + 4px);
}

.ch-hero--bluephoto .ch-hero-bg,
.ch-hero--bluephoto .ch-hero-shade {
  left: 0;
  right: 0;
  width: 100%;
}
/* Cyan hero that contains an inset card - grows taller and gives the card breathing room */
.ch-hero--withInset { min-height: auto; }
.ch-hero--withInset .ch-hero-content { padding-bottom: 60px; }
.ch-hero--withInset .ch-title { margin-bottom: 50px; }
.ch-hero--withInset .inset-card { margin-top: 0; }
@media (min-width: 721px) {
  .ch-hero--withInset .inset-card {
    box-shadow: 0 0 0 4px #000;
  }
}
.ch-hero-content {
  position: relative;
  z-index: 2;
  padding-top: 80px;
  padding-bottom: 80px;
  width: 100%;
}
.ch-hero-content > .pill { margin-bottom: 26px; }
.ch-title {
  font-size: clamp(32px, 4.4vw, 58px);
  font-weight: 700;
  line-height: 1.08;
  color: #fff;
  margin: 0 0 28px;
  max-width: 820px;
  letter-spacing: -0.4px;
}
.ch-title--bright { color: #fff; white-space: nowrap; }
@media (max-width: 720px) {
  .ch-title--bright { white-space: normal; }

  .ch-hero-content--decisioning .pill {
    margin-bottom: 18px;
  }

  .ch-hero-content--decisioning .ch-title {
    font-size: clamp(34px, 9vw, 42px);
    line-height: 1.08;
    margin-bottom: 20px;
  }

  .ch-body--decisioning {
    font-size: 17px;
    line-height: 1.28;
  }
}
.ch-body {
  font-size: 24px;
  line-height: 100%;
  color: rgba(255,255,255,0.92);
  max-width: 660px;
  margin: 0 0 18px;
}
.ch-body--bright { color: #fff; }
.ch-body strong { font-weight: 800; }
.ch-body--bright strong {
  display: block;
  font-size: 36px;
  font-family: proxima-nova, 'Proxima Nova', sans-serif;
  font-weight: 700;
  color: white;
  word-wrap: break-word;
  line-height: 100%;
}

.ch-hero-content--decisioning .pill {
  margin-bottom: 34px;
}

.ch-hero-content--decisioning .ch-title {
  max-width: 760px;
  margin-bottom: 34px;
  font-size: clamp(46px, 5vw, 68px);
  line-height: 1.12;
  font-weight: 700;
  white-space: normal;
}

.ch-body--decisioning {
  max-width: 760px;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.3;
  margin: 0;
}

.ch-body--decisioning strong {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.ch-hero--prism { min-height: 600px; }
.ch-hero--prism .ch-hero-bg { object-position: center right; }
.ch-hero-bg--mirror { scale: -1 1; }
.ch-hero-content--why { padding-top: 60px; padding-bottom: 50px; }
.why-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.why-body { max-width: 1200px; }
.why-body .ch-body { max-width: none; }
.why-logo svg,
.why-logo-img { width: 220px; height: auto; display: block; }

/* ---------------------------------------------------------------
   BLOCK (white / dark non-bleed inner sections)
   --------------------------------------------------------------- */
.block {
  padding: var(--section-pad-y) 0;
}
.block--light { background: #fff; color: var(--c-text-dark); }
.block--dark  { background: var(--c-black); color: #fff; }
.block--bgimg { position: relative; overflow: hidden; }
.block-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
}
.block--bgimg > .container { position: relative; z-index: 1; }
.block-title {
  font-size: clamp(42px, 2.5vw, 38px);
  font-weight: 700;
  line-height: 1.12;
  margin: 0 0 50px;
  letter-spacing: 0%;
}
.block--light .block-title { color: #0a0a0a; }
.block-title--light { color: #fff !important; }

/* ---------------------------------------------------------------
   PHOTO CARDS GRID
   --------------------------------------------------------------- */
.photo-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.photo-card-grid--2x2 {
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}
.photo-card {
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 16/10.5;
  cursor: pointer;
  transition: transform .38s var(--ease-smooth), box-shadow .38s var(--ease-smooth);
  outline: none;
}
/* .photo-card--lg { aspect-ratio: 16/12; } */
.photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s var(--ease-smooth), filter .45s var(--ease-smooth);
}
.photo-card-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.22) 100%),
    linear-gradient(180deg, rgba(20,40,100,0.20) 0%, rgba(20,40,100,0.20) 100%);
}
.photo-card-title {
  position: absolute;
  left: 36px;
  right: 36px;
  top: 50%;
  bottom: auto;
  color: #fff;
  font-size: clamp(48px, 2.7vw, 40px);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0%;
  z-index: 2;
  text-shadow: 0 2px 14px rgba(0,0,0,0.45);
}
.photo-card-cta {
  position: absolute;
  left: 36px;
  bottom: 32px;
  z-index: 2;
  color: rgba(255,255,255,0.86);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.2px;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s var(--ease-ui), transform .42s var(--ease-smooth);
}
.photo-card:hover img { transform: scale(1.04); filter: brightness(1.05); }
.photo-card:hover { box-shadow: 0 22px 48px rgba(0,0,0,0.36); transform: translateY(-2px); }
.photo-card:focus-visible { box-shadow: 0 0 0 3px var(--c-bright-blue); }

/* Flip-on-hover variant - image fades, white detail panel reveals */
.photo-card--flip { background: #fff; }
.photo-card--flip img,
.photo-card--flip .photo-card-overlay,
.photo-card--flip .photo-card-title,
.photo-card--flip .photo-card-cta {
  transition: opacity .55s var(--ease-smooth);
}
.photo-card-detail {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: #fff;
  color: var(--c-text-dark);
  padding: 44px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .42s var(--ease-smooth), transform .42s var(--ease-smooth);
  pointer-events: none;
}
.photo-card-detail h4 {
  font-size: clamp(34px, 1.7vw, 26px);
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  color: #0a0a0a;
}
.photo-card-detail p {
  font-size: 20px;
  line-height: 1.15;
  margin: 0;
  color: #2a2a2a;
  max-width: 520px;
  font-weight: 400;
}
.photo-card--flip:hover img,
.photo-card--flip:hover .photo-card-overlay,
.photo-card--flip:hover .photo-card-title,
.photo-card--flip:hover .photo-card-cta,
.photo-card--flip:focus-visible img,
.photo-card--flip:focus-visible .photo-card-overlay,
.photo-card--flip:focus-visible .photo-card-title,
.photo-card--flip:focus-visible .photo-card-cta { opacity: 0; }
.photo-card--flip:hover .photo-card-detail,
.photo-card--flip:focus-visible .photo-card-detail {
  opacity: 1;
  transform: translateY(0);
}
.photo-card--flip:hover img { transform: none; }
.photo-card--flip:hover { transform: translateY(-1px); }

/* Blue Rule */
.blue-rule {
  width: 280px;
  height: 6px;
  background: var(--c-bright-blue);
  border-radius: 2px;
  margin: 48px 0 48px;
}
.blue-rule--bright { background: #0391F2; }

.lead-text {
  font-size: clamp(32px, 1.7vw, 22px);
  line-height: 100%;
  font-weight: 400;
  max-width: 1000px;
  margin: 0;
  color: var(--c-text-dark);
}
.lead-text--light { color: #fff; }

/* ---------------------------------------------------------------
   BLEED SECTIONS (full-bleed background sections)
   --------------------------------------------------------------- */
.bleed {
  position: relative;
  overflow: hidden;
  padding: var(--section-pad-y) 0;
}
.bleed-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.bleed-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.bleed-shade--deepblue {
  background: linear-gradient(90deg,
    var(--c-deep-blue) 0%,
    rgba(11,43,201,0.95) 10%,
    rgba(11,43,201,0.60) 40%,
    rgba(11,43,201,0.30) 75%,
    rgba(11,43,201,0.18) 100%);
}
/* Right-aligned image variant for the Intelligence Gap bleed */
.bleed--deepblue .bleed-bg,
.bleed--deepblue .bleed-shade {
  left: auto;
  right: 0;
  width: 60%;
}

/* Right-aligned image with soft fade into black background */
.bleed--blendImg {
  background-color: #000;
  min-height: 460px;
}
.bleed--blendImg .bleed-bg,
.bleed--blendImg .bleed-shade {
  left: auto;
  right: 0;
  width: 62%;
}
.bleed-shade--dark-soft {
  background: linear-gradient(90deg,
    #000 0%,
    rgba(0,0,0,0.92) 12%,
    rgba(0,0,0,0.55) 40%,
    rgba(0,0,0,0.30) 75%,
    rgba(0,0,0,0.18) 100%);
}
.bleed-shade--full { background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.2) 100%); }
.bleed-content { position: relative; z-index: 2; }
.bleed-content--left { max-width: var(--container-w); }
.bleed-content--left .bleed-title { max-width: 1250px; }
.bleed-content--left .bleed-headline { max-width: 1200px; }
.bleed-content--left .bleed-body { max-width: 680px; }
.bleed--blue {
  background-color: #000;
  background-image:
    linear-gradient(90deg,
      #0B2BC9        0%,
      #0B2BC9       28%,
      rgba(11,43,201,0.88) 45%,
      rgba(11,43,201,0.40) 63%,
      rgba(11,43,201,0.08) 80%,
      rgba(11,43,201,0.00) 92%),
    url('/rs/442-SZV-721/images/ch01_2nd_fold_bg.png');
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 100% 100%, auto 100%;
}
.bleed--blue .bleed-content { position: relative; z-index: 2; }
.bleed--deepblue { background: var(--c-deep-blue); }
.bleed--dark { background: var(--c-black); }
.bleed--padlg { padding: calc(var(--section-pad-y) * 1.05) 0; }
.bleed--deepblue.bleed--padlg {
  background-color: var(--c-deep-blue);
  background-image: url('/rs/442-SZV-721/images/bg-blue-glass.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.bleed--deepblue.bleed--padlg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    var(--c-deep-blue) 0%,
    rgba(11,43,201,0.85) 30%,
    rgba(11,43,201,0.55) 60%,
    rgba(11,43,201,0.35) 100%);
  pointer-events: none;
  z-index: 0;
}
.bleed--deepblue.bleed--padlg > .container { position: relative; z-index: 1; }
.bleed--withPager,
.bleed--withPagerDuo,
.block--withPagerDuo {
  padding-bottom: calc(var(--section-pad-y) + 20px);
  overflow: visible;
  position: relative;
}
.bleed--withPager .bleed-content,
.bleed--withPagerDuo .bleed-content { position: relative; }
.bleed-pager-btn {
  position: absolute;
  right: var(--container-pad);
  bottom: calc(-1 * (var(--section-pad-y) + 20px));
  transform: translateY(50%);
  z-index: 4;
  box-shadow: 0 12px 26px rgba(26,110,255,0.5);
}
.bleed-pager-btn.btn--blue:hover {
  transform: translateY(50%);
}
.bleed-pager-btn--left {
  left: var(--container-pad);
  right: auto;
}
.bleed-pager-btn--right {
  right: var(--container-pad);
  left: auto;
}
/* When pager buttons are direct children of the bleed/block (not inside a .container),
   anchor them to the section's bottom edge and use viewport-relative gutters. */
.bleed--withPagerDuo > .bleed-pager-btn,
.block--withPagerDuo > .bleed-pager-btn { bottom: 0; }
.bleed--withPagerDuo > .bleed-pager-btn--left,
.block--withPagerDuo > .bleed-pager-btn--left { left: var(--gutter-right); right: auto; }
.bleed--withPagerDuo > .bleed-pager-btn--right,
.block--withPagerDuo > .bleed-pager-btn--right { right: var(--gutter-right); left: auto; }

.bleed-headline {
  font-size: clamp(40px, 3.7vw, 50px);
  font-weight: 700;
  line-height: 1.18;
  color: #fff;
  max-width: 620px;
  margin: 0;
  letter-spacing: -0.3px;
}
.ch1-closing-headline {
  max-width: 1040px;
  font-size: clamp(40px, 3.25vw, 48px);
}
.bleed-headline--small { font-size: clamp(26px, 2.6vw, 36px); max-width: 740px; }
.bleed-headline--med { font-size: clamp(28px, 3vw, 42px); max-width: 1050px; }

.bleed-title {
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.18;
  color: #fff;
  margin: 0 0 40px;
  letter-spacing: -0.3px;
}
.bleed-title--center-left { margin-bottom: 50px; }

.bleed-body {
  font-size: 24px;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 20px;
  max-width: 680px;
}

.bullet-list {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
.bullet-list li {
  font-size: clamp(17px, 1.8vw, 21px);
  font-weight: 400;
  color: #fff;
  padding-left: 22px;
  position: relative;
  margin-bottom: 7px;
  max-width: 450px;
  line-height: 1.45;
  font-style: normal;
}
.bullet-list li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 24px;
  color: #fff;
}

/* split bleed (text + image right) */
.bleed--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  min-height: 460px;
}
.bleed-split-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(50px, 7vw, 90px) clamp(30px, 5vw, 80px);
  background: var(--c-black);
}
.bleed-split-text--padded {
  background: var(--c-deep-blue);
  padding: clamp(60px, 7vw, 110px) clamp(40px, 5vw, 90px);
}
.bleed-split-text--padded .bleed-title { margin-bottom: 28px; }
.bleed-split-text--padded .bleed-body { max-width: none; font-size: 17px; }
.bleed-split-img { position: relative; min-height: 460px; }
.bleed-split-img img {
  width: 100%; height: 100%;
  position: absolute; inset: 0;
  object-fit: cover;
}

.bleed--photoFull { min-height: 500px; padding: clamp(60px, 8vw, 130px) 0; }

/* ---------------------------------------------------------------
   INSET CARD (Chapter 2 "However, GenAI moved the consumer")
   --------------------------------------------------------------- */
.block--inset { background: var(--c-cyan-blue); }
.inset-mobile-switch {
  display: none;
}
.inset-card {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  min-height: 480px;
}
.inset-card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inset-card-shade {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(11,43,201,0.55), rgba(11,43,201,0.18));
}

/* Vertical text strips on left (default) and right (alt) */
.inset-card-rot {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  z-index: 3;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  transform-origin: center center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.4px;
  padding: 30px 20px;
  line-height: 1.3;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  will-change: transform, opacity;
  transition:
    opacity .45s var(--ease-smooth),
    transform .58s var(--ease-smooth);
}
.inset-card-rot--default { left: 0; }
.inset-card-rot--alt {
  right: 0;
  left: auto;
  transform: rotate(180deg) translateY(24px);
  opacity: 0;
  pointer-events: none;
}
/* Backgrounds rendered on a pseudo-element with a counter-180 rotation
   so the bg image appears upright even though the parent strip is rotated 180
   for the bottom-to-top text reading direction. */
.inset-card-rot { overflow: hidden; }
.inset-card-rot::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: rotate(180deg);
  z-index: -1;
}
.inset-card-rot--default::before { background-image: url('/rs/442-SZV-721/images/Component%2018.png'); }
.inset-card-rot--alt::before     { background-image: url('/rs/442-SZV-721/images/Component%2016.png'); }
.inset-card.is-flipped .inset-card-rot--default {
  opacity: 0;
  pointer-events: none;
  transform: rotate(180deg) translateY(24px);
}
.inset-card.is-flipped .inset-card-rot--alt {
  opacity: 1;
  pointer-events: auto;
  /* Alt rolls from rotate(360) †’ rotate(180) - a 180 flip into resting. */
  transform: rotate(180deg) translateY(0);
}

/* Body content - default occupies the right of the left rot strip, alt fills from the right rot strip leftward */
.inset-card-body {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 32px 36px 40px;
  color: #fff;
  will-change: transform, opacity;
  transition: opacity .48s var(--ease-smooth), transform .52s var(--ease-smooth);
}
.inset-card-body--default {
  left: 110px;
  right: 0;
  background-image: url('/rs/442-SZV-721/images/Component%2017.png');
  background-size: cover;
  background-position: center;
}
.inset-card-body--alt {
  left: 0;
  right: 110px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-8px) scale(.992);
  background-image: url('/rs/442-SZV-721/images/Component%2019.png');
  background-size: cover;
  background-position: center;
}
.inset-card.is-flipped .inset-card-body--default {
  opacity: 0;
  pointer-events: none;
  transform: translateX(8px) scale(.992);
}
.inset-card.is-flipped .inset-card-body--alt {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
}

.inset-card-head {
  font-size: clamp(26px, 2.6vw, 36px);
  font-weight: 800;
  margin: 0 0 36px;
  line-height: 1.15;
}
.inset-cols {
  display: grid;
  gap: 36px;
}
.inset-cols--3 { grid-template-columns: repeat(3, 1fr); }
.inset-cols--4 { grid-template-columns: repeat(4, 1fr); gap: 28px; }
.inset-col { color: #fff; }
.inset-col .ico { width: 48px; height: 48px; margin-bottom: 20px; }
.inset-col p {
  font-size: 24px;
  line-height: 1.35;
  margin: 0;
  font-weight: 600;
}

/* Stagger the icon columns when content swaps in */
.inset-card-body--alt .inset-col,
.inset-card-body--default .inset-col {
  will-change: transform, opacity;
  transition: opacity .38s var(--ease-smooth), transform .42s var(--ease-smooth);
}
.inset-card-body--alt .inset-col { opacity: 0; transform: translateY(10px); }
.inset-card.is-flipped .inset-card-body--alt .inset-col { opacity: 1; transform: translateY(0); }
.inset-card.is-flipped .inset-card-body--alt .inset-col:nth-child(1) { transition-delay: .08s; }
.inset-card.is-flipped .inset-card-body--alt .inset-col:nth-child(2) { transition-delay: .14s; }
.inset-card.is-flipped .inset-card-body--alt .inset-col:nth-child(3) { transition-delay: .20s; }
.inset-card.is-flipped .inset-card-body--alt .inset-col:nth-child(4) { transition-delay: .26s; }
.inset-card.is-flipped .inset-card-body--default .inset-col { opacity: 0; transform: translateY(-8px); }

/* ---------------------------------------------------------------
   DISCOVERY EVOLUTION (Then / Now flipper)
   --------------------------------------------------------------- */
.evo-carousel { position: relative; padding-top: 10px; }
.evo-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 26px;
  align-items: stretch;
}
.evo-row {
  display: flex;
  gap: 26px;
  align-items: stretch;
}
.evo-card {
  flex: 1 1 0;
  border-radius: 14px;
  padding: 48px 44px;
  min-height: 230px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: flex-grow .7s var(--ease-smooth), box-shadow .35s var(--ease-ui);
}
.evo-card--then {
  background: #000;
  border: 2px solid var(--c-bright-blue);
  order: 1;
  flex-grow: 1;
  justify-content: center;
}
.evo-label {
  font-size: clamp(38px, 4vw, 54px);
  font-weight: 800;
  color: #fff;
}
.evo-card--now {
  background-color: var(--c-cyan-blue);
  order: 2;
  flex-grow: 2;
}
.evo-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: opacity .42s var(--ease-ui), transform .75s var(--ease-smooth);
}
.evo-card-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(11,43,201,0.72), rgba(31,80,220,0.55));
  z-index: 1;
}
.evo-text {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: clamp(20px, 2.2vw, 32px);
  font-weight: 800;
  line-height: 1.18;
  max-width: 540px;
}

/* Side-swap based on slide index */
.evo-carousel[data-slide="1"] .evo-card--then,
.evo-carousel[data-slide="3"] .evo-card--then { order: 2; flex-grow: 1; }
.evo-carousel[data-slide="1"] .evo-card--now,
.evo-carousel[data-slide="3"] .evo-card--now { order: 1; flex-grow: 2; }

/* Smooth fade + lift transition for content changes */
.evo-card--now .evo-img {
  will-change: opacity, transform;
}
.evo-card--now .evo-text,
.evo-card--then .evo-label {
  transition:
    opacity .36s var(--ease-ui),
    transform .42s var(--ease-smooth),
    filter .3s var(--ease-ui);
  will-change: opacity, transform;
}
.evo-row.is-switching .evo-card--now .evo-img {
  opacity: 0;
  transform: scale(1.025);
}
.evo-row.is-switching .evo-card--now .evo-text,
.evo-row.is-switching .evo-card--then .evo-label {
  opacity: 0;
  transform: translateY(6px);
  filter: blur(1px);
}

.evo-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  margin-top: 30px;
}
.evo-arrow {
  background: transparent;
  border: none;
  width: 46px;
  height: 46px;
  color: rgba(255,255,255,0.65);
  cursor: pointer;
  transition: color .18s var(--ease-ui), transform .18s var(--ease-ui);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.evo-arrow svg { width: 30px; height: 30px; }
.evo-arrow:hover { color: #fff; transform: scale(1.06); }
.evo-arrow:disabled,
.evo-arrow.is-disabled {
  color: rgba(255,255,255,0.18);
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
}
.evo-arrow:disabled:hover,
.evo-arrow.is-disabled:hover { color: rgba(255,255,255,0.18); transform: none; }
.evo-dots { display: none; }
.evo-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.25);
  transition: background .22s var(--ease-ui), transform .22s var(--ease-ui);
}
.evo-dot.is-active { background: var(--c-bright-blue); transform: scale(1.18); }

/* ---------------------------------------------------------------
   TRIO CARDS (3-card grids)
   --------------------------------------------------------------- */
.three-card-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 16px;
  align-items: stretch;
}
.trio-card {
  position: relative;
  border-radius: 18px;
  padding: 36px 30px;
  min-height: 380px;
  transition: transform .24s var(--ease-ui), box-shadow .24s var(--ease-ui);
}
.trio-card h4 {
  font-size: clamp(24px, 3vw, 31px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 18px;
  color: #fff;
}
.trio-card p {
  font-size: 23px;
  line-height: 1.2;
  color: #fff;
  margin: 0;
}
.trio-card { border-radius: 22px; }
.trio-card--filled {
  background: var(--c-cyan-blue);
  border: 2px solid var(--c-cyan-blue);
}
.trio-card--outline {
  background: transparent;
  border: 2px solid var(--c-bright-blue);
  box-shadow: 0 0 0 1px rgba(26,110,255,0.18);
}
.trio-card--solid {
  background: var(--c-deep-blue-2);
  border: 2px solid var(--c-deep-blue-2);
}
.trio-card:hover { transform: translateY(-2px); box-shadow: 0 22px 44px rgba(0,0,0,0.36); }

/* --- Accordion variant - click any card to expand it --- */
.trio-accordion {
  display: flex;
  gap: 16px;
  align-items: stretch;
  height: 500px;
}
.trio-accordion .trio-card {
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  background: transparent;
  border: 2px solid var(--c-bright-blue);
  border-radius: 22px;
  box-shadow: 0 0 0 1px rgba(26,110,255,0.18);
  color: inherit;
  font-family: inherit;
  text-align: left;
  -webkit-appearance: none;
  appearance: none;
  transition:
    flex-grow .72s var(--ease-smooth),
    background-color .28s var(--ease-ui),
    border-color .28s var(--ease-ui),
    box-shadow .28s var(--ease-ui);
}
.trio-accordion .trio-card:hover { transform: none; }
.trio-accordion .trio-card.is-active {
  flex: 3.5 1 0;
  background: var(--c-cyan-blue);
  border-color: var(--c-cyan-blue);
  box-shadow: 0 26px 50px rgba(0,0,0,0.35);
}
.trio-accordion .trio-card h4 {
  max-width: 560px;
  transition: opacity .28s var(--ease-ui), transform .34s var(--ease-smooth);
}
.trio-card-cta {
  display: none;
}
.trio-accordion .trio-card p {
  width: min(560px, calc(100vw - 96px));
  opacity: 0;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  transform: translateY(10px);
  visibility: hidden;
  transition:
    opacity .28s var(--ease-ui),
    transform .36s var(--ease-smooth),
    visibility 0s linear .28s;
}
.trio-accordion .trio-card.is-active p {
  opacity: 1;
  max-height: 520px;
  margin-top: 18px;
  transform: translateY(0);
  visibility: visible;
  transition:
    opacity .26s var(--ease-ui) .46s,
    transform .32s var(--ease-smooth) .42s;
}
/* Per-card signature colors - each card position has its own hue across every trio-accordion */
.trio-accordion .trio-card[data-card="0"] {
  border-color: var(--c-cyan-blue);
  box-shadow: 0 0 0 1px rgba(31,160,255,0.20);
}
.trio-accordion .trio-card[data-card="0"].is-active {
  background: var(--c-cyan-blue);
  border-color: var(--c-cyan-blue);
}
.trio-accordion .trio-card[data-card="1"] {
  border-color: var(--c-bright-blue);
  box-shadow: 0 0 0 1px rgba(26,110,255,0.20);
}
.trio-accordion .trio-card[data-card="1"].is-active {
  background: var(--c-bright-blue);
  border-color: var(--c-bright-blue);
}
.trio-accordion .trio-card[data-card="2"] {
  border-color: var(--c-deep-blue);
  box-shadow: 0 0 0 1px rgba(11,43,201,0.30);
}
.trio-accordion .trio-card[data-card="2"].is-active {
  background: var(--c-deep-blue);
  border-color: var(--c-deep-blue);
}

.trio-accordion .trio-card:focus-visible {
  outline: 2px solid var(--c-bright-blue);
  outline-offset: 3px;
}

.trio-accordion--reset-capabilities .trio-card {
  padding-inline: 28px;
}

.trio-accordion--reset-capabilities .trio-card.is-active {
  flex-grow: 2.45;
}

.trio-accordion--reset-capabilities .trio-card h4 {
  max-width: 100%;
  font-size: clamp(24px, 2.25vw, 31px);
  line-height: 1.12;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.trio-accordion--reset-capabilities .trio-card:not(.is-active) h4 {
  font-size: clamp(19px, 1.7vw, 25px);
  line-height: 1.12;
}

.trio-accordion--reset-capabilities .trio-card p {
  max-width: 100%;
}

@media (max-width: 880px) {
  .trio-accordion {
    flex-direction: column;
    height: auto;
  }

  .trio-accordion .trio-card {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 220px;
    padding: 30px;
  }

  .trio-card-cta {
    display: block;
    margin-top: auto;
    padding-top: 32px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .24s var(--ease-ui), transform .28s var(--ease-smooth);
  }

  .trio-accordion .trio-card.is-active {
    min-height: 0;
  }

  .trio-accordion .trio-card.is-active .trio-card-cta {
    opacity: 0;
    transform: translateY(-4px);
    height: 0;
    margin-top: 0;
    overflow: hidden;
  }

  .trio-accordion .trio-card p {
    width: auto;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    margin: 0;
    transition:
      max-height .46s var(--ease-smooth),
      margin-top .28s var(--ease-ui),
      opacity .24s var(--ease-ui),
      transform .34s var(--ease-smooth),
      visibility 0s linear .28s;
  }

  .trio-accordion .trio-card.is-active p {
    width: auto;
    max-height: var(--trio-body-height, 1200px);
    opacity: 1;
    visibility: visible;
    transform: none;
    margin-top: 14px;
    transition:
      max-height .52s var(--ease-smooth),
      margin-top .28s var(--ease-ui),
      opacity .24s var(--ease-ui) .14s,
      transform .34s var(--ease-smooth) .1s;
  }
}

/* ---------------------------------------------------------------
   STAT CIRCLES (chapter 4)
   --------------------------------------------------------------- */
.stat-circles {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0 20px;
  flex-wrap: wrap;
}
.stat-circle {
  width: 280px;
  height: 280px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.stat-ring {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.stat-ring-track {
  fill: none;
  stroke: rgba(255,255,255,0.2);
  stroke-width: 2.5;
}
.stat-ring-arc {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
}
.stat-circle--blue   .stat-ring-arc { stroke: #1A6EFF; }
.stat-circle--purple .stat-ring-arc { stroke: #5652DF; }
.stat-circle--gray   .stat-ring-arc { stroke: #7A7A9A; }
.stat-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}
.stat-num {
  font-size: clamp(46px, 5vw, 72px);
  font-weight: 900;
  line-height: 1;
  margin-bottom: 14px;
  letter-spacing: -1px;
}
.stat-circle--blue   .stat-num { color: #1A6EFF; }
.stat-circle--purple .stat-num { color: #5652DF; }
.stat-circle--gray   .stat-num { color: #7A7A9A; }
.stat-label {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
.src-note {
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  font-style: italic;
  margin-top: 30px;
}

/* ---------------------------------------------------------------
   PIE CHART (5 patterns)
   --------------------------------------------------------------- */
.pie-wrap {
  display: grid;
  grid-template-columns: 1fr 50px 1fr;
  align-items: center;
  gap: 30px;
  padding-top: 30px;
}
.pie-chart {
  position: relative;
  width: 480px;
  height: 480px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background: var(--c-deep-blue-2);
}
.pie-slice {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  left: 50%;
  transform-origin: 0% 100%;
  background: var(--c-deep-blue);
  border: 2px solid var(--c-black);
  cursor: pointer;
  transition: background .24s var(--ease-ui);
  font-family: inherit;
  outline: none;
  padding: 0;
}
.pie-slice[data-slice="1"] { transform: rotate(0deg)   skewY(-18deg); --slice-rot: 0deg;   }
.pie-slice[data-slice="2"] { transform: rotate(72deg)  skewY(-18deg); --slice-rot: 72deg;  }
.pie-slice[data-slice="3"] { transform: rotate(144deg) skewY(-18deg); --slice-rot: 144deg; }
.pie-slice[data-slice="4"] { transform: rotate(216deg) skewY(-18deg); --slice-rot: 216deg; }
.pie-slice[data-slice="5"] { transform: rotate(288deg) skewY(-18deg); --slice-rot: 288deg; }
.pie-slice.active { background: var(--c-cyan-blue); }
.pie-slice:hover { background: var(--c-bright-blue); }
/* Labels positioned absolutely OVER the pie chart (siblings of the slices)
   so they render upright without inheriting slice rotation/skew. */
.pie-cap {
  position: absolute;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  pointer-events: none;
  z-index: 2;
  width: max-content;
  max-width: 130px;
}
.pie-cap strong {
  display: block;
  font-weight: 800;
  margin-bottom: 4px;
}
/* Polar positions at ~33% radius for a 5-slice pie (slice centers at 36, 108, 180, 252, 324) */
.pie-cap--1 { top: 23%; left: 69%; }
.pie-cap--2 { top: 60%; left: 81%; }
.pie-cap--3 { top: 83%; left: 50%; }
.pie-cap--4 { top: 60%; left: 19%; }
.pie-cap--5 { top: 23%; left: 31%; }
.pie-arrow {
  font-size: 38px;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.pie-detail { position: relative; }
.pie-bubble {
  background: var(--c-cyan-blue);
  border-radius: 50%;
  width: 440px;
  height: 440px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
  text-align: center;
  color: #fff;
  animation: pieBubbleIn .32s var(--ease-smooth);
}
@keyframes pieBubbleIn {
  from { transform: scale(0.94); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}
.pie-bubble[hidden] { display: none; }
.pie-num {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 4px;
}
.pie-bubble h4 {
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 18px;
  max-width: 320px;
}
.pie-bubble p {
  font-size: 15px;
  line-height: 1.45;
  margin: 0;
  max-width: 320px;
}

/* ---------------------------------------------------------------
   CHAPTER PAGER BUTTONS
   --------------------------------------------------------------- */
.chapter-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 70px;
  background: var(--c-black);
}
.chapter-pager .btn { min-width: 168px; justify-content: center; }
.chapter-pager > span { width: 168px; }

/* ---------------------------------------------------------------
   FOOTER
   --------------------------------------------------------------- */
.site-footer {
  background-color: #000000;
  background-image: url('/rs/442-SZV-721/images/m-vector.svg');
  background-repeat: no-repeat;
  background-position-x: calc(100% - var(--gutter-right));
  background-position-y: center;
  background-size: auto 78%;
  color: rgba(255,255,255,0.85);
  padding: 56px 0 30px;
  position: relative;
}
.footer-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  margin-bottom: 30px;
}
.footer-brand { flex-shrink: 0; }
.footer-m-icon { height: 30px; width: auto; display: block; }
.footer-brand-img { height: 28px; width: auto; display: block; }
.footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 80px;
  max-width: 540px;
  width: 100%;
}
.footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 22px; }
.footer-links a {
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  transition: color .2s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.footer-links a:hover { color: var(--c-bright-blue); }
.pp-flag {
  display: inline-flex;
  align-items: stretch;
  border-radius: 3px;
  overflow: hidden;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  height: 16px;
}
.pp-flag-check {
  background: #1A6EFF;
  color: #fff;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
}
.pp-flag-x {
  background: #fff;
  color: #1A6EFF;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
}
.footer-social {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}
.footer-social a {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #E5202E;
  border-radius: 6px;
  color: rgba(255,255,255,0.92);
  transition: background .2s, color .2s;
}
.footer-social svg { width: 18px; height: 18px; }
.footer-social a:hover { background: #E5202E; color: #fff; }
.footer-disclaimer {
  margin: 0 0 36px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,0.72);
  max-width: 760px;
}
.footer-disclaimer a { color: rgba(255,255,255,0.95); text-decoration: underline; font-weight: 700; }

/* cmp-footer__container-bottom - mirrors Merkle.com AEM footer bottom row */
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 30px;
  padding: 28px 0 4px;
  margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.14);
}
.footer-copy {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  font-weight: 600;
  letter-spacing: 0.2px;
  order: 1;
}
.footer-dentsu {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,0.9);
  font-weight: 700;
  letter-spacing: 0.3px;
  order: 2;
}
.footer-dentsu:hover { color: #fff; }
.footer-dentsu-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #0B1330;
  font-weight: 900;
  font-size: 14px;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 1;
  flex-shrink: 0;
}
.footer-dentsu-text { text-transform: lowercase; }

@media (max-width: 880px) {
  .footer-top { flex-direction: column; gap: 30px; }
  .footer-links { grid-template-columns: 1fr; max-width: none; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* ---------------------------------------------------------------
   COOKIE BANNER
   --------------------------------------------------------------- */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  color: #111;
  padding: 14px clamp(20px, 4vw, 50px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  z-index: 200;
  box-shadow: 0 -8px 30px rgba(0,0,0,0.2);
  transform: translateY(0);
  transition: transform .34s var(--ease-smooth);
}
.cookie-banner.hidden { transform: translateY(120%); }
.cookie-banner p { margin: 0; font-size: 13px; line-height: 1.45; max-width: 920px; }
.cookie-banner a { color: var(--c-bright-blue); text-decoration: underline; font-weight: 600; }
.cookie-actions { display: flex; gap: 10px; flex-shrink: 0; }
.btn-cookie-settings, .btn-cookie-accept {
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 18px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #111;
}
.btn-cookie-settings { background: #fff; color: #111; }
.btn-cookie-accept { background: #111; color: #fff; }
.btn-cookie-settings:hover { background: #f1f1f1; }
.btn-cookie-accept:hover { background: #222; }

/* ---------------------------------------------------------------
   REVEAL ANIMATION
   --------------------------------------------------------------- */
.reveal-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .65s var(--ease-smooth), transform .75s var(--ease-smooth);
}
.reveal-up.is-visible { opacity: 1; transform: translateY(0); }

/* ------- CHAPTER ENTRY ANIMATIONS ------- */
@keyframes chFadeInUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes chFadeInLeft {
  from { opacity: 0; transform: translateX(-14px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes chScaleIn {
  from { opacity: 0; transform: scale(0.985); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes chHeroPhoto {
  from { opacity: 0.35; transform: scale(1.018); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes chShadeWipe {
  from { opacity: 0; clip-path: inset(0 0 0 18%); }
  to   { opacity: 1; clip-path: inset(0 0 0 0); }
}

.section.is-entering .ch-hero-bg     { animation: chHeroPhoto 1.15s var(--ease-smooth) both; }
.section.is-entering .ch-hero-shade  { animation: chShadeWipe 1s var(--ease-smooth) both; }
.section.is-entering .ch-hero-content .pill { animation: chFadeInLeft .72s var(--ease-smooth) both; animation-delay: .08s; }
.section.is-entering .ch-hero-content .ch-title { animation: chFadeInUp .82s var(--ease-smooth) both; animation-delay: .18s; }
.section.is-entering .ch-hero-content .ch-body  { animation: chFadeInUp .82s var(--ease-smooth) both; animation-delay: .34s; }
#chapter2.is-entering .ch-hero-bg { animation: chHeroPhoto 1.15s var(--ease-smooth) both; }
#chapter2.is-entering .ch-hero-shade { animation: chShadeWipe 1s var(--ease-smooth) both; }
#chapter2.is-entering .ch-hero-content .pill { animation: chFadeInLeft .72s var(--ease-smooth) both; animation-delay: .08s; }
#chapter2.is-entering .ch-hero-content .ch-title { animation: chFadeInUp .82s var(--ease-smooth) both; animation-delay: .18s; }
#chapter2.is-entering .ch-hero-content .inset-card { animation: chFadeInUp .82s var(--ease-smooth) both; animation-delay: .34s; }
#chapter4.is-entering .ch-hero-bg { animation: chHeroPhoto 1.15s var(--ease-smooth) both; }
#chapter4.is-entering .ch-hero-shade { animation: chShadeWipe 1s var(--ease-smooth) both; }
#chapter4.is-entering .ch-hero-content .pill { animation: chFadeInLeft .72s var(--ease-smooth) both; animation-delay: .08s; }
#chapter4.is-entering .ch-hero-content .ch-title { animation: chFadeInUp .82s var(--ease-smooth) both; animation-delay: .18s; }
#chapter4.is-entering .ch-hero-content .ch-body { animation: chFadeInUp .82s var(--ease-smooth) both; animation-delay: .34s; }

.section.is-entering .block-title { animation: chFadeInUp .56s var(--ease-smooth) both; animation-delay: .08s; }
.section.is-entering .photo-card  { animation: chScaleIn .56s var(--ease-smooth) both; }
.section.is-entering .photo-card:nth-child(1) { animation-delay: .18s; }
.section.is-entering .photo-card:nth-child(2) { animation-delay: .28s; }
.section.is-entering .photo-card:nth-child(3) { animation-delay: .38s; }
.section.is-entering .photo-card:nth-child(4) { animation-delay: .48s; }

.section.is-entering .blue-rule   { animation: chFadeInLeft .48s var(--ease-smooth) both; animation-delay: .28s; }
.section.is-entering .lead-text   { animation: chFadeInUp .58s var(--ease-smooth) both; animation-delay: .36s; }

.section.is-entering .bleed-headline,
.section.is-entering .bleed-title { animation: chFadeInUp .58s var(--ease-smooth) both; animation-delay: .12s; }
.section.is-entering .bleed-body  { animation: chFadeInUp .58s var(--ease-smooth) both; animation-delay: .24s; }
.section.is-entering .bullet-list li { animation: chFadeInUp .48s var(--ease-smooth) both; }
.section.is-entering .bullet-list li:nth-child(1) { animation-delay: .20s; }
.section.is-entering .bullet-list li:nth-child(2) { animation-delay: .30s; }
.section.is-entering .bullet-list li:nth-child(3) { animation-delay: .40s; }

.section.is-entering .trio-card { animation: chFadeInUp .52s var(--ease-smooth) both; }
.section.is-entering .trio-card:nth-child(1) { animation-delay: .16s; }
.section.is-entering .trio-card:nth-child(2) { animation-delay: .26s; }
.section.is-entering .trio-card:nth-child(3) { animation-delay: .36s; }

.section.is-entering .bleed-pager-btn { animation: none; }

/* ---------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------- */
@media (max-width: 1024px) {
  :root {
    --container-pad: clamp(24px, 5vw, 48px);
    --section-pad-y: clamp(64px, 8vw, 96px);
  }

  .container {
    padding-inline: var(--container-pad);
  }

  .chapter-nav-inner {
    overflow: visible;
  }

  .ch-links {
    width: 100%;
    justify-content: flex-start;
    gap: 34px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .ch-links::-webkit-scrollbar {
    display: none;
  }

  .ch-link {
    flex: 0 0 auto;
    font-size: 16px;
    white-space: nowrap;
  }

  .ch-link.active::after {
    bottom: -6px;
  }

  .cover {
    min-height: calc(100svh - var(--topbar-h));
    padding: 72px var(--container-pad);
  }

  .cover-inner {
    max-width: 900px;
    gap: 22px;
  }

  .cover-sub {
    font-size: clamp(28px, 4.4vw, 40px);
  }

  .cover-tagline {
    font-size: 18px;
  }

  .ch-hero,
  .ch-hero--photo,
  .ch-hero--prism {
    min-height: 540px;
  }

  .ch-hero-content {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .ch-title {
    max-width: 680px;
  }

  .ch-body {
    max-width: 600px;
  }

  .ch-hero--bluephoto .ch-hero-bg,
  .ch-hero--bluephoto .ch-hero-shade {
    width: 100%;
  }

  .ch-hero--bluephoto .ch-hero-bg {
    object-position: 72% center;
  }

  .block-title {
    margin-bottom: 36px;
  }

  .photo-card-grid,
  .photo-card-grid--2x2 {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .photo-card {
    max-width: 760px;
  }

  .photo-card-title {
    left: 30px;
    right: 30px;
    top: 42px;
    bottom: auto;
    font-size: clamp(32px, 4.8vw, 44px);
  }

  .photo-card-cta {
    left: 30px;
    bottom: 28px;
    font-size: 15px;
    opacity: 1;
    transform: none;
  }

  .photo-card-detail {
    padding: 34px 36px;
  }

  .photo-card-detail h4 {
    font-size: clamp(24px, 3.2vw, 32px);
  }

  .photo-card-detail p {
    font-size: 18px;
    line-height: 1.5;
  }

  .trio-accordion {
    gap: 12px;
    height: 400px;
  }

  .trio-accordion .trio-card {
    padding: 28px 26px;
  }

  .trio-accordion .trio-card.is-active {
    flex-grow: 3.9;
  }

  .trio-accordion .trio-card p {
    width: 100%;
    max-width: 100%;
    font-size: clamp(16px, 1.9vw, 18px);
    line-height: 1.34;
  }

  .trio-accordion .trio-card h4 {
    max-width: 100%;
    font-size: clamp(20px, 2.6vw, 28px);
    line-height: 1.08;
  }

  .blue-rule {
    width: 220px;
    margin: 40px 0 34px;
  }

  .lead-text {
    max-width: 760px;
  }

  .bleed-headline,
  .bleed-headline--small,
  .bleed-headline--med,
  .bleed-title,
  .bleed-body {
    max-width: 760px;
  }

  .bleed--deepblue .bleed-bg,
  .bleed--deepblue .bleed-shade,
  .bleed--blendImg .bleed-bg,
  .bleed--blendImg .bleed-shade {
    width: 100%;
  }

  .bleed-shade--deepblue {
    background: linear-gradient(90deg,
      var(--c-deep-blue) 0%,
      rgba(11,43,201,0.92) 26%,
      rgba(11,43,201,0.68) 68%,
      rgba(11,43,201,0.44) 100%);
  }

  .bleed-shade--dark-soft {
    background: linear-gradient(90deg,
      #000 0%,
      rgba(0,0,0,0.86) 30%,
      rgba(0,0,0,0.62) 72%,
      rgba(0,0,0,0.45) 100%);
  }

  .bleed--blue {
    background-position: left center, 68% center;
    background-size: 100% 100%, auto 100%;
  }

  .bullet-list li {
    max-width: 760px;
  }

  .three-card-grid { grid-template-columns: 1fr; }
  .pie-wrap { grid-template-columns: 1fr; gap: 40px; }
  .pie-arrow { display: none; }
  .why-grid { grid-template-columns: 1fr; }
  .why-logo { text-align: left; }
  .bleed--split { grid-template-columns: 1fr; }
  .bleed-split-img { min-height: 280px; }
  .inset-cols { grid-template-columns: 1fr; gap: 20px; }
  .inset-card {
    min-height: 0;
    display: grid;
    grid-template-areas:
      "switch"
      "panel";
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0,0,0,0.18);
  }

  .inset-mobile-switch {
    position: relative;
    z-index: 5;
    grid-area: switch;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 8px;
    background: rgba(0,0,0,0.28);
  }

  .inset-mobile-switch button {
    min-height: 42px;
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,0.78);
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.15;
    padding: 8px 10px;
  }

  .inset-mobile-switch button[aria-selected="true"] {
    background: var(--c-bright-blue);
    border-color: var(--c-bright-blue);
    color: #fff;
    box-shadow: 0 10px 22px rgba(26,110,255,0.28);
  }

  .inset-card-bg,
  .inset-card-shade,
  .inset-card-rot {
    display: none;
  }

  .inset-card-body,
  .inset-card-body--default,
  .inset-card-body--alt,
  .inset-card.is-flipped .inset-card-body--default,
  .inset-card.is-flipped .inset-card-body--alt {
    grid-area: panel;
    position: relative;
    inset: auto;
    left: auto;
    right: auto;
    padding: 30px 34px;
    border-radius: 0;
    transition: opacity .32s var(--ease-ui), transform .38s var(--ease-smooth), visibility 0s linear .32s;
  }

  .inset-card-body--default,
  .inset-card.is-flipped .inset-card-body--default {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(-12px);
  }

  .inset-card-body--alt,
  .inset-card.is-flipped .inset-card-body--alt {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
    transition-delay: .08s, .08s, 0s;
  }

  .inset-card:not(.is-flipped) .inset-card-body--default {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
    transition-delay: .08s, .08s, 0s;
  }

  .inset-card:not(.is-flipped) .inset-card-body--alt {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(12px);
    transition-delay: 0s;
  }

  .inset-card-head {
    font-size: clamp(26px, 3.3vw, 34px);
    margin-bottom: 22px;
  }

  .inset-cols,
  .inset-cols--3,
  .inset-cols--4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .inset-card-body--alt .inset-col,
  .inset-card-body--default .inset-col,
  .inset-card.is-flipped .inset-card-body--alt .inset-col,
  .inset-card.is-flipped .inset-card-body--default .inset-col {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
  }

  .inset-col .ico {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }

  .inset-col p {
    font-size: clamp(20px, 2.7vw, 26px);
    line-height: 1.25;
  }
  .stat-circles { gap: 24px; justify-content: center; }
  .stat-circle { width: 200px; height: 200px; }
}

@media (max-width: 720px) {
  :root {
    --topbar-h: 48px;
    --nav-h: 54px;
    --container-pad: 22px;
    --section-pad-y: 62px;
  }

  body.state-cover {
    height: 100svh;
  }

  .brand-logo {
    height: 18px;
  }

  .brand-icon {
    width: 18px;
    height: 18px;
  }

  .chapter-nav {
    height: var(--nav-h);
  }

  .chapter-nav-inner {
    justify-content: flex-end;
    overflow: visible;
    position: relative;
  }

  .chapter-menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.2px;
    cursor: pointer;
  }

  .chapter-current {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(56vw, 220px);
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    pointer-events: none;
  }

  .chapter-current span {
    display: none;
  }

  body[data-active="1"] .chapter-current [data-current-ch="1"],
  body[data-active="2"] .chapter-current [data-current-ch="2"],
  body[data-active="3"] .chapter-current [data-current-ch="3"],
  body[data-active="4"] .chapter-current [data-current-ch="4"],
  body[data-active="5"] .chapter-current [data-current-ch="5"],
  body[data-active="why"] .chapter-current [data-current-ch="why"] {
    display: inline;
  }

  .chapter-menu-icon {
    display: inline-flex;
    width: 24px;
    height: 18px;
    flex-direction: column;
    justify-content: space-between;
  }

  .chapter-menu-icon span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform .24s var(--ease-ui), opacity .2s var(--ease-ui);
  }

  .chapter-nav.is-menu-open .chapter-menu-icon span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  .chapter-nav.is-menu-open .chapter-menu-icon span:nth-child(2) {
    opacity: 0;
  }

  .chapter-nav.is-menu-open .chapter-menu-icon span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .ch-links {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 110;
    display: flex;
    height: auto;
    max-height: calc(100svh - var(--topbar-h) - var(--nav-h));
    flex-direction: column;
    gap: 26px;
    padding: 18px var(--container-pad) 22px;
    overflow-y: auto;
    background: var(--c-nav);
    box-shadow: 0 18px 34px rgba(0,0,0,0.32);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity .24s var(--ease-ui), transform .28s var(--ease-smooth);
  }

  .chapter-nav.is-menu-open .ch-links {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .chapter-nav .container {
    padding-inline: var(--container-pad);
  }

  .ch-link {
    width: 100%;
    margin-inline: 0;
    height: auto;
    justify-content: flex-start;
    font-size: 16px;
    padding: 13px 0;
  }

  .ch-link.active::after {
    left: 0;
    right: 0;
    bottom: 4px;
    width: 100%;
    transform: none;
  }

  .chapter-pager { flex-direction: column; gap: 16px; }
  .chapter-pager > span { display: none; }
  .cookie-banner { flex-direction: column; align-items: flex-start; gap: 14px; }
  .cookie-actions { width: 100%; }
  .btn-cookie-settings, .btn-cookie-accept { flex: 1; }

  .cover {
    min-height: calc(100svh - var(--topbar-h));
    padding: 46px var(--container-pad) 58px;
    background-position: 52% center;
  }

  .cover-inner {
    gap: 18px;
    width: 100%;
  }

  .pill--lg {
    padding: 8px 16px;
    font-size: 10px;
    letter-spacing: 1px;
  }

  .cover-title {
    font-size: clamp(36px, 11vw, 52px);
    line-height: 1.05;
    margin: 4px 0 0;
    white-space: normal;
  }

  .cover-sub {
    font-size: clamp(20px, 5.2vw, 24px);
    line-height: 1.22;
    width: min(100%, 360px);
    max-width: calc(100vw - (var(--container-pad) * 2));
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .cover-sub br {
    display: none;
  }

  .cover-divider {
    width: 96px;
  }

  .cover-tagline {
    font-size: 15px;
  }

  .cover .btn--lg {
    padding: 13px 30px;
    font-size: 15px;
  }

  .ch-hero,
  .ch-hero--photo,
  .ch-hero--prism {
    min-height: calc(100svh - var(--topbar-h) - var(--nav-h));
    align-items: flex-end;
  }

  .ch-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.56) 58%, rgba(0,0,0,0.88) 100%);
  }

  .ch-hero--bluephoto::after {
    background: linear-gradient(180deg, rgba(31,160,255,0.18) 0%, rgba(8,19,70,0.62) 56%, rgba(0,0,0,0.92) 100%);
  }

  .ch-hero-bg {
    object-position: 68% center;
  }

  .ch-hero--photo .ch-hero-bg {
    object-position: 70% center;
  }

  .ch-hero--bluephoto .ch-hero-bg,
  .ch-hero--prism .ch-hero-bg {
    object-position: 72% center;
  }

  .ch-hero-content {
    padding-top: 92px;
    padding-bottom: 46px;
  }

  .ch-hero-content > .pill {
    margin-bottom: 18px;
  }

  .pill {
    padding: 7px 14px;
    font-size: 10px;
    letter-spacing: 1px;
  }

  .ch-title,
  .ch-title--bright {
    max-width: 100%;
    font-size: clamp(34px, 9.5vw, 44px);
    line-height: 1.08;
    margin-bottom: 20px;
    white-space: normal;
  }

  .ch-body {
    max-width: 100%;
    font-size: 18px;
    line-height: 1.28;
  }

  .ch-body--bright strong {
    font-size: clamp(24px, 7vw, 30px);
  }

  .why-header {
    align-items: flex-start;
    gap: 22px;
    flex-direction: column;
  }

  .why-logo-img {
    width: 160px;
  }

  .ch-hero--withInset .ch-hero-content {
    padding-bottom: 46px;
  }

  .ch-hero--withInset .ch-title {
    margin-bottom: 30px;
  }

  .block,
  .bleed {
    padding-top: var(--section-pad-y);
    padding-bottom: var(--section-pad-y);
  }

  .block-title {
    font-size: clamp(26px, 7vw, 34px);
    line-height: 1.14;
    margin-bottom: 28px;
    letter-spacing: 0;
  }

  .photo-card-grid,
  .photo-card-grid--2x2 {
    gap: 18px;
  }

  .photo-card {
    width: 100%;
    max-width: none;
    border-radius: 12px;
    aspect-ratio: 4 / 3;
  }

  .photo-card-title {
    left: 22px;
    right: 22px;
    top: 28px;
    bottom: auto;
    font-size: clamp(24px, 7.2vw, 32px);
    line-height: 1.12;
  }

  .photo-card-cta {
    left: 22px;
    bottom: 22px;
    font-size: 13px;
    opacity: 1;
    transform: none;
  }

  .photo-card-detail {
    padding: 24px;
    gap: 12px;
    overflow-y: auto;
  }

  .photo-card-detail h4 {
    font-size: 21px;
  }

  .photo-card-detail p {
    font-size: 14px;
    line-height: 1.45;
  }

  .blue-rule {
    width: 128px;
    height: 4px;
    margin: 30px 0 26px;
  }

  .lead-text {
    font-size: 17px;
    line-height: 1.5;
  }

  .bleed,
  .bleed--padlg,
  .bleed--photoFull {
    min-height: 360px;
  }

  .bleed--blue {
    background-image:
      linear-gradient(180deg,
        rgba(11,43,201,0.96) 0%,
        rgba(11,43,201,0.90) 42%,
        rgba(6,18,90,0.70) 72%,
        rgba(0,0,0,0.72) 100%),
      url('/rs/442-SZV-721/images/ch01_2nd_fold_bg.png');
    background-position: center center, 62% center;
    background-size: cover, auto 100%;
  }

  .bleed--deepblue.bleed--padlg {
    background-position: 65% center;
  }

  .bleed--deepblue.bleed--padlg::before {
    background: linear-gradient(180deg,
      rgba(11,43,201,0.96) 0%,
      rgba(11,43,201,0.88) 55%,
      rgba(11,43,201,0.72) 100%);
  }

  .bleed-shade--deepblue {
    background: linear-gradient(180deg,
      rgba(11,43,201,0.95) 0%,
      rgba(11,43,201,0.82) 56%,
      rgba(5,12,55,0.76) 100%);
  }

  .bleed-shade--dark-soft {
    background: linear-gradient(180deg,
      rgba(0,0,0,0.72) 0%,
      rgba(0,0,0,0.78) 54%,
      rgba(0,0,0,0.92) 100%);
  }

  .bleed-content--left .bleed-title,
  .bleed-content--left .bleed-headline,
  .bleed-content--left .bleed-body,
  .bleed-headline,
  .bleed-headline--small,
  .bleed-headline--med,
  .bleed-title,
  .bleed-body {
    max-width: 100%;
  }

  .bleed-headline {
    font-size: clamp(28px, 8vw, 38px);
    line-height: 1.16;
  }

  .bleed-headline--small {
    font-size: clamp(24px, 6.6vw, 31px);
  }

  .bleed-title {
    font-size: clamp(25px, 7vw, 34px);
    line-height: 1.16;
    margin-bottom: 24px;
  }

  .bleed-body {
    font-size: 18px;
    line-height: 1.35;
  }

  .bullet-list {
    margin-top: 22px;
  }

  .bullet-list li {
    font-size: 17px;
    line-height: 1.45;
    padding-left: 20px;
    margin-bottom: 12px;
  }

  .bleed--split {
    min-height: 0;
  }

  .bleed-split-text,
  .bleed-split-text--padded {
    padding: var(--section-pad-y) var(--container-pad);
  }

  .bleed-split-img {
    min-height: 240px;
  }

  .ch-hero-shade--cyan {
    background: linear-gradient(180deg, rgba(31,160,255,0.95) 0%, rgba(31,160,255,0.78) 60%, rgba(31,160,255,0.3) 100%);
  }
  .ch-hero-shade--dark {
    background: linear-gradient(180deg, rgba(31,160,255,0.85) 0%, rgba(31,160,255,0.6) 60%, rgba(31,160,255,0.2) 100%);
  }
  .footer-cols { grid-template-columns: 1fr; gap: 30px; }
  .footer-links { grid-template-columns: 1fr; gap: 20px; }
  .footer-m-outline { display: none; }
  .evo-row { grid-template-columns: 1fr; }
  .evo-card { padding: 36px 24px; min-height: 180px; }
  .pie-chart, .pie-bubble { width: 320px; height: 320px; }
}

@media (max-width: 880px) {
  .trio-accordion {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    align-items: stretch !important;
  }

  .trio-accordion .trio-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 188px !important;
    overflow: hidden !important;
  }

  .trio-accordion .trio-card p {
    display: block !important;
    width: auto !important;
    max-height: 0 !important;
    margin: 0 !important;
    font-size: clamp(15px, 3.75vw, 17px) !important;
    line-height: 1.34 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(8px) !important;
    transition:
      max-height .46s var(--ease-smooth),
      margin-top .28s var(--ease-ui),
      opacity .24s var(--ease-ui),
      transform .34s var(--ease-smooth),
      visibility 0s linear .28s !important;
  }

  .trio-accordion .trio-card.is-active {
    min-height: 0 !important;
  }

  .trio-accordion .trio-card.is-active p {
    max-height: 1200px !important;
    margin-top: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition:
      max-height .52s var(--ease-smooth),
      margin-top .28s var(--ease-ui),
      opacity .24s var(--ease-ui) .14s,
      transform .34s var(--ease-smooth) .1s !important;
  }
}

@media (max-width: 720px) {
  .inset-card {
    min-height: 0;
    display: grid;
    grid-template-areas:
      "switch"
      "panel";
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0,0,0,0.18);
  }

  .inset-mobile-switch {
    position: relative;
    z-index: 5;
    grid-area: switch;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 8px;
    background: rgba(0,0,0,0.28);
  }

  .inset-mobile-switch button {
    min-height: 38px;
    border: 1px solid rgba(255,255,255,0.28);
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,0.78);
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.15;
    padding: 8px 10px;
  }

  .inset-mobile-switch button[aria-selected="true"] {
    background: var(--c-bright-blue);
    border-color: var(--c-bright-blue);
    color: #fff;
    box-shadow: 0 10px 22px rgba(26,110,255,0.28);
  }

  .inset-card-bg,
  .inset-card-shade,
  .inset-card-rot {
    display: none;
  }

  .inset-card-body,
  .inset-card-body--default,
  .inset-card-body--alt,
  .inset-card.is-flipped .inset-card-body--default,
  .inset-card.is-flipped .inset-card-body--alt {
    grid-area: panel;
    position: relative;
    inset: auto;
    left: auto;
    right: auto;
    padding: 26px 22px;
    border-radius: 0;
    transition: opacity .32s var(--ease-ui), transform .38s var(--ease-smooth), visibility 0s linear .32s;
  }

  .inset-card-body--default,
  .inset-card.is-flipped .inset-card-body--default {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(-12px);
  }

  .inset-card-body--alt,
  .inset-card.is-flipped .inset-card-body--alt {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
    transition-delay: .08s, .08s, 0s;
  }

  .inset-card:not(.is-flipped) .inset-card-body--default {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
    transition-delay: .08s, .08s, 0s;
  }

  .inset-card:not(.is-flipped) .inset-card-body--alt {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(12px);
    transition-delay: 0s;
  }

  .inset-card-head {
    font-size: clamp(24px, 7vw, 30px);
    margin-bottom: 22px;
  }

  .inset-cols,
  .inset-cols--3,
  .inset-cols--4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .inset-card-body--alt .inset-col,
  .inset-card-body--default .inset-col,
  .inset-card.is-flipped .inset-card-body--alt .inset-col,
  .inset-card.is-flipped .inset-card-body--default .inset-col {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
  }

  .inset-col .ico {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .inset-col p {
    font-size: 18px;
    line-height: 1.35;
  }

  .evo-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .evo-card,
  .evo-card--then,
  .evo-card--now,
  .evo-carousel[data-slide="1"] .evo-card--then,
  .evo-carousel[data-slide="3"] .evo-card--then,
  .evo-carousel[data-slide="1"] .evo-card--now,
  .evo-carousel[data-slide="3"] .evo-card--now {
    order: initial;
    flex: 0 0 auto;
    width: 100%;
  }

  .evo-card {
    min-height: 176px;
    padding: 30px 22px;
  }

  .evo-label {
    font-size: clamp(32px, 10vw, 44px);
  }

  .evo-text {
    font-size: clamp(20px, 6vw, 27px);
    line-height: 1.2;
  }

  .evo-nav {
    margin-top: 22px;
    gap: 14px;
  }

  .evo-arrow {
    width: 42px;
    height: 42px;
  }

  .stat-circles {
    flex-direction: column;
    align-items: center;
    gap: 22px;
    padding: 12px 0;
  }

  .stat-circle {
    width: min(250px, 72vw);
    height: min(250px, 72vw);
  }

  .stat-num {
    font-size: clamp(44px, 14vw, 60px);
  }

  .stat-label {
    font-size: 14px;
  }

  .pie-wrap {
    gap: 26px;
  }

  .pie-chart,
  .pie-bubble {
    width: min(320px, calc(100vw - (var(--container-pad) * 2)));
    height: min(320px, calc(100vw - (var(--container-pad) * 2)));
  }

  .pie-cap {
    font-size: 10px;
    max-width: 86px;
    line-height: 1.15;
  }

  .pie-bubble {
    padding: 32px 24px;
  }

  .pie-bubble h4 {
    font-size: 21px;
  }

  .pie-bubble p {
    font-size: 13px;
    line-height: 1.45;
  }

  .site-footer {
    background-position: right bottom;
    background-size: 66% auto;
    padding: 42px 0 24px;
  }

  .footer-top {
    gap: 28px;
    margin-bottom: 26px;
  }

  .footer-links {
    gap: 0;
  }

  .footer-links li {
    margin-bottom: 16px;
  }

  .footer-links a {
    font-size: 14px;
  }

  .footer-social {
    margin-bottom: 24px;
  }

  .footer-disclaimer {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 26px;
  }

  .footer-bottom {
    padding-top: 22px;
  }

  .cookie-banner {
    padding: 14px var(--container-pad);
    gap: 12px;
  }

  .cookie-banner p {
    font-size: 12px;
    line-height: 1.4;
  }

  .cookie-actions {
    gap: 8px;
  }

  .btn-cookie-settings,
  .btn-cookie-accept {
    min-height: 38px;
    padding: 9px 12px;
    font-size: 12px;
  }
}

@media (max-width: 720px) {
  .bleed-pager-btn {
    padding: 9px 18px;
    font-size: 12px;
  }

  .rewards-closing {
    margin-bottom: 28px;
  }

  .rewards-closing .bleed-headline--small {
    font-size: clamp(24px, 6.1vw, 29px);
    line-height: 1.18;
  }

  .ch-hero,
  .ch-hero--photo,
  .ch-hero--prism {
    display: block;
    min-height: calc(100svh - var(--topbar-h) - var(--nav-h));
  }

  .ch-hero:not(.ch-hero--withInset)::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 3;
    width: 18px;
    height: 18px;
    border-right: 2px solid rgba(255,255,255,0.78);
    border-bottom: 2px solid rgba(255,255,255,0.78);
    transform: translateX(-50%) rotate(45deg);
    animation: mobileScrollCue 1.45s var(--ease-smooth) infinite;
    pointer-events: none;
  }

  .ch-hero-content {
    padding-top: clamp(178px, 34svh, 230px);
    padding-bottom: 44px;
  }

  .ch-hero-content--why {
    padding-top: 42px;
  }

  .ch-hero-content > .pill {
    margin-bottom: 18px;
  }

  .ch-title,
  .ch-title--bright {
    max-width: 100%;
    font-size: clamp(34px, 9vw, 42px);
    line-height: 1.08;
    margin-bottom: 20px;
    letter-spacing: 0;
  }

  .ch-body {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.28;
  }

  .ch-body--bright strong {
    font-size: clamp(25px, 7vw, 31px);
    line-height: 1.22;
  }

  .trio-accordion .trio-card {
    min-height: 132px !important;
    padding: 26px 28px !important;
  }

  .trio-card-cta {
    padding-top: 20px;
  }

  .trio-accordion .trio-card.is-active {
    min-height: 0 !important;
  }

  .ch-hero--withInset {
    min-height: 0;
  }

  .ch-hero--withInset .ch-hero-content {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .ch-hero--withInset .ch-title {
    margin-bottom: 28px;
  }

  .ch-hero--photo .ch-hero-bg {
    object-position: 72% center;
  }

  .ch-hero--bluephoto .ch-hero-bg {
    object-position: 70% center;
  }

  .ch-hero--prism .ch-hero-bg {
    object-position: 66% center;
  }

  .ch-hero--bluephoto .ch-hero-bg,
  .ch-hero--bluephoto .ch-hero-shade {
    width: 100%;
  }

  .ch-hero--bluephoto .ch-hero-bg {
    opacity: 0.82;
    filter: saturate(1.08) contrast(1.04);
    object-position: 60% top;
  }

  .ch-hero-shade--cyan {
    background: linear-gradient(180deg,
      rgba(31,160,255,0.54) 0%,
      rgba(31,160,255,0.36) 38%,
      rgba(8,32,82,0.34) 68%,
      rgba(0,0,0,0.28) 100%);
  }

  .ch-hero--bluephoto::after {
    background: linear-gradient(180deg,
      rgba(31,160,255,0.08) 0%,
      rgba(8,19,70,0.34) 52%,
      rgba(0,0,0,0.88) 100%);
  }

}

@keyframes mobileScrollCue {
  0%, 100% {
    opacity: 0.38;
    transform: translate(-50%, -4px) rotate(45deg);
  }
  50% {
    opacity: 0.95;
    transform: translate(-50%, 4px) rotate(45deg);
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}


@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 900;
    src: url(https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/e3ed45/00000000000000007735e602/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 900;
    src: url(https://use.typekit.net/af/d83550/00000000000000007735e60a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/d83550/00000000000000007735e60a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/d83550/00000000000000007735e60a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 700;
    src: url(https://use.typekit.net/af/4de20a/00000000000000007735e604/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/4de20a/00000000000000007735e604/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/4de20a/00000000000000007735e604/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    src: url(https://use.typekit.net/af/8738d8/00000000000000007735e611/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/8738d8/00000000000000007735e611/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/8738d8/00000000000000007735e611/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 800;
    src: url(https://use.typekit.net/af/58acf5/00000000000000007735e622/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff2"),url(https://use.typekit.net/af/58acf5/00000000000000007735e622/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff"),url(https://use.typekit.net/af/58acf5/00000000000000007735e622/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 100;
    src: url(https://use.typekit.net/af/154cda/00000000000000007735e601/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("woff2"),url(https://use.typekit.net/af/154cda/00000000000000007735e601/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("woff"),url(https://use.typekit.net/af/154cda/00000000000000007735e601/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 100;
    src: url(https://use.typekit.net/af/7283cd/00000000000000007735e608/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3) format("woff2"),url(https://use.typekit.net/af/7283cd/00000000000000007735e608/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3) format("woff"),url(https://use.typekit.net/af/7283cd/00000000000000007735e608/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    src: url(https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 600;
    src: url(https://use.typekit.net/af/144da4/00000000000000007735e619/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/144da4/00000000000000007735e619/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/144da4/00000000000000007735e619/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 400;
    src: url(https://use.typekit.net/af/3322cc/00000000000000007735e616/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/3322cc/00000000000000007735e616/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/3322cc/00000000000000007735e616/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 300;
    src: url(https://use.typekit.net/af/40d372/00000000000000007735e607/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/40d372/00000000000000007735e607/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/40d372/00000000000000007735e607/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(https://use.typekit.net/af/23e139/00000000000000007735e605/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/23e139/00000000000000007735e605/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/23e139/00000000000000007735e605/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova;
    font-stretch: normal;
    font-style: italic;
    font-weight: 500;
    src: url(https://use.typekit.net/af/79862c/00000000000000007735e60e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/79862c/00000000000000007735e60e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/79862c/00000000000000007735e60e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 900;
    src: url(https://use.typekit.net/af/db26eb/00000000000000007735e615/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/db26eb/00000000000000007735e615/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/db26eb/00000000000000007735e615/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 900;
    src: url(https://use.typekit.net/af/6f5cf7/00000000000000007735e61e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/6f5cf7/00000000000000007735e61e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/6f5cf7/00000000000000007735e61e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url(https://use.typekit.net/af/15606c/00000000000000007735e60c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/15606c/00000000000000007735e60c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/15606c/00000000000000007735e60c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 700;
    src: url(https://use.typekit.net/af/1ea53e/00000000000000007735e61d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/1ea53e/00000000000000007735e61d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/1ea53e/00000000000000007735e61d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(https://use.typekit.net/af/2000e8/00000000000000007735e612/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/2000e8/00000000000000007735e612/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/2000e8/00000000000000007735e612/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 300;
    src: url(https://use.typekit.net/af/16abe1/00000000000000007735e621/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/16abe1/00000000000000007735e621/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/16abe1/00000000000000007735e621/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(https://use.typekit.net/af/669f97/00000000000000007735e623/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/669f97/00000000000000007735e623/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/669f97/00000000000000007735e623/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 400;
    src: url(https://use.typekit.net/af/4d69d6/00000000000000007735e62c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/4d69d6/00000000000000007735e62c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/4d69d6/00000000000000007735e62c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    src: url(https://use.typekit.net/af/3f0c14/00000000000000007735e626/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/3f0c14/00000000000000007735e626/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/3f0c14/00000000000000007735e626/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 600;
    src: url(https://use.typekit.net/af/c5e6c7/00000000000000007735e631/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/c5e6c7/00000000000000007735e631/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/c5e6c7/00000000000000007735e631/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 200;
    src: url(https://use.typekit.net/af/a86e2c/00000000000000007735e610/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff2"),url(https://use.typekit.net/af/a86e2c/00000000000000007735e610/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"),url(https://use.typekit.net/af/a86e2c/00000000000000007735e610/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 200;
    src: url(https://use.typekit.net/af/173dd4/00000000000000007735e61a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff2"),url(https://use.typekit.net/af/173dd4/00000000000000007735e61a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff"),url(https://use.typekit.net/af/173dd4/00000000000000007735e61a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    src: url(https://use.typekit.net/af/c0fd95/00000000000000007735e62a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/c0fd95/00000000000000007735e62a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/c0fd95/00000000000000007735e62a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 800;
    src: url(https://use.typekit.net/af/4ae8ee/00000000000000007735e630/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff2"),url(https://use.typekit.net/af/4ae8ee/00000000000000007735e630/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff"),url(https://use.typekit.net/af/4ae8ee/00000000000000007735e630/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(https://use.typekit.net/af/7a7bec/00000000000000007735e61c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/7a7bec/00000000000000007735e61c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/7a7bec/00000000000000007735e61c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 500;
    src: url(https://use.typekit.net/af/55e0e8/00000000000000007735e625/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/55e0e8/00000000000000007735e625/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/55e0e8/00000000000000007735e625/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 900;
    src: url(https://use.typekit.net/af/353a8e/00000000000000007735e614/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/353a8e/00000000000000007735e614/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/353a8e/00000000000000007735e614/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 700;
    src: url(https://use.typekit.net/af/de3701/00000000000000007735e618/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/de3701/00000000000000007735e618/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/de3701/00000000000000007735e618/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url(https://use.typekit.net/af/7cc641/00000000000000007735e60b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/7cc641/00000000000000007735e60b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/7cc641/00000000000000007735e60b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 300;
    src: url(https://use.typekit.net/af/357e07/00000000000000007735e624/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/357e07/00000000000000007735e624/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/357e07/00000000000000007735e624/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(https://use.typekit.net/af/26b3f7/00000000000000007735e613/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/26b3f7/00000000000000007735e613/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/26b3f7/00000000000000007735e613/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 900;
    src: url(https://use.typekit.net/af/73c879/00000000000000007735e61f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/73c879/00000000000000007735e61f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/73c879/00000000000000007735e61f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 400;
    src: url(https://use.typekit.net/af/6a4fa5/00000000000000007735e629/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/6a4fa5/00000000000000007735e629/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/6a4fa5/00000000000000007735e629/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(https://use.typekit.net/af/4c1fee/00000000000000007735e620/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/4c1fee/00000000000000007735e620/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/4c1fee/00000000000000007735e620/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 600;
    src: url(https://use.typekit.net/af/9f211a/00000000000000007735e62e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/9f211a/00000000000000007735e62e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/9f211a/00000000000000007735e62e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    src: url(https://use.typekit.net/af/c36583/00000000000000007735e627/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/c36583/00000000000000007735e627/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/c36583/00000000000000007735e627/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 200;
    src: url(https://use.typekit.net/af/223b7e/00000000000000007735e60f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff2"),url(https://use.typekit.net/af/223b7e/00000000000000007735e60f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"),url(https://use.typekit.net/af/223b7e/00000000000000007735e60f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 200;
    src: url(https://use.typekit.net/af/cc7244/00000000000000007735e61b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff2"),url(https://use.typekit.net/af/cc7244/00000000000000007735e61b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff"),url(https://use.typekit.net/af/cc7244/00000000000000007735e61b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    src: url(https://use.typekit.net/af/fda78e/00000000000000007735e62b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/fda78e/00000000000000007735e62b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/fda78e/00000000000000007735e62b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 800;
    src: url(https://use.typekit.net/af/02a01c/00000000000000007735e62f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff2"),url(https://use.typekit.net/af/02a01c/00000000000000007735e62f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("woff"),url(https://use.typekit.net/af/02a01c/00000000000000007735e62f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(https://use.typekit.net/af/ccfa81/00000000000000007735e617/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/ccfa81/00000000000000007735e617/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/ccfa81/00000000000000007735e617/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype")
}

@font-face {
    font-display: auto;
    font-family: proxima-nova-extra-condensed;
    font-stretch: normal;
    font-style: italic;
    font-weight: 500;
    src: url(https://use.typekit.net/af/9c46e2/00000000000000007735e628/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/9c46e2/00000000000000007735e628/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/9c46e2/00000000000000007735e628/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype")
}

.mer-proxima-nova {
    font-family: proxima-nova,sans-serif
}

.mer-proxima-nova-condensed {
    font-family: proxima-nova-condensed,sans-serif
}

.mer-proxima-nova-extra-condensed {
    font-family: proxima-nova-extra-condensed,sans-serif
}