/* The second direction changes the reading sequence while retaining the same message and assets. */
[data-case-kind="treatment-comparison"] .website.calm {
  grid-template-rows:auto minmax(0,1fr) auto minmax(80px,.30fr);
  gap:12px;
}
[data-case-kind="treatment-comparison"] .calm .web-hero {
  grid-template-columns:1fr;
  grid-template-rows:minmax(100px,1fr) auto;
  gap:12px;
}
[data-case-kind="treatment-comparison"] .calm .web-hero>img {
  grid-row:1;
  object-position:center 45%;
}
[data-case-kind="treatment-comparison"] .calm .hero-copy {
  align-items:center;
  text-align:center;
  gap:8px;
}
[data-case-kind="treatment-comparison"] .calm .web-title { font-size:clamp(22px,1.85vw,35px); }
[data-case-kind="treatment-comparison"] .calm .web-lines { max-width:40ch; }
[data-case-kind="treatment-comparison"] .calm .web-cta { align-self:center; }
[data-case-kind="treatment-comparison"] .calm>[data-slot="web-2-section-title"] {
  text-align:center;
  font-size:clamp(17px,1.3vw,24px);
  padding-top:6px;
  border-top:1px solid var(--r-rule);
}
[data-case-kind="treatment-comparison"] .calm .web-lower figure {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:stretch;
}
[data-case-kind="treatment-comparison"] .calm .web-lower img { height:100%; }
[data-case-kind="treatment-comparison"] .calm .web-lower figcaption {
  align-self:center;
  font-size:clamp(11px,.85vw,15px);
}
/* A short/narrow frame becomes a readable page; the picture-first composition survives the reflow. */
@media(min-width:761px) and (max-width:1100px) {
  [data-case-kind="treatment-comparison"].case-layout { height:auto; min-height:100svh; }
  [data-case-kind="treatment-comparison"] .website { min-height:600px; }
}
@media(max-width:760px) {
  [data-case-kind="treatment-comparison"] .website.calm { min-height:660px; }
  [data-case-kind="treatment-comparison"] .calm .web-hero { grid-template-rows:minmax(170px,1fr) auto; }
  [data-case-kind="treatment-comparison"] .calm .web-lower { gap:16px; }
  [data-case-kind="treatment-comparison"] .calm .web-lower figure { grid-template-columns:1fr; grid-template-rows:minmax(70px,1fr) auto; }
  [data-case-kind="treatment-comparison"] .calm .web-lower figcaption { align-self:start; }
}