/* One clinical image and card layout for every public case surface. */
:root { --case-image-ratio:9 / 10; --case-column-gap:28px; --case-row-gap:44px; }
.s-case-archive-card.story { min-width:0; margin:0; }
.s-case-archive-card.story > a { display:flex; flex-direction:column; height:100%; }
.s-case-archive-card.story .story-image,
.s-case-archive-card.story .story-letter { position:relative; width:100%; aspect-ratio:var(--case-image-ratio); background:var(--white); flex-shrink:0; }
.s-case-archive-card.story .story-image > img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; transform:none; }
.s-case-archive-card.story .story-copy { padding:16px 0 0; }
.s-case-archive-card.story .story-copy h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:3.3em; margin:0; font-size:16px; font-weight:400; line-height:1.65; letter-spacing:-.025em; word-break:keep-all; overflow-wrap:anywhere; }
.s-case-photo-label { position:absolute; z-index:1; top:0; left:0; padding:6px 12px; color:#fff; background:rgba(35,36,36,.78); font-size:11px; font-weight:500; line-height:1.4; letter-spacing:.025em; pointer-events:none; }
.s-case-photo-after { top:50%; }

.case-stories,#case-gallery,.s-detail-case-group .case-stories,.s-case-related > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--case-row-gap) var(--case-column-gap); align-items:start; }
.case-stories > .story:nth-child(n),#case-gallery > .story:nth-child(n) { margin-top:0; }
.s-page-clinical-cases #main { --content:1640px; }
.s-detail-case-group { display:block; }
.s-detail-case-group > header { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:28px; }
.s-detail-case-group > header h2 { margin:14px 0 0; font:400 clamp(34px,3vw,42px)/1.16 Georgia,'Times New Roman',serif; letter-spacing:-.055em; }
.s-detail-case-group .case-stories { gap:var(--case-row-gap) var(--case-column-gap); }
.s-detail-case-group .medical-note { margin:24px 0 0; font-size:11px; }
.s-detail-case-group > header .text-link { flex-shrink:0; margin:0; }
.s-case-showcase .w-cases-grid { align-items:stretch; }

/* Detailed records keep a consistent centered width; clinical images stay uncropped. */
.s-case-cover > div { aspect-ratio:var(--case-image-ratio); background:var(--white); }
.s-case-cover > div > img { width:100%; height:100%; object-fit:contain; object-position:center; }
.single-weshe_case .s-case-body .s-case-figure { width:100%; max-width:720px; margin:36px auto; }
.single-weshe_case .s-case-body .s-case-figure img { width:100%; height:auto; margin-inline:auto; object-fit:contain; }

@media(max-width:1100px) {
  :root { --case-column-gap:24px; --case-row-gap:36px; }
  .case-stories,#case-gallery,.s-detail-case-group .case-stories,.s-case-related > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
  :root { --case-column-gap:18px; --case-row-gap:32px; }
  .s-case-archive-card.story .story-copy { padding-top:14px; }
  .s-case-archive-card.story .story-copy h3 { font-size:15px; }
  .s-detail-case-group > header { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:24px; }
  .s-detail-case-group > header h2 { font-size:36px; }
  .s-detail-case-group .medical-note { font-size:10px; }
}
@media(max-width:600px) {
  .case-stories,#case-gallery,.s-detail-case-group .case-stories,.s-case-related > div { grid-template-columns:minmax(0,1fr); }
}