.crm-case-legacy[hidden] { display: none !important; }

.crm-case--showcase {
  --crm-red: #e42335;
  --crm-red-soft: rgba(228, 35, 53, .08);
  --crm-ink: #172b3f;
  --crm-muted: #6f8192;
  --crm-line: rgba(28, 55, 78, .13);
  --crm-handoff-height: clamp(72px, 7.8svh, 86px);
  position: relative;
  height: 100svh;
  min-height: 680px;
  overflow: hidden;
  color: var(--crm-ink);
  background: linear-gradient(180deg, #f7f9fb 0%, #eef3f7 100%);
}
.crm-case--showcase *, .crm-case--showcase *::before, .crm-case--showcase *::after { box-sizing: border-box; }
.crm-case--showcase button { color: inherit; font: inherit; }

.crm-handoff { position: relative; display: grid; height: var(--crm-handoff-height); align-items: stretch; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 0; padding: 0 max(clamp(24px, 4vw, 88px), calc((100vw - 1988px) / 2)); overflow: hidden; background: rgba(247, 250, 252, .82); }
.crm-handoff::before { display: none; }
.crm-handoff > p { align-self: end; margin: clamp(8px, 1svh, 11px) 0 clamp(4px, .55svh, 6px); color: #66809a; font-size: clamp(8px, .67vw, 14px); font-weight: 760; letter-spacing: .14em; white-space: nowrap; }
.crm-handoff > p span { display: none; }
.crm-handoff__sources { --crm-source-line-y: clamp(4px, .55svh, 6px); position: relative; display: grid; width: 100%; min-width: 0; height: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; }
.crm-handoff__sources::before { position: absolute; top: var(--crm-source-line-y); right: 0; left: 0; height: 1px; content: ""; background: rgba(38, 111, 185, .2); }
.crm-handoff__sources span, .crm-handoff__sources strong { position: relative; display: flex; min-width: 0; min-height: 0; height: 100%; align-items: flex-end; justify-content: center; padding: 0 6px clamp(8px, 1svh, 11px); color: #93a2af; font-size: clamp(7px, .62vw, 13px); font-weight: 650; line-height: 1.15; text-align: center; white-space: nowrap; }
.crm-handoff__sources strong { color: var(--crm-red); }
.crm-handoff__sources strong::before { position: absolute; top: var(--crm-source-line-y); left: 50%; width: clamp(7px, .55vw, 11px); height: clamp(7px, .55vw, 11px); border-radius: 50%; content: ""; background: var(--crm-red); box-shadow: 0 0 0 clamp(3px, .28vw, 6px) var(--crm-red-soft); transform: translate(-50%, -50%); }
.crm-handoff__sources strong { z-index: 1; }

.crm-showcase { display: grid; width: min(calc(100% - clamp(48px, 8vw, 176px)), 1988px); height: calc(100% - var(--crm-handoff-height)); margin-inline: auto; grid-template-rows: clamp(58px, 6.4svh, 72px) minmax(0, 1fr) clamp(34px, 4svh, 54px); padding: 0; }
.crm-showcase__head { display: grid; grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr); align-items: center; column-gap: clamp(16px, 1.5vw, 30px); }
.crm-showcase__head > div { display: contents; }
.crm-showcase__head p { justify-self: start; margin: 0; color: #7a8d9f; font-size: clamp(8px, .75vw, 16px); font-weight: 780; letter-spacing: .13em; }
.crm-showcase__head p span { color: var(--crm-red); font-size: clamp(13px, 1.08vw, 23px); }
.crm-showcase__head h2 { justify-self: center; margin: 0; font-size: clamp(28px, 2.08vw, 44px); font-weight: 690; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.crm-directory-trigger { justify-self: end; display: inline-flex; width: clamp(164px, 11.4vw, 230px); height: clamp(38px, 4.2svh, 52px); align-items: center; justify-content: space-between; gap: 11px; padding: 0 clamp(6px, .45vw, 9px) 0 clamp(15px, 1vw, 22px); border: 1px solid var(--crm-line); border-radius: 999px; background: rgba(255,255,255,.72); cursor: pointer; font-size: clamp(10px, .8vw, 16px); font-weight: 700; }
.crm-directory-trigger i { display: grid; width: clamp(28px, 2.05vw, 40px); height: clamp(28px, 2.05vw, 40px); place-items: center; border-radius: 50%; background: var(--crm-red); color: #fff; font-size: clamp(8px, .62vw, 13px); font-style: normal; }

.crm-showcase__grid { display: grid; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; align-self: stretch; min-width: 0; min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 1vw, 22px); }
.crm-chapter-card { position: relative; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(26,57,83,.09); border-radius: clamp(15px, 1vw, 22px); background: #f7f8fa; box-shadow: 0 14px 34px rgba(31,61,86,.07); isolation: isolate; opacity: 0; transform: translateY(16px); transition: opacity 420ms ease, transform 420ms cubic-bezier(.2,.75,.2,1), border-color 220ms ease, box-shadow 220ms ease; }
.crm-case--showcase.is-visible .crm-chapter-card { opacity: 1; transform: translateY(0); }
.crm-case--showcase.is-visible .crm-chapter-card:nth-child(2) { transition-delay: 90ms; }
.crm-case--showcase.is-visible .crm-chapter-card:nth-child(3) { transition-delay: 180ms; }
.crm-case--showcase.is-visible .crm-chapter-card:nth-child(4) { transition-delay: 270ms; }
.crm-chapter-card:hover, .crm-chapter-card:focus-within { border-color: rgba(228,35,53,.34); box-shadow: 0 18px 44px rgba(31,61,86,.12); }
.crm-chapter-card video { position: absolute; z-index: -3; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; background: #f4f6f7; pointer-events: none; }
.crm-chapter-card__veil { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(250,251,252,.99) 0%, rgba(250,251,252,.96) 35%, rgba(250,251,252,.68) 51%, rgba(250,251,252,.08) 76%, transparent 100%); pointer-events: none; }
.crm-chapter-card__copy { display: flex; width: 54%; height: 100%; flex-direction: column; justify-content: center; padding: clamp(20px, 2.1vw, 46px); padding-bottom: clamp(70px, 7svh, 100px); }
.crm-chapter-card__copy > span { color: var(--crm-red); font-size: clamp(7px, .68vw, 15px); font-weight: 800; letter-spacing: .1em; }
.crm-chapter-card__copy h3 { margin: clamp(10px, 1svh, 15px) 0 0; font-size: clamp(18px, 1.5vw, 33px); font-weight: 680; letter-spacing: -.04em; line-height: 1.32; }
.crm-chapter-card__copy h3 em { color: var(--crm-red); font-style: normal; }
.crm-chapter-card__copy p { display: -webkit-box; margin: clamp(10px, 1.1svh, 16px) 0 0; overflow: hidden; color: #617487; font-size: clamp(9px, .76vw, 17px); line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.crm-chapter-card > button { position: absolute; z-index: 2; right: auto; bottom: clamp(18px, 2.2svh, 30px); left: clamp(20px, 2.1vw, 46px); isolation: isolate; display: inline-flex; width: clamp(148px, 10vw, 216px); min-height: clamp(44px, 5svh, 68px); align-items: center; justify-content: center; gap: clamp(10px, .8vw, 17px); padding: 0 clamp(16px, 1.2vw, 26px); border: 0; border-radius: 999px; background: #172b3f; box-shadow: 0 7px 18px rgba(23,43,63,.16); color: #fff !important; cursor: pointer; font-size: clamp(12px, .78vw, 17px); font-weight: 760; backdrop-filter: blur(8px); transition: transform 200ms ease, background 200ms ease, box-shadow 200ms ease; }
.crm-chapter-card > button::before,
.crm-chapter-card > button::after { position: absolute; z-index: -2; inset: -2px; border-radius: inherit; background: linear-gradient(90deg, #fb0094, #3857ff, #00d9ff, #00d26a, #ffe600, #ff3d24, #fb0094); background-size: 400% 100%; content: ""; opacity: 0; animation: crm-rainbow-border 6s linear infinite; animation-play-state: paused; transition: opacity 180ms ease; pointer-events: none; }
.crm-chapter-card > button::after { z-index: -3; inset: -5px; filter: blur(11px); }
.crm-chapter-card > button i { font-style: normal; transition: transform 200ms ease; }
.crm-chapter-card > button:hover,
.crm-chapter-card > button:focus-visible { background: #111f2e; box-shadow: 0 8px 22px rgba(23,43,63,.22); transform: translateY(-1px); }
.crm-chapter-card > button:hover::before,
.crm-chapter-card > button:focus-visible::before { opacity: 1; animation-play-state: running; }
.crm-chapter-card > button:hover::after,
.crm-chapter-card > button:focus-visible::after { opacity: .44; animation-play-state: running; }
.crm-chapter-card > button:hover i,
.crm-chapter-card > button:focus-visible i { transform: translate(3px,-3px); }

@keyframes crm-rainbow-border {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.crm-showcase__footer { display: flex; align-items: center; justify-content: space-between; color: #8a9aa7; font-size: clamp(7px, .58vw, 13px); }
.crm-showcase__footer p { margin: 0; }

/* The CRM question card becomes the third-screen case shell while scrolling. */
.question-card.is-crm-handoff-source {
  opacity: var(--crm-source-opacity, 1) !important;
}
.crm-shared-card {
  position: fixed;
  z-index: 130;
  visibility: hidden;
  overflow: hidden;
  border: 1px solid rgba(73, 143, 224, .42);
  border-radius: 22px;
  background: rgba(245, 249, 252, .94);
  box-shadow: 0 22px 70px rgba(31, 65, 94, .16);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(16px);
  will-change: left, top, width, height, opacity, border-color, border-radius;
}
.crm-shared-card.is-active { visibility: visible; }
.crm-shared-card__state {
  position: absolute;
  inset: 0;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(22px, 2.2vw, 44px);
  will-change: opacity, transform;
}
.crm-shared-card__state--source { align-items: flex-start; color: #172b3f; }
.crm-shared-card__state--source > span,
.crm-shared-card__state--target > small {
  color: #176eea;
  font-size: clamp(10px, .72vw, 14px);
  font-weight: 800;
  letter-spacing: .12em;
}
.crm-shared-card__state--source strong {
  margin-top: clamp(8px, .8vw, 14px);
  font-size: clamp(19px, 1.45vw, 30px);
  letter-spacing: -.025em;
}
.crm-shared-card__state--source p {
  max-width: 520px;
  margin: clamp(9px, .8vw, 15px) 0 0;
  color: #5f7488;
  font-size: clamp(12px, .82vw, 17px);
  line-height: 1.55;
}
.crm-shared-card__state--source small {
  margin-top: auto;
  color: #70859a;
  font-size: clamp(9px, .62vw, 13px);
  font-weight: 750;
  letter-spacing: .1em;
}
.crm-shared-card__state--target {
  align-items: center;
  color: #172b3f;
  text-align: center;
}
.crm-shared-card__state--target > small { color: var(--crm-red, #e42335); }
.crm-shared-card__state--target strong {
  margin-top: clamp(8px, .8vw, 15px);
  font-size: clamp(30px, 3vw, 62px);
  font-weight: 690;
  letter-spacing: -.05em;
  line-height: 1;
}
.crm-shared-card__state--target > span {
  margin-top: clamp(10px, 1vw, 18px);
  color: #75889b;
  font-size: clamp(10px, .75vw, 15px);
  font-weight: 760;
  letter-spacing: .12em;
}
.crm-case--showcase.is-handoff-waiting .crm-showcase__head,
.crm-case--showcase.is-handoff-waiting .crm-chapter-card,
.crm-case--showcase.is-handoff-waiting .crm-showcase__footer {
  opacity: 0 !important;
  transform: translateY(12px) !important;
  transition: none !important;
}

.crm-detail[hidden], .crm-directory[hidden], .crm-lightbox[hidden] { display: none !important; }
.crm-detail { position: fixed; z-index: 150; inset: 0; display: grid; grid-template-columns: 1fr minmax(820px, 86vw); }
.crm-detail__backdrop, .crm-directory__backdrop { border: 0; background: rgba(18,31,42,.3); backdrop-filter: blur(5px); }
.crm-detail > aside { display: grid; min-width: 0; grid-template-rows: 82px minmax(0,1fr); overflow: hidden; background: rgba(246,249,251,.99); box-shadow: -28px 0 80px rgba(20,42,61,.17); }
.crm-detail > aside > header { display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px,3vw,48px); border-bottom: 1px solid var(--crm-line); }
.crm-detail > aside > header p { margin: 0 0 4px; color: var(--crm-red); font-size: 8px; font-weight: 770; letter-spacing: .12em; }
.crm-detail > aside > header h3 { margin: 0; font-size: 26px; font-weight: 680; letter-spacing: -.04em; }
.crm-detail > aside > header button, .crm-directory > aside > header button { width: 42px; height: 42px; border: 0; border-radius: 50%; background: #e8eef2; cursor: pointer; font-size: 18px; }
.crm-detail__body { display: grid; min-width: 0; min-height: 0; grid-template-columns: minmax(0,1fr) minmax(240px,26%); }
.crm-detail__visual { display: grid; min-width: 0; min-height: 0; grid-template-rows: minmax(0,1fr) 118px; border-right: 1px solid var(--crm-line); }
.crm-detail__visual figure { display: grid; min-width: 0; min-height: 0; margin: 0; grid-template-rows: minmax(0,1fr) 38px; background: linear-gradient(145deg,#f9fafb,#edf1f4); }
.crm-detail__visual figure > button { display: grid; min-width: 0; min-height: 0; padding: 22px 34px 10px; place-items: center; overflow: hidden; border: 0; background: transparent; cursor: zoom-in; contain: strict; }
.crm-detail__visual figure img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 12px 20px rgba(20,42,61,.08)); transition: opacity 220ms ease, transform 220ms ease; }
.crm-detail__visual figure.is-long > button { place-items: start center; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; contain: size layout paint; }
.crm-detail__visual figure.is-long img { width: min(100%, 1080px); height: auto; max-height: none; object-fit: contain; }
.crm-detail__visual figure.is-changing img { opacity: .1; transform: translateY(6px); }
.crm-detail__visual figcaption { display: flex; align-items: center; gap: 13px; padding: 0 18px; border-top: 1px solid var(--crm-line); color: #7d8f9e; font-size: 8px; }
.crm-detail__visual figcaption span { color: var(--crm-red); font-weight: 780; }
.crm-detail__visual figcaption strong { color: var(--crm-ink); font-size: 10px; }
.crm-detail__thumbs { display: flex; min-width: 0; gap: 8px; padding: 10px 12px; overflow-x: auto; border-top: 1px solid var(--crm-line); }
.crm-detail__thumbs button { display: grid; width: 132px; min-width: 132px; grid-template-rows: 67px 28px; padding: 0; overflow: hidden; border: 1px solid transparent; border-radius: 8px; background: rgba(255,255,255,.7); cursor: pointer; text-align: left; }
.crm-detail__thumbs img { width: 100%; height: 67px; object-fit: contain; background: #edf1f4; }
.crm-detail__thumbs span { align-self: center; overflow: hidden; padding: 0 8px; font-size: 8px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.crm-detail__thumbs button.is-active { border-color: var(--crm-red); box-shadow: inset 0 -2px var(--crm-red); }
.crm-detail__copy { min-width: 0; padding: 26px clamp(18px,2vw,32px); overflow-y: auto; }
.crm-detail__copy > div { padding: 17px 0; border-top: 1px solid var(--crm-line); }
.crm-detail__copy > div:first-child { border-top: 0; }
.crm-detail__copy h4 { margin: 0 0 8px; color: #8595a3; font-size: 8px; font-weight: 760; letter-spacing: .12em; }
.crm-detail__copy p { margin: 0; color: #40576d; font-size: 11px; line-height: 1.75; }
.crm-detail__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.crm-detail__tags span { padding: 5px 8px; border: 1px solid var(--crm-line); border-radius: 999px; color: #617487; font-size: 7px; font-weight: 720; }

.crm-directory { position: fixed; z-index: 145; inset: 0; display: grid; grid-template-columns: 1fr minmax(760px,80vw); }
.crm-directory > aside { display: flex; min-width: 0; flex-direction: column; padding: 28px clamp(24px,3vw,48px); overflow-y: auto; background: rgba(246,249,251,.99); box-shadow: -24px 0 70px rgba(20,42,61,.16); }
.crm-directory > aside > header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--crm-line); }
.crm-directory > aside > header p { color: var(--crm-red); font-size: 8px; font-weight: 780; letter-spacing: .13em; }
.crm-directory > aside > h3 { margin: 24px 0 6px; font-size: clamp(30px,3vw,48px); font-weight: 670; letter-spacing: -.05em; line-height: 1.04; }
.crm-directory__note { max-width: 720px; margin: 0 0 26px; color: #647789; font-size: 11px; line-height: 1.7; }
[data-crm-directory-list] { display: grid; gap: 22px; }
[data-crm-directory-list] > section { border-top: 1px solid var(--crm-line); }
[data-crm-directory-list] > section > button { display: grid; width: 100%; min-height: 56px; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
[data-crm-directory-list] > section > button span { color: var(--crm-red); font-size: 11px; font-weight: 800; }
[data-crm-directory-list] > section > button strong { font-size: 15px; font-weight: 680; }
[data-crm-directory-list] > section > button small { color: #8797a4; font-size: 8px; }
.crm-directory__pages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.crm-directory__pages button { display: grid; min-width: 0; grid-template-columns: 30px minmax(0,1fr); grid-template-rows: 82px 29px; padding: 0; overflow: hidden; border: 1px solid var(--crm-line); border-radius: 8px; background: #fff; cursor: pointer; text-align: left; }
.crm-directory__pages img { grid-column: 1 / 3; width: 100%; height: 82px; object-fit: contain; background: #edf1f4; }
.crm-directory__pages span, .crm-directory__pages strong { align-self: center; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.crm-directory__pages span { padding-left: 7px; color: var(--crm-red); font-weight: 800; }
.crm-directory__pages strong { padding-right: 7px; }

.crm-lightbox { position: fixed; z-index: 170; inset: 0; display: grid; place-items: center; }
.crm-lightbox__backdrop { position: absolute; inset: 0; border: 0; background: rgba(10,22,32,.92); backdrop-filter: blur(12px); }
.crm-lightbox figure { position: relative; display: grid; width: min(94vw,1760px); height: min(92svh,1080px); margin: 0; grid-template-rows: minmax(0,1fr) 48px; padding: 28px 54px 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: #122333; box-shadow: 0 36px 100px rgba(0,0,0,.35); }
.crm-lightbox figure > button[data-crm-lightbox-close] { position: absolute; z-index: 2; top: 12px; right: 12px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; font-size: 20px; }
.crm-lightbox figure > img { display: block; width: 100%; height: 100%; min-height: 0; grid-row: 1; object-fit: contain; }
.crm-lightbox figure.is-long { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.crm-lightbox figure.is-long > img { width: min(100%, 1280px); height: auto; max-height: none; margin-inline: auto; object-fit: contain; }
.crm-lightbox figcaption { display: grid; grid-row: 2; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; color: #b9c6d0; }
.crm-lightbox figcaption span { color: #fff; font-size: 9px; font-weight: 760; }
.crm-lightbox figcaption p { margin: 0; font-size: 11px; }
.crm-lightbox figcaption em { font-size: 8px; font-style: normal; }
.crm-lightbox figure > .crm-lightbox__nav { position: absolute; z-index: 2; top: 50%; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(15,35,51,.7); color: #fff !important; cursor: pointer; }
.crm-lightbox__nav--prev { left: 8px; }
.crm-lightbox__nav--next { right: 8px; }

body.crm-overlay-open, body.crm-lightbox-open { overflow: hidden; }
.crm-case-is-visible .sound-toggle,
.crm-case-is-visible .tune-panel { opacity: 0 !important; pointer-events: none !important; }
.crm-case--showcase button:focus-visible { outline: 2px solid var(--crm-red); outline-offset: 3px; }

@media (max-width: 900px) {
  .crm-showcase { width: min(calc(100% - 28px), 1680px); }
  .crm-chapter-card__copy { width: 58%; }
  .crm-detail, .crm-directory { grid-template-columns: minmax(0,1fr); }
  .crm-detail__backdrop, .crm-directory__backdrop { display: none; }
  .crm-detail__body { grid-template-columns: minmax(0,1fr); }
  .crm-detail__copy { display: none; }
  .crm-detail__visual { border-right: 0; }
  .crm-directory__pages { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .crm-case--showcase { min-height: 680px; }
  .crm-handoff { height: 52px; padding-inline: 14px; }
  .crm-handoff > p { font-size: 6px; }
  .crm-handoff__sources { width: 100%; }
  .crm-handoff__sources span, .crm-handoff__sources strong { padding-inline: 2px; font-size: 5.6px; letter-spacing: -.02em; }
  .crm-showcase { width: calc(100% - 20px); height: calc(100% - 52px); grid-template-rows: 58px minmax(0,1fr) 25px; padding-top: 7px; }
  .crm-showcase__head > div { display: block; }
  .crm-showcase__head { grid-template-columns: minmax(0, 1fr) auto; }
  .crm-showcase__head p { font-size: 6px; }
  .crm-showcase__head p span { font-size: 9px; }
  .crm-showcase__head h2 { margin-top: 3px; font-size: 21px; }
  .crm-directory-trigger { min-width: 108px; height: 32px; }
  .crm-showcase__grid { display: flex; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; gap: 10px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .crm-showcase__grid::-webkit-scrollbar { display: none; }
  .crm-chapter-card { width: calc(100vw - 42px); min-width: calc(100vw - 42px); height: 100%; scroll-snap-align: center; }
  .crm-chapter-card video { object-position: 61% center; }
  .crm-chapter-card__veil { background: linear-gradient(180deg, rgba(250,251,252,.12) 0%, rgba(250,251,252,.2) 40%, rgba(250,251,252,.95) 74%, #fafbfc 100%); }
  .crm-chapter-card__copy { width: 100%; justify-content: flex-end; padding: 22px 20px 64px; }
  .crm-chapter-card__copy h3 { max-width: 340px; font-size: 20px; }
  .crm-chapter-card__copy p { max-width: 330px; font-size: 11px; }
  .crm-chapter-card > button { right: auto; bottom: 18px; left: 20px; width: 140px; min-height: 44px; padding-inline: 15px; }
  .crm-showcase__footer { font-size: 6px; }
  .crm-showcase__footer span { display: none; }
  .crm-detail > aside { grid-template-rows: 72px minmax(0,1fr); }
  .crm-detail__visual { grid-template-rows: minmax(0,1fr) 104px; }
  .crm-detail__visual figure > button { padding: 12px 10px 6px; }
  .crm-detail__thumbs button { width: 116px; min-width: 116px; grid-template-rows: 58px 27px; }
  .crm-detail__thumbs img { height: 58px; }
  .crm-directory > aside { padding: 18px 14px 28px; }
  .crm-directory > aside > h3 { margin-top: 18px; font-size: 31px; }
  .crm-directory__pages { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .crm-lightbox figure { width: 100vw; height: 100svh; padding: 52px 10px 12px; border: 0; border-radius: 0; }
  .crm-lightbox figcaption { grid-template-columns: auto 1fr; padding-inline: 8px; }
  .crm-lightbox figcaption em { display: none; }
  .crm-lightbox figure > .crm-lightbox__nav { top: auto; bottom: 60px; }
}

@media (max-height: 720px) and (min-width: 761px) {
  .crm-case--showcase { min-height: 640px; }
  .crm-handoff { height: 48px; }
  .crm-showcase { height: calc(100% - 48px); grid-template-rows: 54px minmax(0,1fr) 22px; padding-top: 6px; }
  .crm-showcase__head h2 { font-size: 25px; }
  .crm-chapter-card__copy { padding: 16px 22px 48px; }
  .crm-chapter-card__copy h3 { margin-top: 6px; font-size: 17px; }
  .crm-chapter-card__copy p { margin-top: 7px; line-height: 1.45; }
  .crm-chapter-card > button { bottom: 9px; min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .crm-case--showcase *, .crm-case--showcase *::before, .crm-case--showcase *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .crm-chapter-card > button::before, .crm-chapter-card > button::after { animation: none !important; }
  .crm-chapter-card { opacity: 1; transform: none; }
  .crm-chapter-card video { display: none; }
  .crm-chapter-card { background-position: center; background-size: cover; }
  .crm-shared-card { display: none !important; }
}

/* Reader v6: one quiet, full-screen reader shared by all four CRM chapters. */
.crm-detail.crm-reader-v6 {
  --reader-paper: #eef1ef;
  --reader-slot-width: min(72vw, 1320px);
  --reader-side-peek: clamp(96px, 7vw, 156px);
  --reader-side-offset: calc(var(--reader-slot-width) - var(--reader-side-peek));
  --reader-origin-x: 0px;
  --reader-origin-y: 0px;
  --reader-origin-width: 100vw;
  --reader-origin-height: 100svh;
  --reader-scale-x: 1;
  --reader-scale-y: 1;
  --reader-origin-radius: 0px;
  --reader-drag-x: 0px;
  --reader-ease-out: cubic-bezier(.23, 1, .32, 1);
  --reader-ease-move: cubic-bezier(.77, 0, .175, 1);
  --reader-ease-drawer: cubic-bezier(.32, .72, 0, 1);
  position: fixed;
  z-index: 180;
  inset: 0;
  display: block;
  overflow: hidden;
  background: transparent;
  color: var(--crm-ink);
  isolation: isolate;
}

.crm-detail.crm-reader-v6[hidden] {
  display: none !important;
}

.crm-reader__backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: rgba(20, 36, 52, .08);
  opacity: 1;
  transition: opacity 180ms var(--reader-ease-out);
  pointer-events: none;
}

.crm-detail.crm-reader-v6.is-entering .crm-reader__backdrop,
.crm-detail.crm-reader-v6.is-closing .crm-reader__backdrop {
  opacity: 0;
}

.crm-detail.crm-reader-v6 > .crm-reader__surface {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  width: 100vw;
  height: 100svh;
  min-width: 0;
  grid-template-rows: 160px minmax(0, 1fr);
  overflow: hidden;
  border: 0;
  background: var(--reader-paper);
  box-shadow: none;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 0 0;
  transition:
    transform 280ms var(--reader-ease-drawer),
    opacity 160ms var(--reader-ease-out) 56ms;
  will-change: transform, opacity;
}

.crm-detail.crm-reader-v6 > .crm-reader__surface:focus {
  outline: none;
}

.crm-detail.crm-reader-v6.is-entering .crm-reader__surface,
.crm-detail.crm-reader-v6.is-closing .crm-reader__surface {
  opacity: 0;
  transform: translate3d(var(--reader-origin-x), var(--reader-origin-y), 0)
    scale(var(--reader-scale-x), var(--reader-scale-y));
}

.crm-detail.crm-reader-v6.is-closing .crm-reader__surface {
  transition:
    transform 220ms var(--reader-ease-drawer),
    opacity 110ms var(--reader-ease-out);
  pointer-events: none;
}

.crm-reader__ghost {
  position: fixed;
  z-index: 3;
  top: var(--reader-origin-y);
  left: var(--reader-origin-x);
  display: block;
  width: var(--reader-origin-width);
  height: var(--reader-origin-height);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(26, 57, 83, .09);
  border-radius: var(--reader-origin-radius);
  background: #f7f8fa;
  box-shadow: 0 14px 34px rgba(31, 61, 86, .07);
  opacity: 0;
  transition: opacity 150ms var(--reader-ease-out);
  pointer-events: none;
  will-change: opacity;
}

.crm-detail.crm-reader-v6.has-origin-ghost.is-entering .crm-reader__ghost,
.crm-detail.crm-reader-v6.has-origin-ghost.is-closing .crm-reader__ghost {
  opacity: 1;
}

.crm-detail.crm-reader-v6.is-closing .crm-reader__ghost {
  transition-delay: 38ms;
}

.crm-reader__ghost video,
.crm-reader__ghost > img {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.crm-reader__ghost .crm-chapter-card__veil {
  position: absolute;
  z-index: 1;
  inset: 0;
}

.crm-reader__ghost .crm-chapter-card__copy {
  position: relative;
  z-index: 2;
}

.crm-reader__ghost > button {
  position: absolute;
  z-index: 3;
  bottom: clamp(18px, 2.2svh, 30px);
  left: clamp(20px, 2.1vw, 46px);
  display: inline-flex;
  width: clamp(148px, 10vw, 216px);
  min-height: clamp(44px, 5svh, 68px);
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 0;
  border-radius: 999px;
  background: #172b3f;
  color: #fff;
}

.crm-detail.crm-reader-v6 > .crm-reader__surface > .crm-reader__header {
  position: relative;
  z-index: 14;
  display: grid;
  min-width: 0;
  grid-template-rows: 48px 112px;
  background: var(--reader-paper);
}

.crm-reader__toolbar {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 clamp(20px, 3vw, 48px);
}

.crm-reader__chapter {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 12px;
}

.crm-detail.crm-reader-v6 .crm-reader__chapter p,
.crm-detail.crm-reader-v6 .crm-reader__chapter h3 {
  margin: 0;
}

.crm-detail.crm-reader-v6 .crm-reader__chapter p {
  color: #cf1f2e;
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .1em;
  white-space: nowrap;
}

.crm-detail.crm-reader-v6 .crm-reader__chapter h3 {
  overflow: hidden;
  color: #142434;
  font-size: 15px;
  font-weight: 680;
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-reader__actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: 4px;
}

.crm-detail.crm-reader-v6 .crm-reader__text-action,
.crm-detail.crm-reader-v6 .crm-reader__close {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #24394c;
  cursor: pointer;
  font-size: 12px;
  font-weight: 680;
  text-decoration: none;
  transition:
    transform 140ms var(--reader-ease-out),
    background-color 140ms ease,
    color 140ms ease;
}

.crm-detail.crm-reader-v6 .crm-reader__text-action {
  gap: 6px;
  min-width: 52px;
  padding: 0 12px;
  border-radius: 999px;
}

.crm-reader__text-action svg,
.crm-reader__close svg,
.crm-reader__edge-nav svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.crm-detail.crm-reader-v6 .crm-reader__close {
  width: 36px;
  border-radius: 50%;
  background: rgba(20, 36, 52, .045);
}

.crm-detail.crm-reader-v6 .crm-reader__text-action:active,
.crm-detail.crm-reader-v6 .crm-reader__close:active,
.crm-reader__edge-nav:active,
.crm-reader-overview__item:active {
  transform: scale(.97);
}

.crm-detail.crm-reader-v6 .crm-reader__text-action:focus-visible,
.crm-detail.crm-reader-v6 .crm-reader__close:focus-visible,
.crm-reader__edge-nav:focus-visible,
.crm-reader-slide__viewport:focus-visible,
.crm-reader-overview__item:focus-visible {
  outline: 2px solid rgba(207, 31, 46, .52);
  outline-offset: 2px;
}

.crm-reader-slide:focus-visible {
  outline: none;
}

.crm-reader-slide:focus-visible .crm-reader-slide__viewport {
  outline: 3px solid rgba(207, 31, 46, .42);
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .crm-detail.crm-reader-v6 .crm-reader__text-action:hover,
  .crm-detail.crm-reader-v6 .crm-reader__close:hover {
    background: rgba(20, 36, 52, .065);
    color: #142434;
  }
}

.crm-reader__story {
  display: grid;
  width: var(--reader-slot-width);
  height: 112px;
  align-items: center;
  margin: 0 auto;
  border-top: 1px solid rgba(20, 36, 52, .11);
  border-bottom: 1px solid rgba(20, 36, 52, .11);
}

.crm-reader__story-grid {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: 3.4fr 2.4fr 2.6fr 1.8fr;
  align-items: start;
  gap: clamp(16px, 1.6vw, 30px);
}

.crm-reader__story-title,
.crm-reader__story-field {
  min-width: 0;
}

.crm-detail.crm-reader-v6 .crm-reader__story-title > p,
.crm-detail.crm-reader-v6 .crm-reader__story-field > span {
  display: block;
  margin: 0 0 6px;
  color: #65727c;
  font-size: 9px;
  font-weight: 720;
  line-height: 1.2;
  letter-spacing: .08em;
}

.crm-detail.crm-reader-v6 .crm-reader__story-title > p {
  color: #cf1f2e;
  font-weight: 780;
}

.crm-reader__story-title h2 {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #142434;
  font-size: clamp(19px, 1.75vw, 24px);
  font-weight: 680;
  line-height: 1.2;
  letter-spacing: -.04em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.crm-detail.crm-reader-v6 .crm-reader__story-field p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #334653;
  font-size: 12.5px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.crm-reader__tags {
  display: flex;
  min-height: 14px;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
  overflow: hidden;
}

.crm-reader__tags span {
  padding: 2px 5px;
  border: 1px solid rgba(20, 36, 52, .12);
  border-radius: 999px;
  color: #65727c;
  font-size: 7px;
  font-weight: 700;
  line-height: 1.2;
}

.crm-reader__workspace {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--reader-paper);
}

.crm-reader__carousel {
  position: absolute;
  inset: 0;
  display: grid;
  min-width: 0;
  min-height: 0;
  place-items: center;
  overflow: clip;
  touch-action: pan-y pinch-zoom;
}

.crm-reader__track {
  position: absolute;
  inset: 0;
  min-width: 0;
  min-height: 0;
  cursor: grab;
  transform: translate3d(var(--reader-drag-x), 0, 0);
  transition: transform 190ms var(--reader-ease-move);
  will-change: transform;
}

.crm-detail.crm-reader-v6.is-dragging .crm-reader__track {
  cursor: grabbing;
  transition: none;
}

.crm-reader-slide {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: grid;
  min-width: 0;
  min-height: 0;
  place-items: center;
  opacity: 0;
  transform: translate3d(0, 12px, 0) scale(.9);
  transition:
    transform 220ms var(--reader-ease-move),
    opacity 150ms var(--reader-ease-out);
  pointer-events: none;
  will-change: transform, opacity;
}

.crm-reader-slide[data-stage="current"] {
  z-index: 3;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: none;
}

.crm-reader-slide[data-stage="current"] .crm-reader-slide__viewport {
  pointer-events: auto;
}

.crm-reader-slide[data-stage="previous"],
.crm-reader-slide[data-stage="next"] {
  z-index: 1;
  opacity: .26;
  pointer-events: auto;
}

.crm-reader-slide[data-stage="previous"] {
  transform: translate3d(calc(-1 * var(--reader-side-offset)), 9px, 0) scale(.91);
  transform-origin: right center;
}

.crm-reader-slide[data-stage="next"] {
  transform: translate3d(var(--reader-side-offset), 9px, 0) scale(.91);
  transform-origin: left center;
}

.crm-reader-slide[data-stage="far"] {
  z-index: 0;
  visibility: hidden;
}

.crm-reader-slide__viewport {
  display: grid;
  width: var(--reader-slot-width);
  height: 100%;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-items: center;
  padding: clamp(18px, 2vw, 32px) 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: default;
  transition: transform 140ms var(--reader-ease-out);
}

button.crm-reader-slide__viewport {
  font: inherit;
}

.crm-reader-slide[data-stage="previous"] .crm-reader-slide__viewport,
.crm-reader-slide[data-stage="next"] .crm-reader-slide__viewport {
  height: auto;
  aspect-ratio: 16 / 9;
  padding: 0;
  cursor: pointer;
}

.crm-reader-slide__viewport > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(20, 36, 52, .065);
  background: #fff;
  box-shadow: 0 20px 60px rgba(22, 31, 38, .055);
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.crm-reader-slide[data-stage="previous"] .crm-reader-slide__viewport > img,
.crm-reader-slide[data-stage="next"] .crm-reader-slide__viewport > img {
  width: 100%;
  height: 100%;
  max-height: none;
  box-shadow: 0 12px 38px rgba(22, 31, 38, .035);
  object-fit: cover;
  object-position: top center;
}

.crm-reader-slide[data-mode="scroll"][data-stage="current"] .crm-reader-slide__viewport {
  width: min(68vw, 1120px);
  height: min(calc(100svh - 196px), 76svh, 760px);
  align-items: start;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

.crm-reader-slide[data-mode="scroll"][data-stage="current"] .crm-reader-slide__viewport > img {
  width: 100%;
  height: auto;
  max-height: none;
  border: 0;
}

.crm-reader__edge-nav {
  position: absolute;
  z-index: 5;
  top: 50%;
  display: grid;
  width: 44px;
  height: 64px;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 8px 26px rgba(22, 31, 38, .06);
  color: #263b4c;
  cursor: pointer;
  opacity: .76;
  transform: translateY(-50%);
  transition:
    transform 140ms var(--reader-ease-out),
    opacity 140ms ease,
    background-color 140ms ease;
}

.crm-reader__edge-nav.is-previous {
  left: clamp(10px, 1.4vw, 28px);
}

.crm-reader__edge-nav.is-next {
  right: clamp(10px, 1.4vw, 28px);
}

.crm-reader__edge-nav:active {
  transform: translateY(-50%) scale(.97);
}

@media (hover: hover) and (pointer: fine) {
  .crm-reader-slide[data-stage="previous"]:hover,
  .crm-reader-slide[data-stage="next"]:hover {
    opacity: .42;
  }

  .crm-reader__edge-nav:hover {
    background: rgba(255, 255, 255, .96);
    opacity: 1;
  }
}

.crm-reader__overview {
  position: absolute;
  z-index: 12;
  inset: 0;
  padding: clamp(24px, 3vw, 48px) max(clamp(20px, 5vw, 80px), calc((100vw - 1680px) / 2));
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(238, 241, 239, .985);
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    transform 210ms var(--reader-ease-drawer),
    opacity 150ms var(--reader-ease-out);
}

.crm-reader__overview[hidden] {
  display: none !important;
}

.crm-detail.crm-reader-v6:not(.is-overview-open) .crm-reader__overview:not([hidden]) {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  pointer-events: none;
}

.crm-reader__overview-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(20, 36, 52, .12);
}

.crm-reader__overview-head p,
.crm-reader__overview-head h2 {
  margin: 0;
}

.crm-reader__overview-head > div > p {
  margin-bottom: 6px;
  color: #cf1f2e;
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .1em;
}

.crm-reader__overview-head h2 {
  color: #142434;
  font-size: clamp(24px, 2.1vw, 38px);
  font-weight: 680;
  letter-spacing: -.04em;
}

.crm-reader__overview-head > p {
  color: #6b7882;
  font-size: 11px;
}

.crm-reader__overview-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.4vw, 24px);
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.crm-reader__overview-list > li {
  min-width: 0;
}

.crm-reader-overview__item {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #334653;
  cursor: pointer;
  text-align: left;
  transition:
    transform 150ms var(--reader-ease-out),
    opacity 150ms ease;
}

.crm-reader-overview__item > img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(20, 36, 52, .08);
  background: #fff;
  object-fit: cover;
  object-position: top center;
}

.crm-reader-overview__item > span {
  display: block;
  overflow: hidden;
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-reader-overview__item > span > strong {
  margin-right: 7px;
  color: #cf1f2e;
  font-size: 9px;
}

.crm-reader-overview__item[aria-current="page"] > img {
  outline: 2px solid rgba(207, 31, 46, .72);
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .crm-reader-overview__item:hover {
    opacity: .72;
    transform: translateY(-2px);
  }
}

@media (max-width: 980px) {
  .crm-detail.crm-reader-v6 {
    --reader-slot-width: 84vw;
    --reader-side-peek: clamp(58px, 9vw, 88px);
  }

  .crm-detail.crm-reader-v6 > .crm-reader__surface {
    grid-template-rows: 192px minmax(0, 1fr);
  }

  .crm-detail.crm-reader-v6 > .crm-reader__surface > .crm-reader__header {
    grid-template-rows: 48px 144px;
  }

  .crm-reader__toolbar {
    gap: 10px;
    padding-inline: 16px;
  }

  .crm-reader__story {
    height: 144px;
  }

  .crm-reader__story-grid {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .crm-reader__story-title,
  .crm-reader__story-field {
    width: 100%;
  }

  .crm-detail.crm-reader-v6 .crm-reader__story-title > p {
    margin-bottom: 2px;
  }

  .crm-reader__story-title h2 {
    display: block;
    overflow: hidden;
    font-size: 19px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .crm-reader__story-field {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: baseline;
    gap: 8px;
  }

  .crm-detail.crm-reader-v6 .crm-reader__story-field > span {
    margin: 0;
    font-size: 8.5px;
  }

  .crm-detail.crm-reader-v6 .crm-reader__story-field p {
    display: block;
    overflow: hidden;
    font-size: 11.5px;
    line-height: 1.55;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .crm-reader__story-evidence {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .crm-reader__story-evidence .crm-reader__tags {
    display: none;
  }

  .crm-reader-slide__viewport {
    padding-block: 20px;
  }

  .crm-reader-slide[data-mode="scroll"][data-stage="current"] .crm-reader-slide__viewport {
    width: var(--reader-slot-width);
    height: calc(100svh - 220px);
  }

  .crm-reader__overview-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .crm-detail.crm-reader-v6 {
    --reader-slot-width: 86vw;
    --reader-side-peek: 46px;
  }

  .crm-reader__toolbar {
    padding-inline: 12px;
  }

  .crm-detail.crm-reader-v6 .crm-reader__chapter p,
  .crm-reader__original {
    display: none;
  }

  .crm-detail.crm-reader-v6 .crm-reader__chapter h3 {
    font-size: 14px;
  }

  .crm-reader__story-title h2 {
    font-size: 18px;
  }

  .crm-reader__edge-nav {
    width: 36px;
    height: 52px;
    background: rgba(255, 255, 255, .88);
  }

  .crm-reader__edge-nav.is-previous {
    left: 5px;
  }

  .crm-reader__edge-nav.is-next {
    right: 5px;
  }

  .crm-reader__overview {
    padding: 20px 14px 28px;
  }

  .crm-reader__overview-head > p {
    display: none;
  }

  .crm-reader__overview-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 10px;
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .crm-detail.crm-reader-v6 .crm-reader__surface,
  .crm-detail.crm-reader-v6.is-entering .crm-reader__surface,
  .crm-detail.crm-reader-v6.is-closing .crm-reader__surface {
    opacity: 1;
    transform: none;
    transition: opacity 120ms linear;
  }

  .crm-detail.crm-reader-v6.is-entering .crm-reader__surface,
  .crm-detail.crm-reader-v6.is-closing .crm-reader__surface {
    opacity: 0;
  }

  .crm-reader__ghost,
  .crm-detail.crm-reader-v6.is-entering .crm-reader__ghost,
  .crm-detail.crm-reader-v6.is-closing .crm-reader__ghost {
    opacity: 0;
    transition: none;
  }

  .crm-reader__track,
  .crm-reader-slide,
  .crm-reader__overview,
  .crm-reader__text-action,
  .crm-reader__close,
  .crm-reader__edge-nav,
  .crm-reader-overview__item {
    transform: none;
    transition-duration: .01ms;
  }
}