.story-v2{background:#fff;color:#20242b}
.story-v2-path{border-bottom:1px solid #e3e5e8;background:#fff}
.story-v2-path-inner{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:28px}
.story-v2-breadcrumb{display:flex;min-width:0;align-items:center;gap:10px;color:#7a818c;font-size:13px;font-weight:600;white-space:nowrap}
.story-v2-breadcrumb a:hover{color:var(--red)}.story-v2-breadcrumb span:last-child{max-width:430px;overflow:hidden;color:#3d434d;text-overflow:ellipsis}
.story-v2-back{display:inline-flex;align-items:center;gap:7px;color:#333a45;font-size:13px;font-weight:800;white-space:nowrap}.story-v2-back:hover{color:var(--red)}
.story-v2-hero{padding:74px 0 0;background:#fff}
.story-v2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:82px;align-items:end}
.story-v2-type{margin:0 0 17px;color:var(--red);font-size:14px;font-weight:800}
.story-v2 h1{max-width:980px;margin:0;color:#1e2229;font-size:clamp(42px,4.5vw,66px);line-height:1.13;letter-spacing:-.035em;font-weight:900}
.story-v2-lead{max-width:860px;margin:26px 0 0;color:#6b727d;font-size:19px;line-height:1.8;font-weight:500}
.story-v2-facts{margin:0;padding:0 0 4px;border-left:1px solid #dfe2e6}
.story-v2-facts div{padding:0 0 22px 30px}.story-v2-facts div:last-child{padding-bottom:0}
.story-v2-facts dt{margin:0 0 7px;color:#9298a2;font-size:12px;font-weight:700}.story-v2-facts dd{margin:0;color:#313741;font-size:14px;line-height:1.65;font-weight:700}
.story-v2-actions{display:flex;flex-wrap:wrap;gap:28px;margin-top:31px}
.story-v2-action{display:inline-flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px solid currentColor;color:#2b313b;font-size:14px;font-weight:800}.story-v2-action:first-child{color:var(--red)}.story-v2-action:hover iconify-icon{transform:translate(2px,-1px)}.story-v2-action iconify-icon{font-size:18px;transition:transform .2s ease}
.story-v2-cover{margin:62px 0 0}.story-v2-cover figure{margin:0}.story-v2-cover img{width:100%;height:auto;aspect-ratio:16/8.6;object-fit:cover;border-radius:10px;background:#eceff3}.story-v2-cover figcaption,.story-v2-inline-media figcaption{margin:11px 0 0;color:#8a919c;font-size:12px;line-height:1.6}
.story-v2-shell{display:grid;grid-template-columns:minmax(0,900px) 270px;gap:98px;align-items:start;padding-top:94px;padding-bottom:116px}
.story-v2-article{min-width:0}.story-v2-section{scroll-margin-top:122px;padding:0 0 88px}.story-v2-section+.story-v2-section{padding-top:80px;border-top:1px solid #e1e4e8}
.story-v2-section h2{margin:0 0 30px;color:#20242b;font-size:clamp(30px,3vw,42px);line-height:1.25;letter-spacing:-.02em;font-weight:900}
.story-v2-section h3{margin:0;color:#2b3039;font-size:19px;line-height:1.45;font-weight:850}.story-v2-section p{margin:0;color:#626a76;font-size:17px;line-height:1.95;font-weight:500}
.story-v2-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:58px}.story-v2-overview-points{display:grid;gap:0;border-top:2px solid #272c34}.story-v2-overview-point{padding:17px 0;border-bottom:1px solid #e0e3e7;color:#3d444f;font-size:15px;line-height:1.65;font-weight:700}
.story-v2-inline-media{margin:38px 0 0}.story-v2-inline-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;border-radius:8px;background:#eceff3}
.story-v2-challenges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border-top:2px solid #272c34}
.story-v2-challenge{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:27px 0;border-bottom:1px solid #e0e3e7}.story-v2-index{padding-top:2px;color:var(--red);font-size:13px;font-weight:800}.story-v2-challenge p{margin-top:8px;font-size:15px;line-height:1.75}
.story-v2-solutions{border-top:2px solid #272c34}.story-v2-solution{display:grid;grid-template-columns:62px 220px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid #e0e3e7}.story-v2-solution .story-v2-index{font-size:20px}.story-v2-solution p{font-size:15px;line-height:1.78}
.story-v2-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 50px}.story-v2-highlight{padding-top:18px;border-top:3px solid var(--red)}.story-v2-highlight p{margin-top:8px;font-size:15px;line-height:1.75}
.story-v2-result-lead{margin-bottom:30px!important;padding:24px 28px;border-left:3px solid var(--red);background:#f6f7f8;color:#424954!important;font-size:16px!important}
.story-v2-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 42px;margin:0;padding:0;list-style:none}.story-v2-result-list li{position:relative;padding-left:20px;color:#535b67;font-size:15px;line-height:1.75;font-weight:600}.story-v2-result-list li:before{position:absolute;top:.72em;left:0;width:6px;height:6px;border-radius:50%;background:var(--red);content:""}
.story-v2-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 54px}.story-v2-group{padding:22px 0;border-top:1px solid #cfd3d8}.story-v2-group h3{margin-bottom:7px}.story-v2-group p{font-size:15px;line-height:1.75}
.story-v2-capability-intro{max-width:710px;margin-bottom:34px!important}
.story-v2-aside{position:sticky;top:116px;padding-left:30px;border-left:1px solid #dfe2e6}.story-v2-aside h2{margin:0 0 17px;color:#303640;font-size:16px;font-weight:900}.story-v2-nav{display:grid}.story-v2-nav a{position:relative;padding:9px 0;color:#7c838e;font-size:13px;font-weight:700}.story-v2-nav a:hover,.story-v2-nav a:focus-visible{color:var(--red)}.story-v2-nav a:before{position:absolute;top:17px;left:-33px;width:5px;height:5px;border-radius:50%;background:#c9cdd3;content:""}.story-v2-nav a:hover:before,.story-v2-nav a:focus-visible:before{background:var(--red)}
.story-v2-related-solution{display:block;margin-top:28px;padding-top:24px;border-top:1px solid #e0e3e7}.story-v2-related-solution span{display:block;color:#9399a2;font-size:12px}.story-v2-related-solution strong{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#303640;font-size:14px;line-height:1.5}.story-v2-related-solution iconify-icon{color:var(--red);font-size:18px}
.story-v2-diagram{margin-top:38px;padding:30px;border:1px solid #e0e3e7;border-radius:8px;background:#f7f8f9}.story-v2-diagram-title{margin:0 0 20px!important;color:#333944!important;font-size:15px!important;font-weight:800!important}.story-v2-diagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-v2-diagram-node{display:flex;min-height:78px;align-items:center;justify-content:center;padding:14px;text-align:center;background:#fff;color:#444b56;font-size:13px;line-height:1.5;font-weight:700}.story-v2-diagram-note{margin-top:16px!important;color:#8a919c!important;font-size:12px!important;line-height:1.6!important}
.story-v2-related{padding:88px 0 108px;background:#f4f5f7}.story-v2-related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.story-v2-related-head h2{margin:0;color:#20242b;font-size:38px;font-weight:900}.story-v2-related-head a{color:#343a44;font-size:14px;font-weight:800}.story-v2-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.story-v2-related-card{display:block}.story-v2-related-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.story-v2-related-card h3{margin:17px 0 0;color:#272c34;font-size:19px;line-height:1.5;font-weight:850}.story-v2-related-card:hover h3{color:var(--red)}
@media(max-width:1120px){.story-v2-hero-grid{grid-template-columns:minmax(0,1fr) 280px;gap:50px}.story-v2-shell{grid-template-columns:minmax(0,1fr) 240px;gap:54px}.story-v2-solution{grid-template-columns:50px 190px 1fr}}
@media(max-width:900px){.story-v2-hero-grid{grid-template-columns:1fr}.story-v2-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid #dfe2e6}.story-v2-facts div{padding:20px 20px 0 0}.story-v2-shell{grid-template-columns:minmax(0,1fr)}.story-v2-aside{position:static;order:-1;padding:0 0 22px;border-left:0;border-bottom:1px solid #dfe2e6}.story-v2-aside h2,.story-v2-related-solution{display:none}.story-v2-nav{grid-template-columns:repeat(8,auto);gap:20px;overflow-x:auto}.story-v2-nav a{white-space:nowrap}.story-v2-nav a:before{display:none}}
@media(max-width:759px){.story-v2-path-inner{min-height:50px}.story-v2-breadcrumb a:first-child,.story-v2-breadcrumb span:nth-child(2){display:none}.story-v2-breadcrumb span:last-child{max-width:210px}.story-v2-hero{padding-top:48px}.story-v2 h1{font-size:37px;line-height:1.17}.story-v2-lead{margin-top:20px;font-size:16px}.story-v2-facts{grid-template-columns:1fr}.story-v2-actions{gap:22px}.story-v2-cover{margin-top:38px}.story-v2-cover img{border-radius:6px}.story-v2-shell{gap:46px;padding-top:54px;padding-bottom:76px}.story-v2-section{padding-bottom:64px}.story-v2-section+.story-v2-section{padding-top:58px}.story-v2-section h2{margin-bottom:24px;font-size:30px}.story-v2-section p{font-size:16px;line-height:1.85}.story-v2-overview,.story-v2-challenges,.story-v2-highlights,.story-v2-result-list,.story-v2-groups{grid-template-columns:1fr}.story-v2-overview{gap:34px}.story-v2-solution{grid-template-columns:38px 1fr;gap:12px}.story-v2-solution>div:last-child{grid-column:2}.story-v2-solution .story-v2-index{font-size:16px}.story-v2-diagram-grid{grid-template-columns:1fr}.story-v2-related{padding:62px 0 76px}.story-v2-related-head h2{font-size:30px}.story-v2-related-grid{grid-template-columns:1fr;gap:34px}}
@media(prefers-reduced-motion:reduce){.story-v2-action iconify-icon{transition:none}.story-v2-action:hover iconify-icon{transform:none}}

.story-v2 {
  padding-top: 116px;
}

.story-v2-hero {
  padding: 42px 0 92px;
  background: #fff;
}

.story-v2-breadcrumb {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  margin: 0 0 48px;
  color: #7a8596;
  font-size: 16px;
  line-height: 1.4;
  white-space: nowrap;
}

.story-v2-breadcrumb a {
  color: #7a8596;
}

.story-v2-breadcrumb a:hover,
.story-v2-breadcrumb a:focus-visible {
  color: var(--red);
}

.story-v2-breadcrumb span:last-child {
  overflow: hidden;
  color: #3f4b5e;
  font-weight: 750;
  text-overflow: ellipsis;
}

.story-v2-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 76px;
  align-items: start;
}

.story-v2-hero-main {
  min-width: 0;
}

.story-v2 h1 {
  max-width: 860px;
  font-size: clamp(42px, 4vw, 58px);
}

.story-v2-lead {
  max-width: 790px;
}

.story-v2-cover {
  max-width: 820px;
  margin: 44px 0 0;
}

.story-v2-cover figure {
  margin: 0;
}

.story-v2-cover img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  background: #eceff3;
}

.story-v2-cover figcaption {
  margin: 10px 0 0;
  color: #8a919c;
  font-size: 12px;
  line-height: 1.6;
}

.story-v2-facts {
  display: grid;
  margin: 0;
  padding: 0 0 0 32px;
  border-left: 1px solid #dfe2e6;
}

.story-v2-facts div {
  padding: 0 0 23px;
}

.story-v2-facts div + div {
  padding-top: 23px;
  border-top: 1px solid #eceef1;
}

.story-v2-facts div:last-child {
  padding-bottom: 0;
}

.story-v2-facts dt {
  margin: 0 0 8px;
  color: #9298a2;
  font-size: 12px;
  font-weight: 700;
}

.story-v2-facts dd {
  margin: 0;
  color: #313741;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.65;
}

.story-v2-fact-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #303640;
  font-weight: 800;
}

.story-v2-fact-link:hover,
.story-v2-fact-link:focus-visible {
  color: var(--red);
}

.story-v2-fact-link iconify-icon {
  color: var(--red);
  font-size: 17px;
}

.story-v2-shell {
  display: block;
  padding-top: 0;
  padding-bottom: 116px;
}

.story-v2-nav-bar {
  width: min(900px, 100%);
  padding: 25px 0;
  border-top: 1px solid #e1e4e8;
  border-bottom: 1px solid #e1e4e8;
}

.story-v2-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 27px;
}

.story-v2-nav a {
  position: relative;
  padding: 0;
  color: #707782;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.6;
}

.story-v2-nav a:hover,
.story-v2-nav a:focus-visible {
  color: var(--red);
}

.story-v2-nav a::before {
  display: none;
}

.story-v2-article {
  width: min(900px, 100%);
  padding-top: 76px;
}

.story-v2-related {
  display: none;
}

@media (max-width: 900px) {
  .story-v2-hero-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .story-v2-cover {
    max-width: none;
  }

  .story-v2-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    padding: 26px 0 0;
    border-top: 1px solid #dfe2e6;
    border-left: 0;
  }

  .story-v2-facts div,
  .story-v2-facts div + div {
    padding: 0 0 22px;
    border-top: 0;
  }
}

@media (max-width: 759px) {
  .story-v2 {
    padding-top: 96px;
  }

  .story-v2-hero {
    padding: 30px 0 62px;
  }

  .story-v2-breadcrumb {
    margin-bottom: 34px;
    font-size: 13px;
  }

  .story-v2-breadcrumb span:last-child {
    max-width: 190px;
  }

  .story-v2 h1 {
    font-size: 36px;
  }

  .story-v2-cover {
    margin-top: 32px;
  }

  .story-v2-facts {
    grid-template-columns: 1fr;
  }

  .story-v2-nav-bar {
    overflow-x: auto;
    padding: 20px 0;
  }

  .story-v2-nav {
    width: max-content;
    flex-wrap: nowrap;
    gap: 24px;
  }

  .story-v2-article {
    padding-top: 58px;
  }

  .story-v2-shell {
    padding-bottom: 76px;
  }
}

.story-v2 h1,
.story-v2-lead {
  max-width: 1160px;
}

.story-v2-facts {
  align-self: stretch;
}

.story-v2-nav-bar {
  display: none;
}

.story-v2-article {
  padding-top: 0;
}

@media (max-width: 900px) {
  .story-v2-facts {
    align-self: auto;
  }
}

/* Source-faithful Word case content */
.story-v2-source-prose {
  display: grid;
  gap: 18px;
}

.story-v2-source-list {
  border-top: 2px solid #272c34;
}

.story-v2-source-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 15px;
  padding: 24px 0;
  border-bottom: 1px solid #e0e3e7;
}

body[data-page="cases"] .story-v2 .story-v2-source-item p {
  font-size: 15px;
  line-height: 1.8;
}

.story-v2-source-group + .story-v2-source-group {
  margin-top: 46px;
}

body[data-page="cases"] .story-v2 .story-v2-source-group > h3 {
  margin-bottom: 20px;
  font-size: 20px;
}

.story-v2-source-table-wrap {
  overflow-x: auto;
  border-top: 2px solid #272c34;
}

.story-v2-source-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: var(--case-detail-description);
  font-size: 15px;
  line-height: 1.75;
}

.story-v2-source-table th,
.story-v2-source-table td {
  padding: 17px 18px;
  border-bottom: 1px solid #e0e3e7;
  text-align: left;
  vertical-align: top;
}

.story-v2-source-table th {
  color: var(--case-detail-title);
  background: #f6f7f9;
  font-weight: 800;
}

.story-v2-source-table th:first-child,
.story-v2-source-table td:first-child {
  width: 220px;
  color: var(--case-detail-title);
  font-weight: 700;
}

@media (max-width: 760px) {
  .story-v2-source-prose {
    gap: 14px;
  }

  .story-v2-source-item {
    padding: 19px 0;
  }

  .story-v2-source-group + .story-v2-source-group {
    margin-top: 34px;
  }

  .story-v2-source-table th,
  .story-v2-source-table td {
    padding: 14px 15px;
  }
}

body[data-page="cases"] .story-v2 .container-sm {
  width: min(1520px, calc(100% - 96px));
}

body[data-page="cases"] .story-v2 {
  --case-detail-title: #07111f;
  --case-detail-description: #475467;
  color: var(--case-detail-description);
}

body[data-page="cases"] .story-v2 h1,
body[data-page="cases"] .story-v2 h2,
body[data-page="cases"] .story-v2 h3,
body[data-page="cases"] .story-v2 .story-v2-facts dd,
body[data-page="cases"] .story-v2 .story-v2-diagram-title {
  color: var(--case-detail-title);
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb,
body[data-page="cases"] .story-v2 .story-v2-breadcrumb a,
body[data-page="cases"] .story-v2 .story-v2-breadcrumb span,
body[data-page="cases"] .story-v2 .story-v2-lead,
body[data-page="cases"] .story-v2 .story-v2-facts dt,
body[data-page="cases"] .story-v2 .story-v2-section p,
body[data-page="cases"] .story-v2 .story-v2-overview-point,
body[data-page="cases"] .story-v2 .story-v2-result-list li,
body[data-page="cases"] .story-v2 .story-v2-diagram-node,
body[data-page="cases"] .story-v2 .story-v2-cover figcaption,
body[data-page="cases"] .story-v2 .story-v2-inline-media figcaption {
  color: var(--case-detail-description);
}

body[data-page="cases"] .story-v2 .story-v2-result-lead,
body[data-page="cases"] .story-v2 .story-v2-diagram-note {
  color: var(--case-detail-description) !important;
}

body[data-page="cases"] .story-v2 .story-v2-diagram-title {
  color: var(--case-detail-title) !important;
}

body[data-page="cases"] .story-v2 h1 {
  font-size: clamp(42px, 4vw, 46px);
  font-weight: 900;
}

body[data-page="cases"] .story-v2 .story-v2-lead {
  font-size: 18px;
  font-weight: 400;
}

body[data-page="cases"] .story-v2 .story-v2-section h2 {
  font-size: clamp(28px, 2.4vw, 32px);
  font-weight: 900;
}

body[data-page="cases"] .story-v2 .story-v2-section h3 {
  font-size: 18px;
  font-weight: 800;
}

body[data-page="cases"] .story-v2 .story-v2-section p {
  font-size: 17px;
  font-weight: 400;
}

body[data-page="cases"] .story-v2 .story-v2-section > p,
body[data-page="cases"] .story-v2 .story-v2-capability-intro,
body[data-page="cases"] .story-v2 .story-v2-result-lead {
  max-width: 100%;
}

body[data-page="cases"] .story-v2 .story-v2-challenge p,
body[data-page="cases"] .story-v2 .story-v2-solution p,
body[data-page="cases"] .story-v2 .story-v2-highlight p,
body[data-page="cases"] .story-v2 .story-v2-group p {
  font-size: 15px;
}

body[data-page="cases"] .story-v2 .story-v2-result-list li {
  font-size: 15px;
  font-weight: 600;
}

body[data-page="cases"] .story-v2 .story-v2-facts dt {
  font-size: 13px;
  font-weight: 600;
}

body[data-page="cases"] .story-v2 .story-v2-facts dd {
  font-size: 15px;
  font-weight: 700;
}

.story-v2-breadcrumb {
  margin-bottom: 48px;
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 16px;
}

body[data-page="cases"] .story-v2 .story-v2-hero {
  padding: 42px 0 56px;
}

body[data-page="cases"] .story-v2 .story-v2-lead {
  margin-top: 18px;
}

body[data-page="cases"] .story-v2 .story-v2-cover {
  margin-top: 24px;
}

body[data-page="cases"] .story-v2 .story-v2-shell {
  padding-bottom: 72px;
}

body[data-page="cases"] .story-v2 .story-v2-section {
  padding-bottom: 36px;
}

body[data-page="cases"] .story-v2 .story-v2-section + .story-v2-section {
  padding-top: 36px;
  border-top: 0;
}

body[data-page="cases"] .story-v2 .story-v2-section h2 {
  margin-bottom: 16px;
}

body[data-page="cases"] .story-v2 .story-v2-challenge {
  padding: 20px 0;
}

body[data-page="cases"] .story-v2 .story-v2-solution {
  padding: 22px 0;
}

body[data-page="cases"] .story-v2 .story-v2-highlight {
  padding-top: 14px;
}

body[data-page="cases"] .story-v2 .story-v2-result-lead {
  margin-bottom: 18px !important;
  padding: 20px 24px;
}

body[data-page="cases"] .story-v2 .story-v2-group {
  padding: 16px 0;
}

body[data-page="cases"] .story-v2 .story-v2-capability-intro {
  margin-bottom: 18px !important;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb {
  border: 0;
  box-shadow: none;
  color: #7a8596;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb a,
body[data-page="cases"] .story-v2 .story-v2-breadcrumb span {
  color: #7a8596;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb span:last-child {
  color: #3f4b5e;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb::before,
body[data-page="cases"] .story-v2 .story-v2-breadcrumb::after {
  display: none;
  content: none;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb a:first-child {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb a:first-child iconify-icon {
  flex: 0 0 auto;
  color: currentColor;
  font-size: 16px;
}

body[data-page="cases"] .story-v2 .story-v2-breadcrumb a:hover,
body[data-page="cases"] .story-v2 .story-v2-breadcrumb a:focus-visible {
  color: var(--red);
}

body[data-page="cases"] .story-v2 .story-v2-fact-link {
  display: inline-flex;
  margin: -6px -8px;
  padding: 6px 8px;
  border-radius: 4px;
  color: var(--case-detail-description);
  font-weight: 700;
  transition: color .18s ease, background-color .18s ease;
}

body[data-page="cases"] .story-v2 .story-v2-fact-link:hover,
body[data-page="cases"] .story-v2 .story-v2-fact-link:focus-visible {
  color: var(--case-detail-title);
  background: #f4f6f8;
}

body[data-page="cases"] .story-v2 .story-v2-fact-link:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
}

body[data-page="cases"] .story-v2 .story-v2-fact-link iconify-icon {
  color: var(--red);
  transition: transform .18s ease;
}

body[data-page="cases"] .story-v2 .story-v2-fact-link:hover iconify-icon,
body[data-page="cases"] .story-v2 .story-v2-fact-link:focus-visible iconify-icon {
  transform: translateX(2px);
}

body[data-page="cases"] .story-v2 .story-v2-cover {
  max-width: none;
}

body[data-page="cases"] .story-v2 .story-v2-cover figure {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1759 / 750;
  border-radius: 8px;
  background: #0d82f8;
}

body[data-page="cases"] .story-v2 .story-v2-cover picture {
  position: absolute;
  inset: 0;
  display: block;
}

body[data-page="cases"] .story-v2 .story-v2-cover img {
  width: 100%;
  max-width: none;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}

body[data-case-id="guangdong"] .story-v2-cover img {
  width: calc(100% * 1850 / 1759);
  height: auto;
  object-fit: initial;
}

body[data-page="cases"] .story-v2 #overview h2 {
  margin-bottom: 16px;
}

body[data-page="cases"] .story-v2 #overview {
  padding-bottom: 36px;
}

body[data-page="cases"] .story-v2 #background {
  padding-top: 36px;
  border-top: 0;
}

body[data-page="cases"] .story-v2 #challenges {
  border-top: 0;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview {
  display: block;
  padding-top: 0;
  border-top: 0;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview > p {
  max-width: 760px;
  color: var(--case-detail-description);
  font-size: 18px;
  line-height: 1.8;
  font-weight: 400;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview-points {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  margin-top: 18px;
  padding: 1px 0;
  background: #d9dde3;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview-point {
  display: flex;
  grid-column: span 2;
  min-height: 76px;
  align-items: center;
  padding: 16px 20px;
  border: 0;
  color: var(--case-detail-description);
  background: #fff;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 600;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview-point:first-child {
  padding-left: 20px;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview-point + .story-v2-overview-point {
  border-left: 0;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview-points:has(> .story-v2-overview-point:nth-child(4):last-child) > .story-v2-overview-point {
  grid-column: span 3;
}

body[data-page="cases"] .story-v2 #overview .story-v2-overview-points:has(> .story-v2-overview-point:nth-child(5):last-child) > .story-v2-overview-point:nth-last-child(-n + 2) {
  grid-column: span 3;
}

.story-v2-rail {
  display: none;
}

@media (min-width: 1121px) {
  .story-v2-hero-grid {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 80px;
  }

  .story-v2-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 80px;
  }

  .story-v2-hero-main {
    max-width: 1160px;
  }

  .story-v2-article {
    width: auto;
  }

  .story-v2-facts {
    align-self: stretch;
    align-content: start;
  }

  .story-v2-rail {
    display: block;
    align-self: stretch;
    margin-top: -56px;
    border-left: 1px solid #dfe2e6;
  }
}

@media (max-width: 1120px) {
  .story-v2-hero-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .story-v2-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    padding: 26px 0 0;
    border-top: 1px solid #dfe2e6;
    border-left: 0;
  }

  .story-v2-facts div,
  .story-v2-facts div + div {
    padding: 0 0 22px;
    border-top: 0;
  }

  .story-v2-article {
    width: auto;
  }
}

@media (max-width: 1280px) {
  body[data-page="cases"] .story-v2 .container-sm {
    width: min(1120px, calc(100% - 40px));
  }
}

@media (max-width: 760px) {
  body[data-page="cases"] .story-v2 .container-sm {
    width: calc(100% - 28px);
  }

  .story-v2-breadcrumb {
    margin-bottom: 32px;
    font-size: 13px;
  }

  body[data-page="cases"] .story-v2 .story-v2-hero {
    padding: 16px 0 40px;
  }

  body[data-page="cases"] .story-v2 .story-v2-lead {
    margin-top: 14px;
  }

  body[data-page="cases"] .story-v2 .story-v2-cover {
    margin-top: 20px;
  }

  body[data-page="cases"] .story-v2 .story-v2-shell {
    padding-bottom: 52px;
  }

  body[data-page="cases"] .story-v2 .story-v2-breadcrumb a:first-child iconify-icon {
    font-size: 13px;
  }

  body[data-page="cases"] .story-v2 h1 {
    font-size: 34px;
  }

  body[data-page="cases"] .story-v2 .story-v2-lead,
  body[data-page="cases"] .story-v2 #overview .story-v2-overview > p {
    font-size: 16px;
  }

  body[data-page="cases"] .story-v2 .story-v2-section h2 {
    font-size: 28px;
  }

  body[data-page="cases"] .story-v2 .story-v2-section h3 {
    font-size: 17px;
  }

  body[data-page="cases"] .story-v2 .story-v2-section p {
    font-size: 16px;
  }

  body[data-page="cases"] .story-v2 .story-v2-section {
    padding-bottom: 28px;
  }

  body[data-page="cases"] .story-v2 .story-v2-section + .story-v2-section {
    padding-top: 28px;
    border-top: 0;
  }

  body[data-page="cases"] .story-v2 .story-v2-section h2 {
    margin-bottom: 14px;
  }

  body[data-page="cases"] .story-v2 #background {
    padding-top: 28px;
  }

  .story-v2-facts {
    grid-template-columns: 1fr;
  }

  body[data-page="cases"] .story-v2 #overview {
    padding-bottom: 28px;
  }

  body[data-page="cases"] .story-v2 #overview .story-v2-overview {
    padding-top: 0;
  }

  body[data-page="cases"] .story-v2 #overview h2 {
    margin-bottom: 14px;
  }

  body[data-page="cases"] .story-v2 .story-v2-challenge p,
  body[data-page="cases"] .story-v2 .story-v2-solution p,
  body[data-page="cases"] .story-v2 .story-v2-highlight p,
  body[data-page="cases"] .story-v2 .story-v2-group p {
    font-size: 15px;
  }

  body[data-page="cases"] .story-v2 #overview .story-v2-overview-points {
    grid-template-columns: 1fr;
    margin-top: 16px;
  }

  body[data-page="cases"] .story-v2 #overview .story-v2-overview-point,
  body[data-page="cases"] .story-v2 #overview .story-v2-overview-point:first-child {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 14px 16px;
  }

  body[data-page="cases"] .story-v2 #overview .story-v2-overview-point + .story-v2-overview-point {
    border-top: 0;
    border-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="cases"] .story-v2 .story-v2-fact-link,
  body[data-page="cases"] .story-v2 .story-v2-fact-link iconify-icon {
    transition: none;
  }

  body[data-page="cases"] .story-v2 .story-v2-fact-link:hover iconify-icon,
  body[data-page="cases"] .story-v2 .story-v2-fact-link:focus-visible iconify-icon {
    transform: none;
  }
}