@import url("./case-pediatric.css?v=2");

.mobile-store-case {
  --coral: #3f63a6;
  --cobalt: #3f63a6;
  --cobalt-light: #6f88b8;
  --cool-gray: #7b858f;
}

.mobile-store-case ::selection { background: #c8d4e6; }
.mobile-store-case .case-nav .case-nav-action,
.mobile-store-case .case-numbered-list li > span,
.mobile-store-case .case-editorial-list li::before,
.mobile-store-case .case-narrative .case-label { color: var(--cobalt-light); }

.mobile-store-case .case-intro-media,
.mobile-store-case .case-expertise .case-split-media,
.mobile-store-case .mobile-store-execution-split .case-split-media {
  min-height: 0;
  aspect-ratio: 5 / 4;
}

.mobile-store-case .case-diagnosis-media,
.mobile-store-case .case-result-media {
  min-height: 0;
  aspect-ratio: 16 / 9;
}

.mobile-store-case .case-diagnosis { padding-bottom: clamp(150px, 14vw, 210px); }
.mobile-store-case .case-diagnosis-panel {
  position: relative;
  right: auto;
  bottom: auto;
  width: min(720px, 52vw);
  margin: clamp(-168px, -11vw, -120px) auto 0 0;
  padding: clamp(28px, 3vw, 46px);
}
.mobile-store-case .case-diagnosis-panel .case-numbered-list { margin-top: 22px; }
.mobile-store-case .case-diagnosis-panel .case-numbered-list li { padding: 15px 0; }
.mobile-store-case .case-diagnosis-panel .case-numbered-list p { margin-top: 6px; line-height: 1.5; }
.mobile-store-case .case-diagnosis-panel .case-numbered-list ul { margin: 10px 0 0; padding-left: 17px; }
.mobile-store-case .case-diagnosis-panel .case-numbered-list ul li { display: list-item; padding: 2px 0; border: 0; font-size: 12px; }

.mobile-store-case .case-expertise-panel { max-width: 700px; }
.mobile-store-case .mobile-store-equation {
  margin: 28px 0 20px;
  padding: 18px 0;
  border-top: 1px solid var(--charcoal);
  border-bottom: 1px solid var(--charcoal);
  color: var(--cobalt);
  font-size: clamp(20px, 1.8vw, 28px);
  font-weight: 720;
  letter-spacing: -.025em;
}
.mobile-store-case .mobile-store-trust-chain div {
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  text-align: right;
}
.mobile-store-case .mobile-store-trust-chain > span { margin: 8px 0 8px auto; color: var(--cobalt); }

.mobile-store-case .case-narrative { background: #073f42; }
.mobile-store-case .case-narrative h2 { max-width: 900px; }
.mobile-store-case .case-narrative-note { max-width: 700px; }

.mobile-store-case .mobile-store-execution { padding-top: clamp(120px, 12vw, 180px); padding-bottom: clamp(120px, 12vw, 180px); }
.mobile-store-case .mobile-store-execution-heading { margin-bottom: clamp(54px, 6vw, 88px); }
.mobile-store-case .mobile-store-execution-split { padding-top: 0; padding-bottom: clamp(100px, 10vw, 150px); }
.mobile-store-case .mobile-store-proof-split { padding-bottom: 0; }
.mobile-store-case .mobile-store-execution-split .case-copy { max-width: 700px; }
.mobile-store-case .mobile-store-execution-group + .mobile-store-execution-group { margin-top: 42px; padding-top: 34px; border-top: 1px solid var(--line); }
.mobile-store-case .mobile-store-execution-group h3 { margin: 0 0 18px; color: var(--cobalt); font-size: clamp(18px, 1.5vw, 22px); letter-spacing: -.02em; }
.mobile-store-case .mobile-store-execution-group p { margin: 0; }
.mobile-store-case .mobile-store-execution-group p + p { margin-top: 12px; }
.mobile-store-case .mobile-store-execution-group blockquote {
  margin: 24px 0;
  padding: 18px 0 18px 20px;
  border-left: 3px solid var(--cobalt);
  font-size: clamp(19px, 1.7vw, 24px);
  font-weight: 650;
  line-height: 1.45;
}

.mobile-store-case .mobile-store-result-definition {
  margin: 22px 0;
  padding-left: 18px;
  border-left: 2px solid var(--cobalt-light);
  font-size: clamp(17px, 1.3vw, 21px);
  font-weight: 650;
  line-height: 1.5;
}
.mobile-store-case .case-impact-grid { grid-template-columns: 1fr 1fr; }
.mobile-store-case .case-impact-grid > .case-impact-wide { grid-column: 1 / -1; }
.mobile-store-case .case-impact-grid > .case-impact-wide + div { border-left: 0; }
.mobile-store-case .case-impact-number > strong { color: var(--cobalt); }

@media (max-width: 900px) {
  .mobile-store-case .case-diagnosis-panel { width: min(730px, 64vw); }
}

@media (max-width: 680px) {
  .mobile-store-case .case-title-display { font-size: clamp(50px, 14vw, 58px); }
  .mobile-store-case .case-intro-media,
  .mobile-store-case .case-expertise .case-split-media,
  .mobile-store-case .mobile-store-execution-split .case-split-media { min-height: 0; aspect-ratio: 5 / 4; }
  .mobile-store-case .case-diagnosis { padding-bottom: 90px; }
  .mobile-store-case .case-diagnosis-media,
  .mobile-store-case .case-result-media { min-height: 0; aspect-ratio: 16 / 9; }
  .mobile-store-case .case-diagnosis-panel { width: auto; margin: 0; padding: 34px var(--page); }
  .mobile-store-case .case-split-text-first .case-copy { margin-right: 0; }
  .mobile-store-case .case-expertise-panel { margin-left: 0; }
  .mobile-store-case .mobile-store-execution { padding-top: 100px; padding-bottom: 110px; }
  .mobile-store-case .mobile-store-execution-heading { margin-bottom: 48px; }
  .mobile-store-case .mobile-store-execution-split { padding-bottom: 90px; }
  .mobile-store-case .mobile-store-proof-split { padding-bottom: 0; }
  .mobile-store-case .mobile-store-execution-split .case-copy { margin: 0; padding: 34px 0 0; }
  .mobile-store-case .mobile-store-proof-split .case-copy { order: 2; }
  .mobile-store-case .mobile-store-proof-split .case-split-media { order: 1; }
  .mobile-store-case .case-impact-grid { display: block; }
}